@marimo-team/islands 0.24.1-dev3 → 0.24.1-dev31

package/dist/main.js

@@ -22,17 +22,17 @@ import { _ as Functions, c as useEventListener, f as composeRefs, g as Logger, h
 import { t as require_react } from "./react-DhGsCS90.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DsR6imPN.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-C7ZKMKox.js";
-import { $ as notebookOutline, $t as isUninstantiated, A as ChevronDownIcon, An as Item$1, At as DeferredRequestRegistry, Bn as Layers, C as Accordion, Ct as MarkdownLanguageAdapter, D as BorderAllIcon, E as AccordionTrigger, En as selectAtom, Et as Paths, Fn as Table2, G as hasRunAnyCellAtom, Gn as Database, Gt as require_client, H as renderHTML, Hn as FileText, Ht as DATA_TYPE_ICON, I as base64ToDataView, In as PaintRoller, Jn as CircleAlert, K as cellIdsAtom, Kn as Columns2, Lt as repl, Mn as Trigger2, Pn as Trash2, Pt as jotaiJsonStorage, Q as notebookAtom, Qt as useRequestClient, R as dataViewToBase64, Rt as SQLParser, Sn as jsonParseWithSpecialChar, St as isRecord, T as AccordionItem, Tn as atomWithStorage, Tt as PathBuilder, U as getMarimoExportContext, Un as Eye, V as safeExtractSetUIElementMessageBuffers, Vn as Info, Vt as PluralWords, W as hasTrustedExportContext, X as hasOnlyOneCellAtom, Xt as getRequestClient, Y as getCellNames, Yn as Braces, Yt as convertStatsName, Z as initialNotebookState, Zt as requestClientAtom, _t as isInternalCellName, a as useCellFocusActions, at as createCell, bn as OBJECT_ID_ATTR, bt as customPythonLanguageSupport, dt as headingToIdentifier, en as publishedCellClasses, et as numColumnsAtom, f as isOutputEmpty, fn as parseAttrValue, gn as HTMLCellId, gt as getValidName, i as LazyAnyLanguageCodeMirror, jn as Root2$1, jt as generateUUID, kn as Content2, ln as NotebookScopedLocalStorage, lt as outputIsLoading, mn as parseInitialValue, n as Spinner, nt as useCellActions, o as useLastFocusedCellId, p as useExpandedConsoleOutput, pn as parseDataset, q as createActions, rt as useCellIds, s as maybeAddAltairImport, tn as shouldHidePublishedCell, tt as reducer, ut as outputIsStale, vn as UIElementId, vt as normalizeName, w as AccordionContent, wn as atomWithReducer, xn as RANDOM_ID_ATTR, xt as hasFunctionProperty, yn as findCellId, yt as Checkbox, zn as LoaderCircle, zt as MarkdownParser, __tla as __tla_0 } from "./html-to-image-BtNr4zrO.js";
+import { $ as notebookOutline, $t as isUninstantiated, A as ChevronDownIcon, An as Item$1, At as DeferredRequestRegistry, Bn as Layers, C as Accordion, Ct as MarkdownLanguageAdapter, D as BorderAllIcon, E as AccordionTrigger, En as selectAtom, Et as Paths, Fn as Table2, G as hasRunAnyCellAtom, Gn as Database, Gt as require_client, H as renderHTML, Hn as FileText, Ht as DATA_TYPE_ICON, I as base64ToDataView, In as PaintRoller, Jn as CircleAlert, K as cellIdsAtom, Kn as Columns2, Lt as repl, Mn as Trigger2, Pn as Trash2, Pt as jotaiJsonStorage, Q as notebookAtom, Qt as useRequestClient, R as dataViewToBase64, Rt as SQLParser, Sn as jsonParseWithSpecialChar, St as isRecord, T as AccordionItem, Tn as atomWithStorage, Tt as PathBuilder, U as getMarimoExportContext, Un as Eye, V as safeExtractSetUIElementMessageBuffers, Vn as Info, Vt as PluralWords, W as hasTrustedExportContext, X as hasOnlyOneCellAtom, Xt as getRequestClient, Y as getCellNames, Yn as Braces, Yt as convertStatsName, Z as initialNotebookState, Zt as requestClientAtom, _t as isInternalCellName, a as useCellFocusActions, at as createCell, bn as OBJECT_ID_ATTR, bt as customPythonLanguageSupport, dt as headingToIdentifier, en as publishedCellClasses, et as numColumnsAtom, f as isOutputEmpty, fn as parseAttrValue, gn as HTMLCellId, gt as getValidName, i as LazyAnyLanguageCodeMirror, jn as Root2$1, jt as generateUUID, kn as Content2, ln as NotebookScopedLocalStorage, lt as outputIsLoading, mn as parseInitialValue, n as Spinner, nt as useCellActions, o as useLastFocusedCellId, p as useExpandedConsoleOutput, pn as parseDataset, q as createActions, rt as useCellIds, s as maybeAddAltairImport, tn as shouldHidePublishedCell, tt as reducer, ut as outputIsStale, vn as UIElementId, vt as normalizeName, w as AccordionContent, wn as atomWithReducer, xn as RANDOM_ID_ATTR, xt as hasFunctionProperty, yn as findCellId, yt as Checkbox, zn as LoaderCircle, zt as MarkdownParser, __tla as __tla_0 } from "./html-to-image-BzT-fb14.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BRZ_XYUw.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist-j30bBjjN.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, 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-BL1GSUUF.js";
-import { $ as CommandSeparator, $t as Kbd, A as ErrorState, At as getPageIndexForRow, B as ContextMenuTrigger, Bt as dateToLocalISODate, C as downloadHTMLAsImage, Ct as inferFieldTypes, D as ColumnName, Dt as DelayMount, E as downloadSizeLimitAtom, Et as ColumnChartSpecModel, F as getUserColumnVisibilityCounts, Ft as TOO_MANY_ROWS, G as DateRangePicker, Gt as TabsList, H as useSelectList, Ht as dateToLocalISOTime, I as ContextMenu, It as toFieldTypes, J as Command, Jt as ChartInfoState, K as Combobox, Kt as TabsTrigger, L as ContextMenuContent, Lt as getMimeValues, M as prettifyRowColumnCount, Mt as loadTableData, N as prettifyRowCount, Nt as INDEX_COLUMN_NAME, O as ColumnPreviewContainer, Ot as useIntersectionObserver, P as getColumnCountForDisplay, Pt as SELECT_COLUMN_ID, Q as CommandList, Qt as RenderTextWithLinks, R as ContextMenuItem, Rt as isNullishFilter, S as downloadExportedFile, St as generateColumns, T as Filenames, Tt as ColumnChartContext, U as CompactChipRow, Ut as Tabs, V as useInternalStateWithSync, Vt as dateToLocalISODateTime, W as DatePicker, Wt as TabsContent, X as CommandInput, Xt as LazyVegaEmbed, Y as CommandEmpty, Yt as ChartLoadingState, Z as CommandItem, Zt as useOverflowDetection, _ as DataTable, _n as ChevronLeft, _t as TableCell, an as TextWrap, at as contextAwarePanelType, b as downloadBlob, bt as TableRow, c as SLIDE_TYPE_OPTIONS_BY_VALUE, cn as EyeOff, ct as slotsController, d as Switch, dn as Download, en as HtmlOutput, et as smartMatch, f as RadioGroup, fn as Code, g as OutputRenderer, gn as ChevronsDownUp, gt as TableBody, h as OutputArea, hn as ChevronsLeft, ht as Table, i as showCodeInRunModeAtom, in as $fae977aafc393c5c$export$6b862160d295c8e, it as contextAwarePanelOwner, j as LoadingState, jt as loadTableAndRawData, k as EmptyState, kt as usePrevious$1, lt as Toggle, m as JsonOutput, mn as ChevronsRight, mt as Provider$1, n as useNotebookCodeAvailable, nn as safeLocale, nt as PANEL_TYPES, on as GripHorizontal, ot as isCellAwareAtom, p as RadioGroupItem, pn as ChevronsUpDown, pt as Fill, q as ComboboxItem, qt as ChartErrorState, r as marimoVersionAtom, rn as $fae977aafc393c5c$export$588937bcd60ade55, rt as contextAwarePanelOpen, sn as Funnel, st as SlotNames, t as cellDomProps, tn as EmotionCacheProvider, tt as ContextAwarePanelItem, u as Slide, un as Ellipsis, v as InstallPackageButton, vn as ArrowDownWideNarrow, vt as TableHead, w as Progress, wt as renderCellValue, x as downloadByURL, xt as NAMELESS_COLUMN_PREFIX, y as ADD_PRINTING_CLASS, yt as TableHeader, z as ContextMenuSeparator, zt as Maps, __tla as __tla_2 } from "./common-BvTQu-LJ.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, 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-DR1CyTOo.js";
+import { $ as CommandSeparator, $t as Kbd, A as ErrorState, At as getPageIndexForRow, B as ContextMenuTrigger, Bt as dateToLocalISODate, C as downloadHTMLAsImage, Ct as inferFieldTypes, D as ColumnName, Dt as DelayMount, E as downloadSizeLimitAtom, Et as ColumnChartSpecModel, F as getUserColumnVisibilityCounts, Ft as TOO_MANY_ROWS, G as DateRangePicker, Gt as TabsList, H as useSelectList, Ht as dateToLocalISOTime, I as ContextMenu, It as toFieldTypes, J as Command, Jt as ChartInfoState, K as Combobox, Kt as TabsTrigger, L as ContextMenuContent, Lt as getMimeValues, M as prettifyRowColumnCount, Mt as loadTableData, N as prettifyRowCount, Nt as INDEX_COLUMN_NAME, O as ColumnPreviewContainer, Ot as useIntersectionObserver, P as getColumnCountForDisplay, Pt as SELECT_COLUMN_ID, Q as CommandList, Qt as RenderTextWithLinks, R as ContextMenuItem, Rt as isNullishFilter, S as downloadExportedFile, St as generateColumns, T as Filenames, Tt as ColumnChartContext, U as CompactChipRow, Ut as Tabs, V as useInternalStateWithSync, Vt as dateToLocalISODateTime, W as DatePicker, Wt as TabsContent, X as CommandInput, Xt as LazyVegaEmbed, Y as CommandEmpty, Yt as ChartLoadingState, Z as CommandItem, Zt as useOverflowDetection, _ as DataTable, _n as ChevronLeft, _t as TableCell, an as TextWrap, at as contextAwarePanelType, b as downloadBlob, bt as TableRow, c as SLIDE_TYPE_OPTIONS_BY_VALUE, cn as EyeOff, ct as slotsController, d as Switch, dn as Download, en as HtmlOutput, et as smartMatch, f as RadioGroup, fn as Code, g as OutputRenderer, gn as ChevronsDownUp, gt as TableBody, h as OutputArea, hn as ChevronsLeft, ht as Table, i as showCodeInRunModeAtom, in as $fae977aafc393c5c$export$6b862160d295c8e, it as contextAwarePanelOwner, j as LoadingState, jt as loadTableAndRawData, k as EmptyState, kt as usePrevious$1, lt as Toggle, m as JsonOutput, mn as ChevronsRight, mt as Provider$1, n as useNotebookCodeAvailable, nn as safeLocale, nt as PANEL_TYPES, on as GripHorizontal, ot as isCellAwareAtom, p as RadioGroupItem, pn as ChevronsUpDown, pt as Fill, q as ComboboxItem, qt as ChartErrorState, r as marimoVersionAtom, rn as $fae977aafc393c5c$export$588937bcd60ade55, rt as contextAwarePanelOpen, sn as Funnel, st as SlotNames, t as cellDomProps, tn as EmotionCacheProvider, tt as ContextAwarePanelItem, u as Slide, un as Ellipsis, v as InstallPackageButton, vn as ArrowDownWideNarrow, vt as TableHead, w as Progress, wt as renderCellValue, x as downloadByURL, xt as NAMELESS_COLUMN_PREFIX, y as ADD_PRINTING_CLASS, yt as TableHeader, z as ContextMenuSeparator, zt as Maps, __tla as __tla_2 } from "./common-ZoATHjIZ.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-Bw4wRj_O.js";
 import { t as Check } from "./check-58HHfHKy.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-DMLVGXRo.js";
-import { B as $64fa3d84918910a7$export$4d86445c2cf5e3, C as DropdownMenuTrigger, Ft as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, It as $3ef42575df84b30b$export$9d1611c77c2fe928, W as $64fa3d84918910a7$export$df3a06d6289f983e, Wt as $ff5963eb1fccf552$export$e08e3b67e392101e, X as useDebouncedCallback, Y as useDebounceControlledState, a as NumberField, d as roundToFractionDigits, f as DropdownMenu, g as DropdownMenuLabel, gn as ChevronRight, h as DropdownMenuItem, hn as Circle, i as OnBlurredInput, l as prettyNumber, m as DropdownMenuGroup, n as DebouncedNumberInput, o as maxFractionDigitsForSteps, ot as $f7dceffc5ad7768b$export$4e328f61c538687f, p as DropdownMenuContent, pt as $6179b936705e76d3$export$ae780daf29e6d456, r as Input, st as $701a24aa0da5b062$export$ea18c227d4417cc3, t as DebouncedInput, u as prettyScientificNumber, v as DropdownMenuSeparator, xt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as DropdownMenuShortcut, z as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./input-BRE2a7Ay.js";
+import { B as $64fa3d84918910a7$export$4d86445c2cf5e3, C as DropdownMenuTrigger, Ft as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, It as $3ef42575df84b30b$export$9d1611c77c2fe928, W as $64fa3d84918910a7$export$df3a06d6289f983e, Wt as $ff5963eb1fccf552$export$e08e3b67e392101e, X as useDebouncedCallback, Y as useDebounceControlledState, a as NumberField, d as roundToFractionDigits, f as DropdownMenu, g as DropdownMenuLabel, gn as ChevronRight, h as DropdownMenuItem, hn as Circle, i as OnBlurredInput, l as prettyNumber, m as DropdownMenuGroup, n as DebouncedNumberInput, o as maxFractionDigitsForSteps, ot as $f7dceffc5ad7768b$export$4e328f61c538687f, p as DropdownMenuContent, pt as $6179b936705e76d3$export$ae780daf29e6d456, r as Input, st as $701a24aa0da5b062$export$ea18c227d4417cc3, t as DebouncedInput, u as prettyScientificNumber, v as DropdownMenuSeparator, xt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as DropdownMenuShortcut, z as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./input-CqV2ZPgL.js";
 import { S as isWasm, _ as initialModeAtom, b as viewStateAtom, c as asRemoteURL, d as isStaticNotebook, f as appendQueryParams, g as getInitialAppMode, m as require_cuid2, u as getStaticVirtualFiles, v as kioskModeAtom, w as CircleQuestionMark, x as Deferred } from "./toDate-CjUYDkFI.js";
-import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, f as Square, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, p as File, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-Dch8KCi8.js";
+import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, f as Square, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, p as File, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-C8Q8G6-g.js";
 import { n as Trash, r as Pencil, t as BulkEdit } from "./types-DT8UHI5w.js";
 import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-BniTEhHn.js";
 import { t as require_react_dom } from "./react-dom-CmENFV8Q.js";
@@ -48,9 +48,9 @@ import { t as debounce_default } from "./debounce-D784bpms.js";
 import { A as useEvent_default, S as useAtomValue, T as atom, a as KnownQueryParams, b as Provider, c as autoInstantiateAtom, f as useResolvedMarimoConfig, g as store, k as dequal, m as AppConfigSchema, n as useTheme, r as CSSClasses, u as localeAtom, x as useAtom, y as isIslands } from "./useTheme-BzEXeAR5.js";
 import { $ as EditorView, F as syntaxHighlighting, H as tags, a as HighlightStyle, g as defaultHighlightStyle } from "./dist-BJ2IUa0l.js";
 import { t as invariant } from "./invariant-hOqqBz8A.js";
-import { c as uniqueBy, l as clamp, o as arrayShallowEquals, t as Arrays } from "./arrays-C56grfjL.js";
+import { l as uniqueBy, o as arrayShallowEquals, t as Arrays, u as clamp } from "./arrays-Ct6XviUd.js";
 import { t as Objects } from "./objects-UzwQd5gx.js";
-import { n as once } from "./once-Boutk_9X.js";
+import { n as once } from "./once-D1_qYl2e.js";
 import { f as sql } from "./dist-D9-ePb6D.js";
 import { a as markdown } from "./dist-Awj73yUw.js";
 import "./dist-72nb8Uag.js";
@@ -59,9 +59,9 @@ import "./dist-D1vYHETp.js";
 import { r as python } from "./dist-Ckfsc8C3.js";
 import { n as minimalSetup, t as esm_default } from "./esm-QLUgkqzZ.js";
 import "./purify.es-DR5PNXwx.js";
-import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-Dz0QNUEa.js";
-import { A as getContainerWidth, j as getVegaFieldTypes } from "./vega-loader.browser-CGb-2Kwi.js";
-import { a as tooltipHandler, n as vegaLoadData } from "./loader-DTnbNSVZ.js";
+import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-BZtMpeQe.js";
+import { A as getContainerWidth, j as getVegaFieldTypes } from "./vega-loader.browser-VFQfHaoV.js";
+import { a as tooltipHandler, n as vegaLoadData } from "./loader-Chm6nOqy.js";
 import "./defaultLocale-CMezyvMc.js";
 import "./defaultLocale-DMZFeDB8.js";
 import { t as useAsyncData } from "./useAsyncData-CDcbh-Qv.js";
@@ -97,7 +97,7 @@ let __tla = Promise.all([
     }
   })()
 ]).then(async () => {
-  var _a, _e2, _t2, _n2, _r, _i, _e_instances, a_fn, o_fn, s_fn, _c, _b, _e3, _WidgetDefRegistry_instances, t_fn, _c2, _e4, _t3, _n3, _r2, _i2, _a2, _o2, _e_instances2, s_fn2, c_fn, _d, _e5, _t4, _n4, _r3, _i3, _a3, _o3, _s, _c3, _l, _u, _d2, _f, _p, _WidgetRuntime_instances, m_fn, h_fn, g_fn, __fn, v_fn, y_fn, b_fn, x_fn, _e6, _e7, _t5, _n5, _instances, r_fn, _f2, _e8, _t6, _n6, _r4, _i4, _a4, _o4, _s2, _MatplotlibRenderer_instances, c_fn2, l_fn, u_fn, _d3, _f3, _p2, _m, _h, _g, __, _v, _y, _b2, _x, _S, _C, _w, _g2, _h2;
+  var _a, _e2, _t2, _n2, _r, _i, _e_instances, a_fn, o_fn, s_fn, _c, _b, _e3, _WidgetDefRegistry_instances, t_fn, _c2, _e4, _t3, _n3, _r2, _i2, _a2, _o2, _e_instances2, s_fn2, c_fn, _d, _e5, _t4, _n4, _r3, _i3, _a3, _o3, _s, _c3, _l, _u, _d2, _f, _p, _WidgetRuntime_instances, m_fn, h_fn, g_fn, __fn, v_fn, y_fn, b_fn, x_fn, _e6, _e7, _t5, _n5, _instances, r_fn, _f2, _e8, _t6, _n6, _r4, _i4, _a4, _o4, _s2, _c4, _MatplotlibRenderer_instances, l_fn, u_get, _d3, f_fn, p_fn, _m, _h, _g, __, _v, _y, _b2, _x, _S, _C, _w, _T, _E, _D, _g2, _h2;
   var defaultIconDimensions = Object.freeze({
     left: 0,
     top: 0,
@@ -7519,33 +7519,33 @@ let __tla = Promise.all([
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), ZW = C({
+    }), H = U(), W = U(), G = C(0), q = C(null), tG = C({
       column: 0,
       row: 0
-    }), Z = U(), QW = U(), $W = C(false), eG = C(0), tG = C(true), nG = C(false), rG = C(false);
-    Y(x(b, $(eG), P(([e2, r2]) => !!r2)), () => {
-      D(tG, false);
-    }), Y(x(ut(b, tG, B, z, eG, nG), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(nG, true), Ue(1, () => {
+    }), Z = U(), nG = U(), rG = C(false), iG = C(0), aG = C(true), oG = C(false), sG = C(false);
+    Y(x(b, $(iG), P(([e2, r2]) => !!r2)), () => {
+      D(aG, false);
+    }), Y(x(ut(b, aG, B, z, iG, oG), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(oG, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(tG, true);
+        ]), D(aG, true);
       });
-    }), F(x(QW, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(QW), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(ZW, e2.gap), e2.scrollTop > 0 && (D($W, true), Et(x(h, Kt(1)), (e3) => {
-        D($W, false);
+    }), F(x(nG, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(nG), P(([, e2]) => e2 != null)), ([, e2]) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(tG, e2.gap), e2.scrollTop > 0 && (D(rG, true), Et(x(h, Kt(1)), (e3) => {
+        D(rG, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(ZW, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
+    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(tG, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
       gap: c2,
       item: r2,
       scrollTop: l2,
       viewport: e2
-    }))), Z), F(x(ut(V(I), l, V(ZW, Or), V(B, xe), V(z, xe), V(q), V(L), V($W), V(tG), V(eG)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), Z), F(x(ut(V(I), l, V(tG, Or), V(B, xe), V(z, xe), V(q), V(L), V(rG), V(aG), V(iG)), 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) {
@@ -7564,23 +7564,23 @@ let __tla = Promise.all([
         offsetTop: j2,
         top: j2
       };
-    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, ZW), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
+    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, tG), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
       let { bottom: u2, top: d2 } = Bn(e2, l2, r2, c2);
       return [
         d2,
         u2
       ];
     }), J(ce)), r);
-    let iG = C(false);
-    F(x(h, $(iG), k(([e2, r2]) => r2 || e2 !== 0)), iG);
-    let aG = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(iG), P(([[e2, r2], c2]) => {
+    let cG = C(false);
+    F(x(h, $(cG), k(([e2, r2]) => r2 || e2 !== 0)), cG);
+    let lG = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(cG), 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())), oG = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), sG = bt(x(V(R), $($W), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), uG = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), dG = bt(x(V(R), $(rG), 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(sG, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, ZW), k(([e2, r2, c2, l2, u2]) => {
+    F(dG, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, tG), 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);
@@ -7589,7 +7589,7 @@ let __tla = Promise.all([
         top: g2
       };
     })), m);
-    let cG = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let fG = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -7598,13 +7598,13 @@ let __tla = Promise.all([
       data: q,
       deviation: G,
       footerHeight: u,
-      gap: ZW,
+      gap: tG,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
       itemDimensions: B,
       overscan: c,
-      restoreStateFrom: QW,
+      restoreStateFrom: nG,
       scrollBy: f,
       scrollContainerState: p,
       scrollHeight: W,
@@ -7620,16 +7620,16 @@ let __tla = Promise.all([
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: rG,
-      initialTopMostItemIndex: eG,
-      totalListHeight: cG,
+      horizontalDirection: sG,
+      initialTopMostItemIndex: iG,
+      totalListHeight: fG,
       ...v,
-      endReached: aG,
+      endReached: lG,
       propsReady: S,
-      rangeChanged: sG,
-      startReached: oG,
+      rangeChanged: dG,
+      startReached: uG,
       stateChanged: Z,
-      stateRestoreInProgress: $W,
+      stateRestoreInProgress: rG,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -7907,7 +7907,7 @@ let __tla = Promise.all([
       let r2 = Array.isArray(e2) ? e2 : [];
       f != null && r2.length > f && (r2 = r2.slice(-f)), u(r2);
     }, r[8] = p, r[9] = f, r[10] = d, r[11] = u, r[12] = q) : q = r[12];
-    let ZW = q, Z;
+    let tG = q, Z;
     if (r[13] !== G.bulkActions) {
       if (Z = G.bulkActions.map(_temp$27), Z.length > 0) {
         let e2;
@@ -7917,12 +7917,12 @@ let __tla = Promise.all([
       }
       r[13] = G.bulkActions, r[14] = Z;
     } else Z = r[14];
-    let QW;
-    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (QW = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
+    let nG;
+    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (nG = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
       "data-slot": "select-separator"
-    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = QW) : QW = r[18];
-    let $W = QW, eG;
-    r[19] !== Z || r[20] !== G || r[21] !== $W || r[22] !== w || r[23] !== B || r[24] !== H ? (eG = () => {
+    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = nG) : nG = r[18];
+    let rG = nG, iG;
+    r[19] !== Z || r[20] !== G || r[21] !== rG || r[22] !== w || r[23] !== B || r[24] !== H ? (iG = () => {
       if (G.visibleOptions.length > B) return (0, import_jsx_runtime.jsx)(Yr, {
         "data-slot": "select-list",
         style: {
@@ -7935,7 +7935,7 @@ let __tla = Promise.all([
           return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
               e3 === 0 && Z,
-              $W(e3),
+              rG(e3),
               (0, import_jsx_runtime.jsx)(OptionRow, {
                 option: r2,
                 checked: G.isChecked(r2.value),
@@ -7946,7 +7946,7 @@ let __tla = Promise.all([
         }
       });
       let e2 = G.visibleOptions.flatMap((e3, r2) => {
-        let c2 = $W(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
+        let c2 = rG(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
           option: e3,
           checked: G.isChecked(e3.value),
           renderOption: w
@@ -7964,9 +7964,9 @@ let __tla = Promise.all([
           e2
         ]
       });
-    }, r[19] = Z, r[20] = G, r[21] = $W, r[22] = w, r[23] = B, r[24] = H, r[25] = eG) : eG = r[25];
-    let tG = eG, nG;
-    r[26] !== G.labelOf || r[27] !== I ? (nG = (e2) => {
+    }, r[19] = Z, r[20] = G, r[21] = rG, r[22] = w, r[23] = B, r[24] = H, r[25] = iG) : iG = r[25];
+    let aG = iG, oG;
+    r[26] !== G.labelOf || r[27] !== I ? (oG = (e2) => {
       let r2 = Array.isArray(e2) ? e2 : e2 == null ? [] : [
         e2
       ];
@@ -7977,46 +7977,46 @@ let __tla = Promise.all([
         items: r2.map(G.labelOf),
         max: 3
       });
-    }, r[26] = G.labelOf, r[27] = I, r[28] = nG) : nG = r[28];
-    let rG = nG, iG = e["data-testid"], aG;
-    r[29] === G ? aG = r[30] : (aG = (e2) => G.labelOf(e2), r[29] = G, r[30] = aG);
-    let oG = M ? rG : void 0, sG;
-    r[31] !== b || r[32] !== R ? (sG = cn({
+    }, r[26] = G.labelOf, r[27] = I, r[28] = oG) : oG = r[28];
+    let sG = oG, cG = e["data-testid"], lG;
+    r[29] === G ? lG = r[30] : (lG = (e2) => G.labelOf(e2), r[29] = G, r[30] = lG);
+    let uG = M ? sG : void 0, dG;
+    r[31] !== b || r[32] !== R ? (dG = cn({
       "w-full": R
-    }, b), r[31] = b, r[32] = R, r[33] = sG) : sG = r[33];
-    let cG = G.searchQuery, lG = G.setSearchQuery, uG = G.open, dG = G.setOpen, fG;
-    r[34] === z ? fG = r[35] : (fG = renderSlot(z), r[34] = z, r[35] = fG);
-    let pG;
-    r[36] !== L || r[37] !== S || r[38] !== G.open || r[39] !== G.searchQuery || r[40] !== G.setOpen || r[41] !== G.setSearchQuery || r[42] !== I || r[43] !== iG || r[44] !== aG || r[45] !== oG || r[46] !== sG || r[47] !== fG ? (pG = {
+    }, b), r[31] = b, r[32] = R, r[33] = dG) : dG = r[33];
+    let fG = G.searchQuery, pG = G.setSearchQuery, mG = G.open, hG = G.setOpen, gG;
+    r[34] === z ? gG = r[35] : (gG = renderSlot(z), r[34] = z, r[35] = gG);
+    let _G;
+    r[36] !== L || r[37] !== S || r[38] !== G.open || r[39] !== G.searchQuery || r[40] !== G.setOpen || r[41] !== G.setSearchQuery || r[42] !== I || r[43] !== cG || r[44] !== lG || r[45] !== uG || r[46] !== dG || r[47] !== gG ? (_G = {
       "data-slot": "select-root",
-      "data-testid": iG,
-      displayValue: aG,
-      renderValue: oG,
+      "data-testid": cG,
+      displayValue: lG,
+      renderValue: uG,
       placeholder: I,
-      className: sG,
+      className: dG,
       shouldFilter: false,
-      search: cG,
-      onSearchChange: lG,
-      open: uG,
-      onOpenChange: dG,
-      emptyState: fG,
+      search: fG,
+      onSearchChange: pG,
+      open: mG,
+      onOpenChange: hG,
+      emptyState: gG,
       disabled: L,
       id: S
-    }, r[36] = L, r[37] = S, r[38] = G.open, r[39] = G.searchQuery, r[40] = G.setOpen, r[41] = G.setSearchQuery, r[42] = I, r[43] = iG, r[44] = aG, r[45] = oG, r[46] = sG, r[47] = fG, r[48] = pG) : pG = r[48];
-    let mG = pG, hG;
-    return r[49] !== mG || r[50] !== ZW || r[51] !== d || r[52] !== tG || r[53] !== l ? (hG = d ? (0, import_jsx_runtime.jsx)(Combobox, {
-      ...mG,
+    }, r[36] = L, r[37] = S, r[38] = G.open, r[39] = G.searchQuery, r[40] = G.setOpen, r[41] = G.setSearchQuery, r[42] = I, r[43] = cG, r[44] = lG, r[45] = uG, r[46] = dG, r[47] = gG, r[48] = _G) : _G = r[48];
+    let vG = _G, yG;
+    return r[49] !== vG || r[50] !== tG || r[51] !== d || r[52] !== aG || r[53] !== l ? (yG = d ? (0, import_jsx_runtime.jsx)(Combobox, {
+      ...vG,
       multiple: true,
       value: l,
-      onValueChange: ZW,
-      children: tG()
+      onValueChange: tG,
+      children: aG()
     }) : (0, import_jsx_runtime.jsx)(Combobox, {
-      ...mG,
+      ...vG,
       multiple: false,
       value: l,
-      onValueChange: ZW,
-      children: tG()
-    }), r[49] = mG, r[50] = ZW, r[51] = d, r[52] = tG, r[53] = l, r[54] = hG) : hG = r[54], hG;
+      onValueChange: tG,
+      children: aG()
+    }), r[49] = vG, r[50] = tG, r[51] = d, r[52] = aG, r[53] = l, r[54] = yG) : yG = r[54], yG;
   }
   function _temp$27(e) {
     let r = "enabled" in e ? !e.enabled : e.items.length === 0;
@@ -9016,7 +9016,7 @@ let __tla = Promise.all([
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-ChBRy1iT.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-ChbH2I73.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -9181,6 +9181,7 @@ let __tla = Promise.all([
     "date",
     "datetime",
     "time",
+    "geometry",
     "unknown"
   ], NUMPY_DTYPES = [
     "int8",
@@ -9567,7 +9568,7 @@ let __tla = Promise.all([
   ]), TransformationsSchema = object({
     transforms: array(TransformTypeSchema)
   });
-  var import_compiler_runtime$76 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BI2i_IEE.js").then(async (m) => {
+  var import_compiler_runtime$76 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-aimC_hok.js").then(async (m) => {
     await m.__tla;
     return m;
   }));
@@ -10527,7 +10528,7 @@ let __tla = Promise.all([
       let m2 = get(l, e2);
       if (m2) {
         let l2 = get(d, e2, isUndefined(c2) ? get(u, e2) : c2);
-        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : ZW(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : tG(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -10600,14 +10601,14 @@ let __tla = Promise.all([
     }, H = () => {
       for (let e2 of p.unMount) {
         let r2 = get(l, e2);
-        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && sG(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && dG(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(nG(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(oG(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
       ...f.mount ? d : isUndefined(r2) ? u : isString(e2) ? {
         [e2]: r2
       } : r2
-    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), ZW = (e2, r2, c2 = {}) => {
+    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), tG = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -10620,13 +10621,13 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && tG(e2);
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && aG(e2);
     }, Z = (e2, r2, c2) => {
       for (let u2 in r2) {
         let d2 = r2[u2], f2 = `${e2}.${u2}`, m2 = get(l, f2);
-        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? Z(f2, d2, c2) : ZW(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? Z(f2, d2, c2) : tG(f2, d2, c2);
       }
-    }, QW = (e2, r2, m2 = {}) => {
+    }, nG = (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,
@@ -10637,7 +10638,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? Z(e2, y2, m2) : ZW(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? Z(e2, y2, m2) : tG(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -10645,7 +10646,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, $W = async (e2) => {
+    }, rG = 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));
@@ -10679,11 +10680,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 && tG(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && aG(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, eG = (e2, r2) => {
+    }, iG = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, tG = async (e2, u2 = {}) => {
+    }, aG = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -10702,23 +10703,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, eG, e2 ? m2 : p.mount), f2;
-    }, nG = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, iG, e2 ? m2 : p.mount), f2;
+    }, oG = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, rG = (e2, r2) => ({
+    }, sG = (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)
-    }), iG = (e2) => {
+    }), cG = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, aG = (e2, r2, u2) => {
+    }, lG = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -10731,9 +10732,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, oG = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, uG = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), sG = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), dG = (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: {
@@ -10745,9 +10746,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, cG = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, fG = ({ 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));
-    }, lG = (e2, c2 = {}) => {
+    }, pG = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -10761,7 +10762,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? cG({
+      }), p.mount.add(e2), d2 ? fG({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -10778,11 +10779,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: $W,
-        onBlur: $W,
+        onChange: rG,
+        onBlur: rG,
         ref: (m3) => {
           if (m3) {
-            lG(e2, c2), d2 = get(l, e2);
+            pG(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, {
@@ -10808,7 +10809,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);
         }
       };
-    }, uG = () => r.shouldFocusError && iterateFieldsByAction(l, eG, p.mount), dG = (e2) => {
+    }, mG = () => r.shouldFocusError && iterateFieldsByAction(l, iG, p.mount), hG = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -10817,7 +10818,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, fG = (e2, u2) => async (f2) => {
+    }, gG = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -10839,7 +10840,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), uG(), setTimeout(uG);
+      }, f2), mG(), setTimeout(mG);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -10847,11 +10848,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, pG = (e2, r2 = {}) => {
-      get(l, e2) && (isUndefined(r2.defaultValue) ? QW(e2, cloneObject(get(u, e2))) : (QW(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({
+    }, _G = (e2, r2 = {}) => {
+      get(l, e2) && (isUndefined(r2.defaultValue) ? nG(e2, cloneObject(get(u, e2))) : (nG(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
       }));
-    }, mG = (e2, m2 = {}) => {
+    }, vG = (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) {
@@ -10859,7 +10860,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)) : QW(r2, get(b2, r2));
+          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : nG(r2, get(b2, r2));
         } else {
           if (isWeb && isUndefined(e2)) for (let e3 of p.mount) {
             let r2 = get(l, e3);
@@ -10904,25 +10905,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, hG = (e2, r2) => mG(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, yG = (e2, r2) => vG(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: lG,
-        unregister: sG,
-        getFieldState: rG,
-        handleSubmit: fG,
-        setError: aG,
+        register: pG,
+        unregister: dG,
+        getFieldState: sG,
+        handleSubmit: gG,
+        setError: lG,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: cG,
+        _updateDisabledField: fG,
         _getFieldArray: q,
-        _reset: mG,
+        _reset: vG,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          hG(e2, r.resetOptions), _.state.next({
+          yG(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -10932,7 +10933,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: dG,
+        _disableForm: hG,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -10973,17 +10974,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: tG,
-      register: lG,
-      handleSubmit: fG,
-      watch: oG,
-      setValue: QW,
-      getValues: nG,
-      reset: hG,
-      resetField: pG,
-      clearErrors: iG,
-      unregister: sG,
-      setError: aG,
+      trigger: aG,
+      register: pG,
+      handleSubmit: gG,
+      watch: uG,
+      setValue: nG,
+      getValues: oG,
+      reset: yG,
+      resetField: _G,
+      clearErrors: cG,
+      unregister: dG,
+      setError: lG,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -10991,7 +10992,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: rG
+      getFieldState: sG
     };
   }
   function useForm(e = {}) {
@@ -11499,7 +11500,7 @@ ${indent(e)}
     return r.length === 0 ? [] : r.map(([e2, r2]) => new FunctionArg(e2, r2));
   }
   function generateAltairChart(e, r) {
-    var _a5, _b3, _c4;
+    var _a5, _b3, _c5;
     let c = new FunctionCall("alt.Chart", [
       new Variable(r)
     ], true);
@@ -11523,7 +11524,7 @@ ${indent(e)}
     }
     if (e.resolve) {
       let r2 = e.resolve, l2 = {};
-      ((_b3 = r2.axis) == null ? void 0 : _b3.x) && (l2.x = new Literal(r2.axis.x)), ((_c4 = r2.axis) == null ? void 0 : _c4.y) && (l2.y = new Literal(r2.axis.y)), c = c.chain("resolve_scale", l2);
+      ((_b3 = r2.axis) == null ? void 0 : _b3.x) && (l2.x = new Literal(r2.axis.x)), ((_c5 = r2.axis) == null ? void 0 : _c5.y) && (l2.y = new Literal(r2.axis.y)), c = c.chain("resolve_scale", l2);
     }
     let l = {};
     for (let r2 of [
@@ -13941,14 +13942,14 @@ ${c}
       defaultValue: f
     }), r[1] = c, r[2] = l, r[3] = f, r[4] = p) : p = r[4], p;
   }, BinFields = (e) => {
-    var _a5, _b3, _c4, _d4;
+    var _a5, _b3, _c5, _d4;
     let r = (0, import_compiler_runtime$68.c)(10), { fieldName: c } = e, l = useFormContext(), u;
     r[0] === l.control ? u = r[1] : (u = {
       control: l.control
     }, r[0] = l.control, r[1] = u);
     let d = useWatch(u);
     if (!((_b3 = (_a5 = d[c]) == null ? void 0 : _a5.bin) == null ? void 0 : _b3.binned)) return null;
-    let f = !Number.isNaN((_d4 = (_c4 = d[c]) == null ? void 0 : _c4.bin) == null ? void 0 : _d4.step), p = `${c}.bin.step`, m;
+    let f = !Number.isNaN((_d4 = (_c5 = d[c]) == null ? void 0 : _c5.bin) == null ? void 0 : _d4.step), p = `${c}.bin.step`, m;
     r[2] === p ? m = r[3] : (m = (0, import_jsx_runtime.jsx)(NumberField$1, {
       fieldName: p,
       label: "Bin step",
@@ -14163,7 +14164,7 @@ ${c}
     }), r[7] = c, r[8] = f, r[9] = p) : p = r[9], p;
   };
   const XAxis = () => {
-    var _a5, _b3, _c4, _d4, _e9, _f4, _g3;
+    var _a5, _b3, _c5, _d4, _e9, _f3, _g3;
     let e = (0, import_compiler_runtime$67.c)(22), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
@@ -14193,7 +14194,7 @@ ${c}
       label: "Time Resolution"
     }), e[11] = d, e[12] = v);
     let y;
-    e[13] !== m || e[14] !== ((_c4 = (_b3 = l.general) == null ? void 0 : _b3.xColumn) == null ? void 0 : _c4.sort) || e[15] !== d ? (y = isNonCountField(d) && m && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    e[13] !== m || e[14] !== ((_c5 = (_b3 = l.general) == null ? void 0 : _b3.xColumn) == null ? void 0 : _c5.sort) || e[15] !== d ? (y = isNonCountField(d) && m && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         (0, import_jsx_runtime.jsx)(SortField, {
           fieldName: "general.xColumn.sort",
@@ -14204,7 +14205,7 @@ ${c}
           fieldName: "xAxis"
         })
       ]
-    }), e[13] = m, e[14] = (_g3 = (_f4 = l.general) == null ? void 0 : _f4.xColumn) == null ? void 0 : _g3.sort, e[15] = d, e[16] = y) : y = e[16];
+    }), e[13] = m, e[14] = (_g3 = (_f3 = l.general) == null ? void 0 : _f3.xColumn) == null ? void 0 : _g3.sort, e[15] = d, e[16] = y) : y = e[16];
     let b;
     return e[17] !== g || e[18] !== _ || e[19] !== v || e[20] !== y ? (b = (0, import_jsx_runtime.jsxs)(FieldSection, {
       children: [
@@ -14216,14 +14217,14 @@ ${c}
       ]
     }), e[17] = g, e[18] = _, e[19] = v, e[20] = y, e[21] = b) : b = e[21], b;
   }, YAxis = () => {
-    var _a5, _b3, _c4;
+    var _a5, _b3, _c5;
     let e = (0, import_compiler_runtime$67.c)(29), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
     let l = useWatch(c), u = useChartFormContext(), d = (_a5 = l.general) == null ? void 0 : _a5.yColumn, f = d == null ? void 0 : d.field, p;
     e[2] === f ? p = e[3] : (p = isFieldSet(f), e[2] = f, e[3] = p);
-    let m = p, h = (_c4 = (_b3 = l.general) == null ? void 0 : _b3.xColumn) == null ? void 0 : _c4.field, g;
+    let m = p, h = (_c5 = (_b3 = l.general) == null ? void 0 : _b3.xColumn) == null ? void 0 : _c5.field, g;
     e[4] === h ? g = e[5] : (g = isFieldSet(h), e[4] = h, e[5] = g);
     let _ = g, v;
     e[6] === d ? v = e[7] : (v = getColumnDataTypes(d), e[6] = d, e[7] = v);
@@ -14655,14 +14656,14 @@ ${c}
   }
   var import_compiler_runtime$65 = require_compiler_runtime();
   const HeatmapForm = () => {
-    var _a5, _b3, _c4, _d4;
+    var _a5, _b3, _c5, _d4;
     let e = (0, import_compiler_runtime$65.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
     let l = useWatch(c), u = (_b3 = (_a5 = l.general) == null ? void 0 : _a5.xColumn) == null ? void 0 : _b3.field, d;
     e[2] === u ? d = e[3] : (d = isFieldSet(u), e[2] = u, e[3] = d);
-    let f = d, p = (_d4 = (_c4 = l.general) == null ? void 0 : _c4.yColumn) == null ? void 0 : _d4.field, m;
+    let f = d, p = (_d4 = (_c5 = l.general) == null ? void 0 : _c5.yColumn) == null ? void 0 : _d4.field, m;
     e[4] === p ? m = e[5] : (m = isFieldSet(p), e[4] = p, e[5] = m);
     let h = m, g;
     e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (0, import_jsx_runtime.jsx)(XAxis, {}), e[6] = g) : g = e[6];
@@ -14701,12 +14702,12 @@ ${c}
   };
   var import_compiler_runtime$64 = require_compiler_runtime();
   const PieForm = () => {
-    var _a5, _b3, _c4;
+    var _a5, _b3, _c5;
     let e = (0, import_compiler_runtime$64.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), l;
     e[0] === r.control ? l = e[1] : (l = {
       control: r.control
     }, e[0] = r.control, e[1] = l);
-    let u = useWatch(l), d = (_a5 = u.general) == null ? void 0 : _a5.colorByColumn, f = (_c4 = (_b3 = u.general) == null ? void 0 : _b3.yColumn) == null ? void 0 : _c4.selectedDataType;
+    let u = useWatch(l), d = (_a5 = u.general) == null ? void 0 : _a5.colorByColumn, f = (_c5 = (_b3 = u.general) == null ? void 0 : _b3.yColumn) == null ? void 0 : _c5.selectedDataType;
     (f === "" || !f) && (f = "string");
     let p;
     e[2] === d ? p = e[3] : (p = (d == null ? void 0 : d.type) ? convertDataTypeToSelectable(d.type) : "string", e[2] = d, e[3] = p);
@@ -16316,21 +16317,21 @@ ${c}
       _.pageSize,
       _.pageIndex
     ], r[35] = w, r[36] = _.pageIndex, r[37] = _.pageSize, r[38] = e.cellHoverTexts, r[39] = e.cellStyles, r[40] = e.data, r[41] = e.lazy, r[42] = e.totalRows, r[43] = u, r[44] = y, r[45] = p, r[46] = B, r[47] = H) : H = r[47];
-    let { data: W, error: G, isPending: q, isFetching: ZW } = useAsyncData(z, H), Z = useAtomValue(downloadSizeLimitAtom), QW;
-    r[48] !== Z || r[49] !== e ? (QW = async () => !Z || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = Z, r[49] = e, r[50] = QW) : QW = r[50];
-    let $W = e.showDownload, eG = e.get_size_bytes, tG = e.lazy, nG = e.totalRows, rG = useDeepCompareMemoize(w), iG = useDeepCompareMemoize(p), aG;
-    r[51] !== Z || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== rG || r[58] !== iG ? (aG = [
+    let { data: W, error: G, isPending: q, isFetching: tG } = useAsyncData(z, H), Z = useAtomValue(downloadSizeLimitAtom), nG;
+    r[48] !== Z || r[49] !== e ? (nG = async () => !Z || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = Z, r[49] = e, r[50] = nG) : nG = r[50];
+    let rG = e.showDownload, iG = e.get_size_bytes, aG = e.lazy, oG = e.totalRows, sG = useDeepCompareMemoize(w), cG = useDeepCompareMemoize(p), lG;
+    r[51] !== Z || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== sG || r[58] !== cG ? (lG = [
       Z,
-      $W,
-      eG,
-      tG,
-      nG,
-      y,
       rG,
-      iG
-    ], r[51] = Z, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = rG, r[58] = iG, r[59] = aG) : aG = r[59];
-    let { data: oG, isPending: sG } = useAsyncData(QW, aG), cG = oG ?? null, lG = !!Z && e.showDownload && sG, uG;
-    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== p ? (uG = async (e2) => ({
+      iG,
+      aG,
+      oG,
+      y,
+      sG,
+      cG
+    ], r[51] = Z, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = sG, r[58] = cG, r[59] = lG) : lG = r[59];
+    let { data: uG, isPending: dG } = useAsyncData(nG, lG), fG = uG ?? null, pG = !!Z && e.showDownload && dG, mG;
+    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== p ? (mG = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -16339,17 +16340,17 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[60] = w, r[61] = u, r[62] = y, r[63] = p, r[64] = uG) : uG = r[64];
-    let dG = uG, fG;
-    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (fG = () => {
+    }), r[60] = w, r[61] = u, r[62] = y, r[63] = p, r[64] = mG) : mG = r[64];
+    let hG = mG, gG;
+    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (gG = () => {
       v(_temp4$4);
-    }, r[65] = fG) : fG = r[65];
-    let pG = W == null ? void 0 : W.totalRows, mG;
-    r[66] === pG ? mG = r[67] : (mG = [
-      pG
-    ], r[66] = pG, r[67] = mG), (0, import_react.useEffect)(fG, mG);
-    let hG;
-    r[68] === e ? hG = r[69] : (hG = async () => {
+    }, r[65] = gG) : gG = r[65];
+    let _G = W == null ? void 0 : W.totalRows, vG;
+    r[66] === _G ? vG = r[67] : (vG = [
+      _G
+    ], r[66] = _G, r[67] = vG), (0, import_react.useEffect)(gG, vG);
+    let yG;
+    r[68] === e ? yG = r[69] : (yG = async () => {
       let r2 = isStaticNotebook();
       return e.totalRows === 0 || !e.showColumnSummaries || r2 ? {
         data: null,
@@ -16358,22 +16359,22 @@ ${c}
         value_counts: {},
         show_charts: false
       } : e.get_column_summaries({});
-    }, r[68] = e, r[69] = hG);
-    let gG;
-    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (gG = [
+    }, r[68] = e, r[69] = yG);
+    let bG;
+    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (bG = [
       e.get_column_summaries,
       e.showColumnSummaries,
       w,
       y,
       e.totalRows,
       e.data
-    ], r[70] = w, r[71] = e.data, r[72] = e.get_column_summaries, r[73] = e.showColumnSummaries, r[74] = e.totalRows, r[75] = y, r[76] = gG) : gG = r[76];
-    let { data: _G, error: vG } = useAsyncData(hG, gG), yG, bG;
-    if (r[77] === vG ? (yG = r[78], bG = r[79]) : (yG = () => {
-      vG && Logger.error(vG);
-    }, bG = [
-      vG
-    ], r[77] = vG, r[78] = yG, r[79] = bG), (0, import_react.useEffect)(yG, bG), q) {
+    ], r[70] = w, r[71] = e.data, r[72] = e.get_column_summaries, r[73] = e.showColumnSummaries, r[74] = e.totalRows, r[75] = y, r[76] = bG) : bG = r[76];
+    let { data: xG, error: SG } = useAsyncData(yG, bG), CG, wG;
+    if (r[77] === SG ? (CG = r[78], wG = r[79]) : (CG = () => {
+      SG && Logger.error(SG);
+    }, wG = [
+      SG
+    ], r[77] = SG, r[78] = CG, r[79] = wG), (0, import_react.useEffect)(CG, wG), q) {
       let c2 = e.totalRows !== "too_many" && e.totalRows > 0 ? Math.min(e.totalRows, e.pageSize) : e.pageSize, l2;
       return r[80] === c2 ? l2 = r[81] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
         milliseconds: 200,
@@ -16382,7 +16383,7 @@ ${c}
         })
       }), r[80] = c2, r[81] = l2), l2;
     }
-    let xG = null;
+    let TG = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -16398,62 +16399,62 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[82] = G, r[83] = e2), xG = e2;
+      }), r[82] = G, r[83] = e2), TG = e2;
     }
-    let SG;
-    r[84] === O ? SG = r[85] : (SG = () => {
+    let EG;
+    r[84] === O ? EG = r[85] : (EG = () => {
       j(!O);
-    }, r[84] = O, r[85] = SG);
-    let CG = SG, wG = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, TG = W == null ? void 0 : W.rawRows, EG = ZW && !q, DG = (W == null ? void 0 : W.totalRows) ?? e.totalRows, OG = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, kG = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, AG;
-    r[86] !== l || r[87] !== _G || r[88] !== O || r[89] !== w || r[90] !== dG || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== cG || r[95] !== lG || r[96] !== p || r[97] !== wG || r[98] !== TG || r[99] !== EG || r[100] !== DG || r[101] !== OG || r[102] !== kG || r[103] !== CG ? (AG = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[84] = O, r[85] = EG);
+    let DG = EG, OG = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, kG = W == null ? void 0 : W.rawRows, AG = tG && !q, jG = (W == null ? void 0 : W.totalRows) ?? e.totalRows, MG = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, NG = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, PG;
+    r[86] !== l || r[87] !== xG || r[88] !== O || r[89] !== w || r[90] !== hG || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== fG || r[95] !== pG || r[96] !== p || r[97] !== OG || r[98] !== kG || r[99] !== AG || r[100] !== jG || r[101] !== MG || r[102] !== NG || r[103] !== DG ? (PG = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: wG,
-      rawData: TG,
-      columnSummaries: _G,
+      data: OG,
+      rawData: kG,
+      columnSummaries: xG,
       sorting: p,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: EG,
-      totalRows: DG,
-      sizeBytes: cG,
-      sizeBytesIsLoading: lG,
+      reloading: AG,
+      totalRows: jG,
+      sizeBytes: fG,
+      sizeBytesIsLoading: pG,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: OG,
-      cellHoverTexts: kG,
-      toggleDisplayHeader: CG,
+      cellStyles: MG,
+      cellHoverTexts: NG,
+      toggleDisplayHeader: DG,
       isChartBuilderOpen: O,
-      getRow: dG,
+      getRow: hG,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[86] = l, r[87] = _G, r[88] = O, r[89] = w, r[90] = dG, r[91] = _, r[92] = e, r[93] = y, r[94] = cG, r[95] = lG, r[96] = p, r[97] = wG, r[98] = TG, r[99] = EG, r[100] = DG, r[101] = OG, r[102] = kG, r[103] = CG, r[104] = AG) : AG = r[104];
-    let jG = AG, MG;
-    r[105] !== l || r[106] !== jG || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.rowHeaders || r[112] !== e.showChartBuilder || r[113] !== e.totalColumns || r[114] !== e.totalRows ? (MG = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[86] = l, r[87] = xG, r[88] = O, r[89] = w, r[90] = hG, r[91] = _, r[92] = e, r[93] = y, r[94] = fG, r[95] = pG, r[96] = p, r[97] = OG, r[98] = kG, r[99] = AG, r[100] = jG, r[101] = MG, r[102] = NG, r[103] = DG, r[104] = PG) : PG = r[104];
+    let FG = PG, IG;
+    r[105] !== l || r[106] !== FG || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.rowHeaders || r[112] !== e.showChartBuilder || r[113] !== e.totalColumns || r[114] !== e.totalRows ? (IG = 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: jG,
+      dataTable: FG,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       rowHeaders: e.rowHeaders,
       cellId: l
-    }) : jG, r[105] = l, r[106] = jG, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.rowHeaders, r[112] = e.showChartBuilder, r[113] = e.totalColumns, r[114] = e.totalRows, r[115] = MG) : MG = r[115];
-    let NG;
-    return r[116] !== xG || r[117] !== MG ? (NG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : FG, r[105] = l, r[106] = FG, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.rowHeaders, r[112] = e.showChartBuilder, r[113] = e.totalColumns, r[114] = e.totalRows, r[115] = IG) : IG = r[115];
+    let LG;
+    return r[116] !== TG || r[117] !== IG ? (LG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        xG,
-        MG
+        TG,
+        IG
       ]
-    }), r[116] = xG, r[117] = MG, r[118] = NG) : NG = r[118], NG;
+    }), r[116] = TG, r[117] = IG, r[118] = LG) : LG = r[118], LG;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: f, maxColumns: p, pagination: m, selection: h, value: g, showFilters: _, showDownload: v, showPageSizeSelector: y, showColumnExplorer: b, showRowExplorer: S, showChartBuilder: w, showDataTypes: T, rowHeaders: E, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, showSearch: W, searchQuery: G, setSearchQuery: q, filters: ZW, setFilters: Z, reloading: QW, freezeColumnsLeft: $W, freezeColumnsRight: eG, hiddenColumns: tG, textJustifyColumns: nG, wrappedColumns: rG, columnWidths: iG, headerTooltip: aG, totalColumns: oG, get_row_ids: sG, cellStyles: cG, hoverTemplate: lG, cellHoverTexts: uG, toggleDisplayHeader: dG, isChartBuilderOpen: fG, calculate_top_k_rows: pG, preview_column: mG, getRow: hG, cellId: gG, maxHeight: _G }) => {
-    let vG = (0, import_react.useId)(), { locale: yG } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [bG, xG] = (0, import_react.useState)(0), { isPanelOpen: SG, isAnyPanelOpen: CG, togglePanel: wG, panelType: TG, setPanelType: EG } = usePanelOwnership(vG, gG), DG = isStaticNotebook(), OG = (0, import_react.useMemo)(() => {
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: f, maxColumns: p, pagination: m, selection: h, value: g, showFilters: _, showDownload: v, showPageSizeSelector: y, showColumnExplorer: b, showRowExplorer: S, showChartBuilder: w, showDataTypes: T, rowHeaders: E, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, showSearch: W, searchQuery: G, setSearchQuery: q, filters: tG, setFilters: Z, reloading: nG, freezeColumnsLeft: rG, freezeColumnsRight: iG, hiddenColumns: aG, textJustifyColumns: oG, wrappedColumns: sG, columnWidths: cG, headerTooltip: lG, totalColumns: uG, get_row_ids: dG, cellStyles: fG, hoverTemplate: pG, cellHoverTexts: mG, toggleDisplayHeader: hG, isChartBuilderOpen: gG, calculate_top_k_rows: _G, preview_column: vG, getRow: yG, cellId: bG, maxHeight: xG }) => {
+    let SG = (0, import_react.useId)(), { locale: CG } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [wG, TG] = (0, import_react.useState)(0), { isPanelOpen: EG, isAnyPanelOpen: DG, togglePanel: OG, panelType: kG, setPanelType: AG } = usePanelOwnership(SG, bG), jG = isStaticNotebook(), MG = (0, import_react.useMemo)(() => {
       if (!L || !O || !L.stats) return ColumnChartSpecModel.EMPTY;
       let e2 = toFieldTypes(O);
       return new ColumnChartSpecModel(L.data || [], e2, L.stats, L.bin_values, L.value_counts, {
@@ -16462,13 +16463,13 @@ ${c}
     }, [
       O,
       L
-    ]), kG = new Set(E.map(([e2]) => e2)), AG = useDeepCompareMemoize(O ?? inferFieldTypes(r).filter(([e2]) => !kG.has(e2))), jG = (0, import_react.useMemo)(() => p === "all" ? AG : AG.slice(0, p), [
+    ]), NG = new Set(E.map(([e2]) => e2)), PG = useDeepCompareMemoize(O ?? inferFieldTypes(r).filter(([e2]) => !NG.has(e2))), FG = (0, import_react.useMemo)(() => p === "all" ? PG : PG.slice(0, p), [
       p,
-      AG
-    ]), MG = (0, import_react.useMemo)(() => {
+      PG
+    ]), IG = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of jG) if (l2[0] === "number") {
+        for (let [c2, l2] of FG) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -16483,95 +16484,95 @@ ${c}
       return e2;
     }, [
       r,
-      jG
-    ]), NG = useDeepCompareMemoize(E), PG = useDeepCompareMemoize(nG), FG = useDeepCompareMemoize(rG), IG = useDeepCompareMemoize(iG), LG = useDeepCompareMemoize(OG), RG = useDeepCompareMemoize(MG), zG = jG.length;
-    O || (T = false), DG && (h = null);
-    let BG = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: NG,
+      FG
+    ]), LG = useDeepCompareMemoize(E), RG = useDeepCompareMemoize(oG), zG = useDeepCompareMemoize(sG), BG = useDeepCompareMemoize(cG), VG = useDeepCompareMemoize(MG), HG = useDeepCompareMemoize(IG), UG = FG.length;
+    O || (T = false), jG && (h = null);
+    let WG = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: LG,
       selection: h,
-      chartSpecModel: LG,
-      fieldTypes: jG,
-      textJustifyColumns: PG,
-      wrappedColumns: FG,
-      columnWidths: IG,
-      headerTooltip: aG,
+      chartSpecModel: VG,
+      fieldTypes: FG,
+      textJustifyColumns: RG,
+      wrappedColumns: zG,
+      columnWidths: BG,
+      headerTooltip: lG,
       showDataTypes: T,
-      calculateTopKRows: pG,
-      fractionDigitsByColumn: RG
+      calculateTopKRows: _G,
+      fractionDigitsByColumn: HG
     }), [
       h,
       T,
+      VG,
       LG,
-      NG,
-      jG,
-      PG,
       FG,
-      IG,
-      aG,
-      pG,
-      RG
-    ]), VG = (0, import_react.useMemo)(() => Object.fromEntries((g || []).map((e2) => [
+      RG,
+      zG,
+      BG,
+      lG,
+      _G,
+      HG
+    ]), GG = (0, import_react.useMemo)(() => Object.fromEntries((g || []).map((e2) => [
       e2,
       true
     ])), [
       g
-    ]), HG = useEvent_default((e2) => {
+    ]), KG = useEvent_default((e2) => {
       if (h === "single") {
         let r2 = Functions.asUpdater(e2)({});
         z(Object.keys(r2).slice(0, 1));
       }
       if (h === "multi") {
-        let r2 = Functions.asUpdater(e2)(VG);
+        let r2 = Functions.asUpdater(e2)(GG);
         z(Object.keys(r2));
       }
-    }), UG = useEvent_default((e2) => {
-      if (xG(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), qG = useEvent_default((e2) => {
+      if (TG(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
       let r2 = getPageIndexForRow(e2, j.pageIndex, j.pageSize);
       r2 !== null && M((e3) => ({
         ...e3,
         pageIndex: r2
       }));
-    }), WG = g.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), GG = useEvent_default((e2) => {
-      h === "single-cell" && z(Functions.asUpdater(e2)(WG).slice(0, 1)), h === "multi-cell" && z(Functions.asUpdater(e2)(WG));
-    }), KG = h === "multi" || h === "single", qG = b && !!mG, JG = isInVscodeExtension(), YG = isIslands(), XG = (0, import_react.useMemo)(() => {
-      if (!(!CG || !(S || qG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+    }), JG = g.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), YG = useEvent_default((e2) => {
+      h === "single-cell" && z(Functions.asUpdater(e2)(JG).slice(0, 1)), h === "multi-cell" && z(Functions.asUpdater(e2)(JG));
+    }), XG = h === "multi" || h === "single", ZG = b && !!vG, QG = isInVscodeExtension(), $G = isIslands(), eK = (0, import_react.useMemo)(() => {
+      if (!(!DG || !(S || ZG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
         children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-          rowIdx: bG,
-          setRowIdx: UG,
+          rowIdx: wG,
+          setRowIdx: qG,
           totalRows: l,
-          fieldTypes: AG,
-          getRow: hG,
-          isSelectable: KG,
-          isRowSelected: !!VG[bG],
-          handleRowSelectionChange: HG,
-          previewColumn: mG,
-          totalColumns: oG,
-          tableId: vG,
+          fieldTypes: PG,
+          getRow: yG,
+          isSelectable: XG,
+          isRowSelected: !!GG[wG],
+          handleRowSelectionChange: KG,
+          previewColumn: vG,
+          totalColumns: uG,
+          tableId: SG,
           table: e2,
-          showRowExplorer: S && !JG,
-          showColumnExplorer: qG && !JG,
-          activeTab: TG,
-          onTabChange: EG
+          showRowExplorer: S && !QG,
+          showColumnExplorer: ZG && !QG,
+          activeTab: kG,
+          onTabChange: AG
         })
       });
     }, [
-      CG,
+      DG,
       S,
+      ZG,
+      wG,
       qG,
-      bG,
-      UG,
       l,
-      AG,
-      hG,
+      PG,
+      yG,
+      XG,
+      GG,
       KG,
-      VG,
-      HG,
-      mG,
-      oG,
       vG,
-      JG,
-      TG,
-      EG
+      uG,
+      SG,
+      QG,
+      kG,
+      AG
     ]);
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
@@ -16583,27 +16584,27 @@ ${c}
             " rows."
           ]
         }),
-        zG < oG && zG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        UG < uG && UG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            zG,
+            UG,
             " of ",
-            oG,
+            uG,
             " columns."
           ]
         }),
-        DG && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
+        jG && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Showing the first ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(r.length, yG)
+              children: prettyNumber(r.length, CG)
             }),
             " ",
             "of ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(l, yG)
+              children: prettyNumber(l, CG)
             }),
             " rows. Increase the table's ",
             (0, import_jsx_runtime.jsx)("code", {
@@ -16617,7 +16618,7 @@ ${c}
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: OG,
+          value: MG,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -16625,14 +16626,14 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: BG,
+              columns: WG,
               className: R,
-              maxHeight: _G,
+              maxHeight: xG,
               sorting: B,
               totalRows: l,
               sizeBytes: u,
               sizeBytesIsLoading: f,
-              totalColumns: oG,
+              totalColumns: uG,
               manualSorting: true,
               setSorting: H,
               pagination: m,
@@ -16640,37 +16641,37 @@ ${c}
               selection: h,
               paginationState: j,
               setPaginationState: M,
-              rowSelection: VG,
-              cellSelection: WG,
-              cellStyling: cG,
-              hoverTemplate: lG,
-              cellHoverTexts: uG,
+              rowSelection: GG,
+              cellSelection: JG,
+              cellStyling: fG,
+              hoverTemplate: pG,
+              cellHoverTexts: mG,
               downloadAs: v ? I : void 0,
               showSearch: W,
               searchQuery: G,
               onSearchQueryChange: q,
               showFilters: _,
-              filters: ZW,
+              filters: tG,
               onFiltersChange: Z,
-              calculateTopKRows: pG,
-              reloading: QW,
-              onRowSelectionChange: HG,
-              freezeColumnsLeft: $W,
-              freezeColumnsRight: eG,
-              hiddenColumns: tG,
-              onCellSelectionChange: GG,
-              getRowIds: sG,
-              toggleDisplayHeader: dG,
-              showChartBuilder: w && !YG,
-              isChartBuilderOpen: fG,
+              calculateTopKRows: _G,
+              reloading: nG,
+              onRowSelectionChange: KG,
+              freezeColumnsLeft: rG,
+              freezeColumnsRight: iG,
+              hiddenColumns: aG,
+              onCellSelectionChange: YG,
+              getRowIds: dG,
+              toggleDisplayHeader: hG,
+              showChartBuilder: w && !$G,
+              isChartBuilderOpen: gG,
               showPageSizeSelector: y,
-              showTableExplorer: (S || qG) && !JG && !YG,
-              togglePanel: wG,
-              isPanelOpen: SG,
-              isAnyPanelOpen: CG,
-              viewedRowIdx: bG,
-              onViewedRowChange: (e2) => xG(e2),
-              renderTableExplorerPanel: XG
+              showTableExplorer: (S || ZG) && !QG && !$G,
+              togglePanel: OG,
+              isPanelOpen: EG,
+              isAnyPanelOpen: DG,
+              viewedRowIdx: wG,
+              onViewedRowChange: (e2) => TG(e2),
+              renderTableExplorerPanel: eK
             })
           })
         })
@@ -17029,7 +17030,7 @@ ${c}
       fullWidth: p,
       children: T
     }), r[20] = p, r[21] = g, r[22] = c, r[23] = T, r[24] = E) : E = r[24], E;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-BUC1MrsF.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-yEsovh7C.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object({
     label: string().nullish(),
     data: string()
@@ -18785,29 +18786,29 @@ ${c}
     ], r[2] = w, r[3] = T);
     let { data: E, error: O, isPending: j } = useAsyncData(S, T), M;
     r[4] === E ? M = r[5] : (M = E || {}, r[4] = E, r[5] = M);
-    let { url: I, total_rows: L, row_headers: R, field_types: z, column_types_per_step: B, python_code: H, sql_code: W } = M, G = z == null ? void 0 : z.length, [q, ZW] = (0, import_react.useState)(p || EMPTY), Z = (0, import_react.useRef)(null), QW;
-    r[6] === f ? QW = r[7] : (QW = (e2) => {
+    let { url: I, total_rows: L, row_headers: R, field_types: z, column_types_per_step: B, python_code: H, sql_code: W } = M, G = z == null ? void 0 : z.length, [q, tG] = (0, import_react.useState)(p || EMPTY), Z = (0, import_react.useRef)(null), nG;
+    r[6] === f ? nG = r[7] : (nG = (e2) => {
       var _a5;
       f && e2 !== "transform" && ((_a5 = Z.current) == null ? void 0 : _a5.submit());
-    }, r[6] = f, r[7] = QW);
-    let $W = QW, eG = (0, import_react.useRef)(q), tG;
-    r[8] === q ? tG = r[9] : (tG = () => {
-      eG.current = q;
-    }, r[8] = q, r[9] = tG), (0, import_react.useEffect)(tG);
-    let nG;
-    r[10] !== m || r[11] !== (p == null ? void 0 : p.transforms.length) ? (nG = () => {
-      let e2 = eG.current;
+    }, r[6] = f, r[7] = nG);
+    let rG = nG, iG = (0, import_react.useRef)(q), aG;
+    r[8] === q ? aG = r[9] : (aG = () => {
+      iG.current = q;
+    }, r[8] = q, r[9] = aG), (0, import_react.useEffect)(aG);
+    let oG;
+    r[10] !== m || r[11] !== (p == null ? void 0 : p.transforms.length) ? (oG = () => {
+      let e2 = iG.current;
       (p == null ? void 0 : p.transforms.length) !== e2.transforms.length && m(e2);
-    }, r[10] = m, r[11] = p == null ? void 0 : p.transforms.length, r[12] = nG) : nG = r[12];
-    let iG = p == null ? void 0 : p.transforms.length, aG;
-    r[13] !== E || r[14] !== m || r[15] !== iG ? (aG = [
+    }, r[10] = m, r[11] = p == null ? void 0 : p.transforms.length, r[12] = oG) : oG = r[12];
+    let cG = p == null ? void 0 : p.transforms.length, lG;
+    r[13] !== E || r[14] !== m || r[15] !== cG ? (lG = [
       E,
+      cG,
       iG,
-      eG,
       m
-    ], r[13] = E, r[14] = m, r[15] = iG, r[16] = aG) : aG = r[16], (0, import_react.useEffect)(nG, aG);
-    let oG;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oG = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = E, r[14] = m, r[15] = cG, r[16] = lG) : lG = r[16], (0, import_react.useEffect)(oG, lG);
+    let uG;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (uG = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -18816,9 +18817,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = oG) : oG = r[17];
-    let sG;
-    r[18] === H ? sG = r[19] : (sG = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = uG) : uG = r[17];
+    let dG;
+    r[18] === H ? dG = r[19] : (dG = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -18827,9 +18828,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = H, r[19] = sG);
-    let cG;
-    r[20] === W ? cG = r[21] : (cG = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = H, r[19] = dG);
+    let fG;
+    r[20] === W ? fG = r[21] : (fG = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -18838,54 +18839,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = W, r[21] = cG);
-    let lG;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (lG = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = W, r[21] = fG);
+    let pG;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pG = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = lG) : lG = r[22];
-    let uG;
-    r[23] !== sG || r[24] !== cG ? (uG = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = pG) : pG = r[22];
+    let mG;
+    r[23] !== dG || r[24] !== fG ? (mG = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        oG,
-        sG,
-        cG,
-        lG
+        uG,
+        dG,
+        fG,
+        pG
       ]
-    }), r[23] = sG, r[24] = cG, r[25] = uG) : uG = r[25];
-    let dG;
-    r[26] === j ? dG = r[27] : (dG = j && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = dG, r[24] = fG, r[25] = mG) : mG = r[25];
+    let hG;
+    r[26] === j ? hG = r[27] : (hG = j && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = j, r[27] = dG);
-    let fG;
-    r[28] !== uG || r[29] !== dG ? (fG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = j, r[27] = hG);
+    let gG;
+    r[28] !== mG || r[29] !== hG ? (gG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        uG,
-        dG
+        mG,
+        hG
       ]
-    }), r[28] = uG, r[29] = dG, r[30] = fG) : fG = r[30];
-    let pG;
-    r[31] !== m || r[32] !== p ? (pG = (e2) => {
-      dequal(e2, p) || (m(e2), ZW(e2));
-    }, r[31] = m, r[32] = p, r[33] = pG) : pG = r[33];
-    let mG;
-    r[34] !== B || r[35] !== c || r[36] !== g || r[37] !== q || r[38] !== f || r[39] !== pG ? (mG = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[28] = mG, r[29] = hG, r[30] = gG) : gG = r[30];
+    let _G;
+    r[31] !== m || r[32] !== p ? (_G = (e2) => {
+      dequal(e2, p) || (m(e2), tG(e2));
+    }, r[31] = m, r[32] = p, r[33] = _G) : _G = r[33];
+    let vG;
+    r[34] !== B || r[35] !== c || r[36] !== g || r[37] !== q || r[38] !== f || r[39] !== _G ? (vG = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
         ref: Z,
         initialValue: q,
         columns: c,
-        onChange: pG,
-        onInvalidChange: ZW,
+        onChange: _G,
+        onInvalidChange: tG,
         getColumnValues: g,
         columnTypesPerStep: B,
         lazy: f
       })
-    }), r[34] = B, r[35] = c, r[36] = g, r[37] = q, r[38] = f, r[39] = pG, r[40] = mG) : mG = r[40];
-    let hG;
-    r[41] === H ? hG = r[42] : (hG = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = B, r[35] = c, r[36] = g, r[37] = q, r[38] = f, r[39] = _G, r[40] = vG) : vG = r[40];
+    let yG;
+    r[41] === H ? yG = r[42] : (yG = H && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -18894,9 +18895,9 @@ ${c}
         code: H,
         language: "python"
       })
-    }), r[41] = H, r[42] = hG);
-    let gG;
-    r[43] === W ? gG = r[44] : (gG = W && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = H, r[42] = yG);
+    let bG;
+    r[43] === W ? bG = r[44] : (bG = W && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -18905,35 +18906,35 @@ ${c}
         code: W,
         language: "sql"
       })
-    }), r[43] = W, r[44] = gG);
-    let _G;
-    r[45] !== $W || r[46] !== fG || r[47] !== mG || r[48] !== hG || r[49] !== gG ? (_G = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = W, r[44] = bG);
+    let xG;
+    r[45] !== rG || r[46] !== gG || r[47] !== vG || r[48] !== yG || r[49] !== bG ? (xG = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: $W,
+      onValueChange: rG,
       children: [
-        fG,
-        mG,
-        hG,
-        gG
+        gG,
+        vG,
+        yG,
+        bG
       ]
-    }), r[45] = $W, r[46] = fG, r[47] = mG, r[48] = hG, r[49] = gG, r[50] = _G) : _G = r[50];
-    let vG;
-    r[51] === O ? vG = r[52] : (vG = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = rG, r[46] = gG, r[47] = vG, r[48] = yG, r[49] = bG, r[50] = xG) : xG = r[50];
+    let SG;
+    r[51] === O ? SG = r[52] : (SG = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: O
-    }), r[51] = O, r[52] = vG);
-    let yG = I || "", bG = L ?? 0, xG = G ?? 0, SG = R || Arrays.EMPTY, CG = L && L > 5 || false, wG;
-    r[53] !== v || r[54] !== z || r[55] !== y || r[56] !== b || r[57] !== l || r[58] !== _ || r[59] !== u || r[60] !== yG || r[61] !== bG || r[62] !== xG || r[63] !== SG || r[64] !== CG ? (wG = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = O, r[52] = SG);
+    let CG = I || "", wG = L ?? 0, TG = G ?? 0, EG = R || Arrays.EMPTY, DG = L && L > 5 || false, OG;
+    r[53] !== v || r[54] !== z || r[55] !== y || r[56] !== b || r[57] !== l || r[58] !== _ || r[59] !== u || r[60] !== CG || r[61] !== wG || r[62] !== TG || r[63] !== EG || r[64] !== DG ? (OG = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: yG,
+      data: CG,
       hasStableRowId: false,
-      totalRows: bG,
-      totalColumns: xG,
+      totalRows: wG,
+      totalColumns: TG,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: z,
-      rowHeaders: SG,
+      rowHeaders: EG,
       showDownload: u,
       download_as: v,
       get_size_bytes: y,
@@ -18943,7 +18944,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: CG,
+      showPageSizeSelector: DG,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -18952,15 +18953,15 @@ ${c}
       selection: null,
       lazy: false,
       host: b
-    }), r[53] = v, r[54] = z, r[55] = y, r[56] = b, r[57] = l, r[58] = _, r[59] = u, r[60] = yG, r[61] = bG, r[62] = xG, r[63] = SG, r[64] = CG, r[65] = wG) : wG = r[65];
-    let TG;
-    return r[66] !== _G || r[67] !== vG || r[68] !== wG ? (TG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = v, r[54] = z, r[55] = y, r[56] = b, r[57] = l, r[58] = _, r[59] = u, r[60] = CG, r[61] = wG, r[62] = TG, r[63] = EG, r[64] = DG, r[65] = OG) : OG = r[65];
+    let kG;
+    return r[66] !== xG || r[67] !== SG || r[68] !== OG ? (kG = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        _G,
-        vG,
-        wG
+        xG,
+        SG,
+        OG
       ]
-    }), r[66] = _G, r[67] = vG, r[68] = wG, r[69] = TG) : TG = r[69], TG;
+    }), r[66] = xG, r[67] = SG, r[68] = OG, r[69] = kG) : kG = r[69], kG;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -19151,23 +19152,23 @@ ${c}
     }, [
       H
     ]);
-    let q = (R == null ? void 0 : R.files) ?? [], ZW = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", QW = l === "file" || l === "all", $W = q.filter((e2) => Z && e2.is_directory || QW && !e2.is_directory), tG = $W.length > 0 && $W.every((e2) => ZW.has(e2.path));
+    let q = (R == null ? void 0 : R.files) ?? [], tG = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", nG = l === "file" || l === "all", rG = q.filter((e2) => Z && e2.is_directory || nG && !e2.is_directory), aG = rG.length > 0 && rG.every((e2) => tG.has(e2.path));
     if (!R && z) return (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       children: z.message
     });
-    let nG = PathBuilder.guessDeliminator(c).deliminator, rG = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
+    let oG = PathBuilder.guessDeliminator(c).deliminator, sG = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
       children: e2.path
     }, e2.id));
-    function iG(e2) {
+    function cG(e2) {
       var _a6;
       if (v) return;
       if (y(true), e2 === PARENT_DIRECTORY) {
-        if (g === nG) {
+        if (g === oG) {
           y(false);
           return;
         }
-        e2 = Paths.dirname(g), e2 === "" && (e2 = nG);
+        e2 = Paths.dirname(g), e2 === "" && (e2 = oG);
       }
       let r2 = e2.length < c.length;
       if (f && r2) {
@@ -19180,7 +19181,7 @@ ${c}
       }
       M.current = ((_a6 = j.current) == null ? void 0 : _a6.contains(document.activeElement)) ?? false, _(e2), y(false);
     }
-    function oG({ path: e2, name: r2, isDirectory: c2 }) {
+    function uG({ path: e2, name: r2, isDirectory: c2 }) {
       return {
         id: e2,
         name: r2,
@@ -19188,27 +19189,27 @@ ${c}
         is_directory: c2
       };
     }
-    function sG({ path: c2, name: l2, isDirectory: d2 }) {
-      let f2 = oG({
+    function dG({ path: c2, name: l2, isDirectory: d2 }) {
+      let f2 = uG({
         path: c2,
         name: l2,
         isDirectory: d2
       });
-      ZW.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
+      tG.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
         ...e,
         f2
       ] : [
         f2
       ]);
     }
-    function cG() {
+    function fG() {
       r(e.filter((e2) => Paths.dirname(e2.path) !== g));
     }
-    function lG() {
+    function pG() {
       let c2 = [];
       for (let e2 of q) {
-        if (!Z && e2.is_directory || ZW.has(e2.path)) continue;
-        let r2 = oG({
+        if (!Z && e2.is_directory || tG.has(e2.path)) continue;
+        let r2 = uG({
           path: e2.path,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -19220,20 +19221,20 @@ ${c}
         ...c2
       ]);
     }
-    let uG = [
+    let mG = [
       {
         key: "parent",
         name: PARENT_DIRECTORY,
         Icon: CornerLeftUp,
         isSelected: false,
         canSelect: false,
-        onPrimary: () => iG(PARENT_DIRECTORY),
+        onPrimary: () => cG(PARENT_DIRECTORY),
         onToggleSelect: null
       },
       ...q.map((e2) => {
         let r2 = e2.path;
         r2.startsWith("//") && (r2 = r2.slice(1));
-        let c2 = Z && e2.is_directory || QW && !e2.is_directory, l2 = ZW.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => sG({
+        let c2 = Z && e2.is_directory || nG && !e2.is_directory, l2 = tG.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => dG({
           path: r2,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -19244,46 +19245,46 @@ ${c}
           Icon: FILE_ICON[u2],
           isSelected: l2,
           canSelect: c2,
-          onPrimary: e2.is_directory ? () => iG(r2) : c2 ? d2 : () => {
+          onPrimary: e2.is_directory ? () => cG(r2) : c2 ? d2 : () => {
           },
           onToggleSelect: c2 ? d2 : null
         };
       })
     ];
-    function dG(e2) {
+    function hG(e2) {
       var _a6;
       E(e2), (_a6 = O.current[e2]) == null ? void 0 : _a6.focus();
     }
-    function fG(e2, r2) {
+    function gG(e2, r2) {
       var _a6, _b3;
-      let c2 = uG.length - 1;
+      let c2 = mG.length - 1;
       switch (e2.key) {
         case "ArrowDown":
-          e2.preventDefault(), dG(Math.min(r2 + 1, c2));
+          e2.preventDefault(), hG(Math.min(r2 + 1, c2));
           break;
         case "ArrowUp":
-          e2.preventDefault(), dG(Math.max(r2 - 1, 0));
+          e2.preventDefault(), hG(Math.max(r2 - 1, 0));
           break;
         case "Home":
-          e2.preventDefault(), dG(0);
+          e2.preventDefault(), hG(0);
           break;
         case "End":
-          e2.preventDefault(), dG(c2);
+          e2.preventDefault(), hG(c2);
           break;
         case "Enter":
-          e2.preventDefault(), uG[r2].onPrimary();
+          e2.preventDefault(), mG[r2].onPrimary();
           break;
         case " ":
-          e2.preventDefault(), (_b3 = (_a6 = uG[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a6);
+          e2.preventDefault(), (_b3 = (_a6 = mG[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a6);
           break;
       }
     }
-    let { parentDirectories: pG } = getProtocolAndParentDirectories({
+    let { parentDirectories: _G } = getProtocolAndParentDirectories({
       path: g,
-      delimiter: nG,
+      delimiter: oG,
       initialPath: c,
       restrictNavigation: f
-    }), mG = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+    }), vG = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
     return (0, import_jsx_runtime.jsxs)("div", {
       children: [
         z && (0, import_jsx_runtime.jsx)(Banner, {
@@ -19293,7 +19294,7 @@ ${c}
         (() => {
           let e2 = (0, import_jsx_runtime.jsx)(Label, {
             children: renderHTML({
-              html: d ?? `Select ${mG.join(" and ", 2)}...`
+              html: d ?? `Select ${vG.join(" and ", 2)}...`
             })
           });
           return u ? (0, import_jsx_runtime.jsxs)("div", {
@@ -19307,8 +19308,8 @@ ${c}
                 children: (0, import_jsx_runtime.jsx)(Button, {
                   size: "xs",
                   variant: "link",
-                  onClick: tG ? cG : lG,
-                  children: tG ? "Deselect all" : "Select all"
+                  onClick: aG ? fG : pG,
+                  children: aG ? "Deselect all" : "Select all"
                 })
               })
             ]
@@ -19318,8 +19319,8 @@ ${c}
           className: "mt-2 w-full",
           placeholder: g,
           value: g,
-          onChange: (e2) => iG(e2.target.value),
-          children: pG.map((e2) => (0, import_jsx_runtime.jsx)("option", {
+          onChange: (e2) => cG(e2.target.value),
+          children: _G.map((e2) => (0, import_jsx_runtime.jsx)("option", {
             value: e2,
             children: e2
           }, e2))
@@ -19355,14 +19356,14 @@ ${c}
               "aria-label": "File browser",
               "aria-multiselectable": u,
               children: (0, import_jsx_runtime.jsx)(TableBody, {
-                children: uG.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
+                children: mG.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
                   role: "row",
                   ref: (e3) => {
                     O.current[r2] = e3;
                   },
                   tabIndex: r2 === w ? 0 : -1,
                   onFocus: () => E(r2),
-                  onKeyDown: (e3) => fG(e3, r2),
+                  onKeyDown: (e3) => gG(e3, r2),
                   className: cn("hover:bg-accent group select-none focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", {
                     "bg-primary/25 hover:bg-primary/35": e2.isSelected
                   }),
@@ -19405,7 +19406,7 @@ ${c}
                     children: [
                       e.length,
                       " ",
-                      mG.join(" or ", e.length),
+                      vG.join(" or ", e.length),
                       " ",
                       "selected"
                     ]
@@ -19425,7 +19426,7 @@ ${c}
                     marginBlock: 0
                   },
                   className: "m-0 text-xs text-muted-foreground",
-                  children: rG
+                  children: sG
                 })
               })
             ]
@@ -24807,55 +24808,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), ZW = (0, import_react.useRef)(null), Z = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), QW = Z[0], $W = Z[1], eG = QW.isFocused, tG = QW.isFileDialogActive, nG = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), rG = function() {
-      !nG.current && tG && setTimeout(function() {
-        ZW.current && (ZW.current.files.length || ($W({
+    ]), q = (0, import_react.useRef)(null), tG = (0, import_react.useRef)(null), Z = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), nG = Z[0], rG = Z[1], iG = nG.isFocused, aG = nG.isFileDialogActive, oG = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), sG = function() {
+      !oG.current && aG && setTimeout(function() {
+        tG.current && (tG.current.files.length || (rG({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", rG, false), function() {
-        window.removeEventListener("focus", rG, false);
+      return window.addEventListener("focus", sG, false), function() {
+        window.removeEventListener("focus", sG, false);
       };
     }, [
-      ZW,
       tG,
+      aG,
       G,
-      nG
+      oG
     ]);
-    var iG = (0, import_react.useRef)([]), aG = (0, import_react.useRef)([]), oG = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), iG.current = []);
+    var cG = (0, import_react.useRef)([]), lG = (0, import_react.useRef)([]), uG = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), cG.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", oG, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", oG));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", uG, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", uG));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        aG.current = [].concat(_toConsumableArray(aG.current), [
+        lG.current = [].concat(_toConsumableArray(lG.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && $W({
+        ]), isEvtWithFiles(e3) && rG({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        aG.current = aG.current.filter(function(r3) {
+        lG.current = lG.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(aG.current.length > 0) && $W({
+        }), !(lG.current.length > 0) && rG({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        aG.current = [], $W({
+        lG.current = [], rG({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        aG.current = [], $W({
+        lG.current = [], rG({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -24873,12 +24874,12 @@ ${c}
       E,
       l
     ]);
-    var sG = (0, import_react.useCallback)(function(e2) {
+    var dG = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), cG = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), xG(e2), iG.current = [].concat(_toConsumableArray(iG.current), [
+    ]), fG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), TG(e2), cG.current = [].concat(_toConsumableArray(cG.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -24891,7 +24892,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          $W({
+          rG({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -24899,12 +24900,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return sG(e3);
+        return dG(e3);
       });
     }, [
       u,
       h,
-      sG,
+      dG,
       L,
       B,
       f,
@@ -24912,8 +24913,8 @@ ${c}
       p,
       m,
       z
-    ]), lG = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), xG(e2);
+    ]), pG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), TG(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -24923,12 +24924,12 @@ ${c}
     }, [
       _,
       L
-    ]), uG = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), xG(e2);
-      var r2 = iG.current.filter(function(e3) {
+    ]), mG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), TG(e2);
+      var r2 = cG.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), iG.current = r2, !(r2.length > 0) && ($W({
+      c2 !== -1 && r2.splice(c2, 1), cG.current = r2, !(r2.length > 0) && (rG({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -24938,7 +24939,7 @@ ${c}
       q,
       g,
       L
-    ]), dG = (0, import_react.useCallback)(function(e2, r2) {
+    ]), hG = (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;
@@ -24962,14 +24963,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), $W({
+      }), c2.splice(0)), rG({
         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);
     }, [
-      $W,
+      rG,
       p,
       B,
       f,
@@ -24979,22 +24980,22 @@ ${c}
       y,
       b,
       z
-    ]), fG = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), xG(e2), iG.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || dG(r2, e2);
+    ]), gG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), TG(e2), cG.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || hG(r2, e2);
       }).catch(function(e3) {
-        return sG(e3);
-      }), $W({
+        return dG(e3);
+      }), rG({
         type: "reset"
       });
     }, [
       u,
+      hG,
       dG,
-      sG,
       L
-    ]), pG = (0, import_react.useCallback)(function() {
-      if (nG.current) {
-        $W({
+    ]), _G = (0, import_react.useCallback)(function() {
+      if (oG.current) {
+        rG({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -25004,66 +25005,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          dG(e3, null), $W({
+          hG(e3, null), rG({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), $W({
+          isAbort(e3) ? (G(e3), rG({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (nG.current = false, ZW.current ? (ZW.current.value = null, ZW.current.click()) : sG(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."))) : sG(e3);
+          })) : isSecurityError(e3) ? (oG.current = false, tG.current ? (tG.current.value = null, tG.current.click()) : dG(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."))) : dG(e3);
         });
         return;
       }
-      ZW.current && ($W({
+      tG.current && (rG({
         type: "openDialog"
-      }), W(), ZW.current.value = null, ZW.current.click());
+      }), W(), tG.current.value = null, tG.current.click());
     }, [
-      $W,
+      rG,
       W,
       G,
       T,
+      hG,
       dG,
-      sG,
       H,
       p
-    ]), mG = (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(), pG());
+    ]), vG = (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(), _G());
     }, [
       q,
-      pG
-    ]), hG = (0, import_react.useCallback)(function() {
-      $W({
+      _G
+    ]), yG = (0, import_react.useCallback)(function() {
+      rG({
         type: "focus"
       });
-    }, []), gG = (0, import_react.useCallback)(function() {
-      $W({
+    }, []), bG = (0, import_react.useCallback)(function() {
+      rG({
         type: "blur"
       });
-    }, []), _G = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(pG, 0) : pG());
+    }, []), xG = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(_G, 0) : _G());
     }, [
       j,
-      pG
-    ]), vG = function(e2) {
+      _G
+    ]), SG = function(e2) {
       return l ? null : e2;
-    }, yG = function(e2) {
-      return M ? null : vG(e2);
-    }, bG = function(e2) {
-      return I ? null : vG(e2);
-    }, xG = function(e2) {
+    }, CG = function(e2) {
+      return M ? null : SG(e2);
+    }, wG = function(e2) {
+      return I ? null : SG(e2);
+    }, TG = function(e2) {
       L && e2.stopPropagation();
-    }, SG = (0, import_react.useMemo)(function() {
+    }, EG = (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: yG(composeEventHandlers(d2, mG)),
-          onFocus: yG(composeEventHandlers(f2, hG)),
-          onBlur: yG(composeEventHandlers(p2, gG)),
-          onClick: vG(composeEventHandlers(m2, _G)),
-          onDragEnter: bG(composeEventHandlers(h2, cG)),
-          onDragOver: bG(composeEventHandlers(g2, lG)),
-          onDragLeave: bG(composeEventHandlers(_2, uG)),
-          onDrop: bG(composeEventHandlers(v2, fG)),
+          onKeyDown: CG(composeEventHandlers(d2, vG)),
+          onFocus: CG(composeEventHandlers(f2, yG)),
+          onBlur: CG(composeEventHandlers(p2, bG)),
+          onClick: SG(composeEventHandlers(m2, xG)),
+          onDragEnter: wG(composeEventHandlers(h2, fG)),
+          onDragOver: wG(composeEventHandlers(g2, pG)),
+          onDragLeave: wG(composeEventHandlers(_2, mG)),
+          onDrop: wG(composeEventHandlers(v2, gG)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -25071,20 +25072,20 @@ ${c}
       };
     }, [
       q,
+      vG,
+      yG,
+      bG,
+      xG,
+      fG,
+      pG,
       mG,
-      hG,
       gG,
-      _G,
-      cG,
-      lG,
-      uG,
-      fG,
       M,
       I,
       l
-    ]), CG = (0, import_react.useCallback)(function(e2) {
+    ]), DG = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), wG = (0, import_react.useMemo)(function() {
+    }, []), OG = (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({
@@ -25103,25 +25104,25 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: vG(composeEventHandlers(l2, fG)),
-          onClick: vG(composeEventHandlers(u2, CG)),
+          onChange: SG(composeEventHandlers(l2, gG)),
+          onClick: SG(composeEventHandlers(u2, DG)),
           tabIndex: -1
-        }, c2, ZW)), d2);
+        }, c2, tG)), d2);
       };
     }, [
-      ZW,
+      tG,
       c,
       p,
-      fG,
+      gG,
       l
     ]);
-    return _objectSpread$7(_objectSpread$7({}, QW), {}, {
-      isFocused: eG && !l,
-      getRootProps: SG,
-      getInputProps: wG,
+    return _objectSpread$7(_objectSpread$7({}, nG), {}, {
+      isFocused: iG && !l,
+      getRootProps: EG,
+      getInputProps: OG,
       rootRef: q,
-      inputRef: ZW,
-      open: vG(pG)
+      inputRef: tG,
+      open: SG(_G)
     });
   }
   function reducer$2(e, r) {
@@ -25353,47 +25354,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", ZW = T && "text-destructive", Z;
-    r[48] !== q || r[49] !== ZW ? (Z = cn(q, ZW), r[48] = q, r[49] = ZW, r[50] = Z) : Z = r[50];
-    let QW;
-    r[51] === Z ? QW = r[52] : (QW = (0, import_jsx_runtime.jsx)(Upload, {
+    let q = w && "text-primary", tG = T && "text-destructive", Z;
+    r[48] !== q || r[49] !== tG ? (Z = cn(q, tG), r[48] = q, r[49] = tG, r[50] = Z) : Z = r[50];
+    let nG;
+    r[51] === Z ? nG = r[52] : (nG = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
       className: Z
-    }), r[51] = Z, r[52] = QW);
-    let $W = w && "text-primary", eG = T && "text-destructive", tG;
-    r[53] !== $W || r[54] !== eG ? (tG = cn($W, eG), r[53] = $W, r[54] = eG, r[55] = tG) : tG = r[55];
-    let nG;
-    r[56] === tG ? nG = r[57] : (nG = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+    }), r[51] = Z, r[52] = nG);
+    let rG = w && "text-primary", iG = T && "text-destructive", aG;
+    r[53] !== rG || r[54] !== iG ? (aG = cn(rG, iG), r[53] = rG, r[54] = iG, r[55] = aG) : aG = r[55];
+    let oG;
+    r[56] === aG ? oG = r[57] : (oG = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
-      className: tG
-    }), r[56] = tG, r[57] = nG);
-    let rG;
-    r[58] !== QW || r[59] !== nG ? (rG = (0, import_jsx_runtime.jsxs)("div", {
+      className: aG
+    }), r[56] = aG, r[57] = oG);
+    let sG;
+    r[58] !== nG || r[59] !== oG ? (sG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
-        QW,
-        nG
+        nG,
+        oG
       ]
-    }), r[58] = QW, r[59] = nG, r[60] = rG) : rG = r[60];
-    let iG;
-    r[61] !== G || r[62] !== rG ? (iG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = nG, r[59] = oG, r[60] = sG) : sG = r[60];
+    let cG;
+    r[61] !== G || r[62] !== sG ? (cG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        rG
+        sG
       ]
-    }), r[61] = G, r[62] = rG, r[63] = iG) : iG = r[63];
-    let oG;
-    r[64] !== W || r[65] !== iG || r[66] !== z || r[67] !== B ? (oG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = sG, r[63] = cG) : cG = r[63];
+    let uG;
+    r[64] !== W || r[65] !== cG || r[66] !== z || r[67] !== B ? (uG = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        iG
+        cG
       ]
-    }), r[64] = W, r[65] = iG, r[66] = z, r[67] = B, r[68] = oG) : oG = r[68];
-    let sG;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== p.length ? (sG = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = cG, r[66] = z, r[67] = B, r[68] = uG) : uG = r[68];
+    let dG;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== p.length ? (dG = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -25429,17 +25430,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = p.length, r[74] = sG) : sG = r[74];
-    let cG;
-    return r[75] !== oG || r[76] !== sG ? (cG = (0, import_jsx_runtime.jsx)("section", {
+    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = p.length, r[74] = dG) : dG = r[74];
+    let fG;
+    return r[75] !== uG || r[76] !== dG ? (fG = (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: [
-          oG,
-          sG
+          uG,
+          dG
         ]
       })
-    }), r[75] = oG, r[76] = sG, r[77] = cG) : cG = r[77], cG;
+    }), r[75] = uG, r[76] = dG, r[77] = fG) : fG = r[77], fG;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -25536,75 +25537,75 @@ ${c}
       var _a5;
       e2.key === "Enter" && (e2.ctrlKey || e2.metaKey) && (e2.preventDefault(), e2.stopPropagation(), (_a5 = j.current) == null ? void 0 : _a5.requestSubmit());
     }, r[10] = q) : q = r[10];
-    let ZW;
-    r[11] === f ? ZW = r[12] : (ZW = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    let tG;
+    r[11] === f ? tG = r[12] : (tG = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[11] = f, r[12] = ZW);
+    }), r[11] = f, r[12] = tG);
     let Z;
     r[13] === L ? Z = r[14] : (Z = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
     }), r[13] = L, r[14] = Z);
-    let QW;
-    r[15] === c ? QW = r[16] : (QW = (0, import_jsx_runtime.jsx)("div", {
+    let nG;
+    r[15] === c ? nG = r[16] : (nG = (0, import_jsx_runtime.jsx)("div", {
       children: c
-    }), r[15] = c, r[16] = QW);
-    let $W;
-    r[17] !== S || r[18] !== w || r[19] !== b ? ($W = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    }), r[15] = c, r[16] = nG);
+    let rG;
+    r[17] !== S || r[18] !== w || r[19] !== b ? (rG = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "marimo-plugin-form-clear-button",
       variant: "text",
       onClick: (e2) => {
         e2.preventDefault(), B();
       },
       children: S
-    }), w), r[17] = S, r[18] = w, r[19] = b, r[20] = $W) : $W = r[20];
-    let eG = v || m, tG;
-    r[21] === m ? tG = r[22] : (tG = m && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), w), r[17] = S, r[18] = w, r[19] = b, r[20] = rG) : rG = r[20];
+    let iG = v || m, aG;
+    r[21] === m ? aG = r[22] : (aG = m && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[21] = m, r[22] = tG);
-    let nG;
-    r[23] !== g || r[24] !== eG || r[25] !== tG || r[26] !== I ? (nG = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[21] = m, r[22] = aG);
+    let oG;
+    r[23] !== g || r[24] !== iG || r[25] !== aG || r[26] !== I ? (oG = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: eG,
+      disabled: iG,
       type: "submit",
       children: [
-        tG,
+        aG,
         g
       ]
-    }), r[23] = g, r[24] = eG, r[25] = tG, r[26] = I, r[27] = nG) : nG = r[27];
-    let rG;
-    r[28] !== _ || r[29] !== nG ? (rG = withTooltip(nG, _), r[28] = _, r[29] = nG, r[30] = rG) : rG = r[30];
-    let iG;
-    r[31] !== rG || r[32] !== $W ? (iG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[23] = g, r[24] = iG, r[25] = aG, r[26] = I, r[27] = oG) : oG = r[27];
+    let sG;
+    r[28] !== _ || r[29] !== oG ? (sG = withTooltip(oG, _), r[28] = _, r[29] = oG, r[30] = sG) : sG = r[30];
+    let cG;
+    r[31] !== sG || r[32] !== rG ? (cG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        $W,
-        rG
+        rG,
+        sG
       ]
-    }), r[31] = rG, r[32] = $W, r[33] = iG) : iG = r[33];
-    let oG;
-    r[34] !== iG || r[35] !== G || r[36] !== ZW || r[37] !== Z || r[38] !== QW ? (oG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[31] = sG, r[32] = rG, r[33] = cG) : cG = r[33];
+    let uG;
+    r[34] !== cG || r[35] !== G || r[36] !== tG || r[37] !== Z || r[38] !== nG ? (uG = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
-        ZW,
+        tG,
         Z,
-        QW,
-        iG
+        nG,
+        cG
       ]
-    }), r[34] = iG, r[35] = G, r[36] = ZW, r[37] = Z, r[38] = QW, r[39] = oG) : oG = r[39];
-    let sG;
-    return r[40] !== oG || r[41] !== H ? (sG = (0, import_jsx_runtime.jsx)("form", {
+    }), r[34] = cG, r[35] = G, r[36] = tG, r[37] = Z, r[38] = nG, r[39] = uG) : uG = r[39];
+    let dG;
+    return r[40] !== uG || r[41] !== H ? (dG = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: oG
-    }), r[40] = oG, r[41] = H, r[42] = sG) : sG = r[42], sG;
+      children: uG
+    }), r[40] = uG, r[41] = H, r[42] = dG) : dG = r[42], dG;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$41.c)(24), c, l, u, d, f, p;
@@ -25685,7 +25686,10 @@ ${c}
         setValue: e.setValue
       });
     }
-  }, PIXELS_PER_STEP = 10, MatrixComponent = ({ value: e, setValue: r, label: c, minValue: l, maxValue: u, step: d, precision: f, rowLabels: p, columnLabels: m, symmetric: g, debounce: _, scientific: v, disabled: y }) => {
+  }, PIXELS_PER_STEP = 10, COARSE_MULTIPLIER = 10, FINE_MULTIPLIER = 0.1, stepMultiplier = (e) => e.shiftKey ? COARSE_MULTIPLIER : e.altKey ? FINE_MULTIPLIER : 1, cleanFloat = (e, r) => {
+    let c = Number(e.toFixed(12)), l = 2 ** -52 * Math.max(Math.abs(e), Math.abs(r)) * 100;
+    return Math.abs(e - c) <= l ? c : e;
+  }, MatrixComponent = ({ value: e, setValue: r, label: c, minValue: l, maxValue: u, step: d, precision: f, rowLabels: p, columnLabels: m, symmetric: g, debounce: _, scientific: v, disabled: y }) => {
     var _a5;
     let b = (0, import_react.useRef)(null), [S, w] = (0, import_react.useState)(null), [T, E] = (0, import_react.useState)(e);
     (0, import_react.useEffect)(() => {
@@ -25693,68 +25697,140 @@ ${c}
     }, [
       e
     ]);
-    let O = S == null ? e : T, j = (e2) => v ? e2.toExponential(f) : e2.toFixed(f), M = (0, import_react.useCallback)((e2, r2, c2) => {
+    let O = S == null ? e : T, [j, M] = (0, import_react.useState)(null), I = (0, import_react.useRef)(null), L = (0, import_react.useRef)(null), R = (0, import_react.useCallback)((e2) => {
+      I.current = e2, M(e2);
+    }, []), z = (e2) => v ? e2.toExponential(f) : e2.toFixed(f), B = (0, import_react.useCallback)((e2, r2, c2) => {
       let d2 = e2;
       return l != null && (d2 = Math.max(d2, l[r2][c2])), u != null && (d2 = Math.min(d2, u[r2][c2])), d2;
     }, [
       l,
       u
-    ]), I = (0, import_react.useCallback)((e2, r2, c2) => {
-      y[r2][c2] || !(e2.target instanceof Element) || (e2.preventDefault(), e2.target.setPointerCapture(e2.pointerId), b.current = {
+    ]), H = (0, import_react.useCallback)((e2, r2, c2, l2) => {
+      let u2 = g && r2 !== c2, d2 = B(l2, r2, c2);
+      if (u2 && (d2 = B(d2, c2, r2)), d2 === e2[r2][c2]) return null;
+      let f2 = e2.map((e3) => [
+        ...e3
+      ]);
+      return f2[r2][c2] = d2, u2 && (f2[c2][r2] = d2), f2;
+    }, [
+      g,
+      B
+    ]), W = (0, import_react.useCallback)((r2, c2, l2) => {
+      y[r2][c2] || (b.current = null, w(null), R({
+        row: r2,
+        col: c2,
+        text: l2 ?? String(e[r2][c2]),
+        selectAll: l2 == null
+      }));
+    }, [
+      y,
+      e,
+      R
+    ]), G = (0, import_react.useCallback)((e2) => {
+      var _a6;
+      L.current = e2, e2 && (e2.focus(), ((_a6 = I.current) == null ? void 0 : _a6.selectAll) ? e2.select() : e2.setSelectionRange(e2.value.length, e2.value.length));
+    }, []), q = (0, import_react.useCallback)((c2) => {
+      var _a6;
+      let l2 = I.current;
+      if (!l2) return;
+      let u2 = c2 ? (_a6 = L.current) == null ? void 0 : _a6.closest("td") : null;
+      R(null);
+      let d2 = l2.text.trim(), f2 = Number(d2);
+      if (d2 !== "" && Number.isFinite(f2)) {
+        let c3 = H(e, l2.row, l2.col, f2);
+        c3 && (E(c3), r(c3));
+      }
+      u2 == null ? void 0 : u2.focus();
+    }, [
+      e,
+      H,
+      r,
+      R
+    ]), tG = (0, import_react.useCallback)(() => {
+      var _a6;
+      let e2 = (_a6 = L.current) == null ? void 0 : _a6.closest("td");
+      R(null), e2 == null ? void 0 : e2.focus();
+    }, [
+      R
+    ]), Z = (0, import_react.useCallback)((e2) => {
+      e2.stopPropagation(), e2.key === "Enter" ? (e2.preventDefault(), q(true)) : e2.key === "Escape" && (e2.preventDefault(), tG());
+    }, [
+      q,
+      tG
+    ]), nG = (0, import_react.useCallback)((e2, r2, c2) => {
+      y[r2][c2] || j != null || !(e2.target instanceof Element) || (e2.preventDefault(), e2.currentTarget.focus(), e2.target.setPointerCapture(e2.pointerId), b.current = {
         row: r2,
         col: c2,
         startX: e2.clientX,
-        startValue: O[r2][c2]
+        startValue: O[r2][c2],
+        multiplier: stepMultiplier(e2)
       }, w({
         row: r2,
         col: c2
       }));
     }, [
       y,
+      j,
       O
-    ]), L = (0, import_react.useCallback)((e2) => {
+    ]), rG = (0, import_react.useCallback)((e2) => {
       let c2 = b.current;
       if (!c2) return;
-      let { row: l2, col: u2, startX: f2, startValue: p2 } = c2, m2 = e2.clientX - f2, h = d[l2][u2], v2 = M(p2 + Math.round(m2 / PIXELS_PER_STEP) * h, l2, u2);
-      if (v2 !== O[l2][u2]) {
-        let e3 = O.map((e4) => [
-          ...e4
-        ]);
-        e3[l2][u2] = v2, g && l2 !== u2 && (e3[u2][l2] = v2), E(e3), _ || r(e3);
-      }
+      let l2 = stepMultiplier(e2);
+      l2 !== c2.multiplier && (c2.startX = e2.clientX, c2.startValue = O[c2.row][c2.col], c2.multiplier = l2);
+      let { row: u2, col: f2, startX: p2, startValue: m2 } = c2, h = e2.clientX - p2, g2 = d[u2][f2] * l2, v2 = H(O, u2, f2, cleanFloat(m2 + Math.round(h / PIXELS_PER_STEP) * g2, g2));
+      v2 && (E(v2), _ || r(v2));
     }, [
       d,
-      M,
       O,
-      g,
+      H,
       _,
       r
-    ]), R = (0, import_react.useCallback)(() => {
+    ]), iG = (0, import_react.useCallback)(() => {
       _ && b.current && r(O), b.current = null, w(null);
     }, [
       _,
       O,
       r
-    ]), z = (0, import_react.useCallback)((e2, c2, l2) => {
-      if (e2.key === "ArrowUp" || e2.key === "ArrowDown") {
-        if (y[c2][l2]) return;
-        e2.preventDefault();
-        let u2 = d[c2][l2], f2 = e2.key === "ArrowUp" ? u2 : -u2, p2 = M(O[c2][l2] + f2, c2, l2);
-        if (p2 !== O[c2][l2]) {
-          let e3 = O.map((e4) => [
-            ...e4
-          ]);
-          e3[c2][l2] = p2, g && c2 !== l2 && (e3[l2][c2] = p2), E(e3), r(e3);
-        }
+    ]), aG = (0, import_react.useCallback)((e2, c2, l2) => {
+      if (y[c2][l2]) return;
+      if (e2.key === "Enter" || e2.key === "F2") {
+        e2.preventDefault(), W(c2, l2);
+        return;
       }
+      if (e2.key.length === 1 && /[\d.+-]/.test(e2.key) && !e2.ctrlKey && !e2.metaKey && !e2.altKey) {
+        e2.preventDefault(), W(c2, l2, e2.key);
+        return;
+      }
+      let u2 = d[c2][l2], f2;
+      switch (e2.key) {
+        case "ArrowUp":
+        case "ArrowRight":
+          f2 = u2 * stepMultiplier(e2);
+          break;
+        case "ArrowDown":
+        case "ArrowLeft":
+          f2 = -u2 * stepMultiplier(e2);
+          break;
+        case "PageUp":
+          f2 = u2 * COARSE_MULTIPLIER;
+          break;
+        case "PageDown":
+          f2 = -u2 * COARSE_MULTIPLIER;
+          break;
+        default:
+          return;
+      }
+      e2.preventDefault();
+      let p2 = H(O, c2, l2, cleanFloat(O[c2][l2] + f2, f2));
+      p2 && (E(p2), r(p2));
     }, [
       y,
+      W,
       d,
       O,
-      M,
-      g,
+      H,
       r
-    ]), B = p != null && p.length > 0, H = m != null && m.length > 0, W = O.length, G = ((_a5 = O[0]) == null ? void 0 : _a5.length) ?? 0;
+    ]), oG = p != null && p.length > 0, sG = m != null && m.length > 0, cG = O.length, lG = ((_a5 = O[0]) == null ? void 0 : _a5.length) ?? 0;
     return (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       align: "top",
@@ -25762,18 +25838,18 @@ ${c}
       children: (0, import_jsx_runtime.jsx)("div", {
         className: "relative inline-block",
         "data-testid": "marimo-plugin-matrix",
-        onPointerMove: L,
-        onPointerUp: R,
-        onPointerCancel: R,
+        onPointerMove: rG,
+        onPointerUp: iG,
+        onPointerCancel: iG,
         children: (0, import_jsx_runtime.jsxs)("table", {
           className: "font-mono text-sm tabular-nums select-none border-separate border-spacing-0",
           role: "group",
           "aria-label": c || "Matrix",
           children: [
-            H && (0, import_jsx_runtime.jsx)("thead", {
+            sG && (0, import_jsx_runtime.jsx)("thead", {
               children: (0, import_jsx_runtime.jsxs)("tr", {
                 children: [
-                  B && (0, import_jsx_runtime.jsx)("th", {}),
+                  oG && (0, import_jsx_runtime.jsx)("th", {}),
                   m.map((e2, r2) => (0, import_jsx_runtime.jsx)("th", {
                     className: "text-center text-sm font-medium text-foreground px-2 pb-1",
                     children: e2
@@ -25784,25 +25860,43 @@ ${c}
             (0, import_jsx_runtime.jsx)("tbody", {
               children: O.map((e2, r2) => (0, import_jsx_runtime.jsxs)("tr", {
                 children: [
-                  B && (0, import_jsx_runtime.jsx)("th", {
+                  oG && (0, import_jsx_runtime.jsx)("th", {
                     className: "text-right text-sm font-medium text-foreground pr-3 h-8",
                     children: p[r2]
                   }),
                   e2.map((e3, c2) => {
                     var _a6, _b3;
-                    let d2 = y[r2][c2], f2 = (S == null ? void 0 : S.row) === r2 && (S == null ? void 0 : S.col) === c2, g2 = (p == null ? void 0 : p[r2]) ?? `Row ${r2 + 1}`, _2 = (m == null ? void 0 : m[c2]) ?? `Column ${c2 + 1}`;
+                    let d2 = y[r2][c2], f2 = (S == null ? void 0 : S.row) === r2 && (S == null ? void 0 : S.col) === c2, g2 = j != null && j.row === r2 && j.col === c2 ? j : null, _2 = (p == null ? void 0 : p[r2]) ?? `Row ${r2 + 1}`, v2 = (m == null ? void 0 : m[c2]) ?? `Column ${c2 + 1}`;
                     return (0, import_jsx_runtime.jsx)("td", {
-                      className: cn("relative text-center min-w-14 h-8 px-2 transition-colors touch-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-hidden", d2 ? "cursor-default text-muted-foreground" : "cursor-ew-resize text-link hover:bg-accent", f2 && "bg-accent", c2 === 0 && "bracket-l", c2 === G - 1 && "bracket-r", r2 === 0 && "bracket-t", r2 === W - 1 && "bracket-b"),
+                      className: cn("relative text-center min-w-14 h-8 px-2 transition-colors touch-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-hidden", d2 ? "cursor-default text-muted-foreground" : g2 ? "cursor-text" : "cursor-ew-resize text-link hover:bg-accent", (f2 || g2 != null) && "bg-accent", c2 === 0 && "bracket-l", c2 === lG - 1 && "bracket-r", r2 === 0 && "bracket-t", r2 === cG - 1 && "bracket-b"),
                       tabIndex: d2 ? -1 : 0,
-                      "aria-label": `${g2}, ${_2}`,
+                      title: String(e3),
+                      "aria-label": `${_2}, ${v2}`,
                       "aria-valuenow": e3,
                       "aria-valuemin": (_a6 = l == null ? void 0 : l[r2]) == null ? void 0 : _a6[c2],
                       "aria-valuemax": (_b3 = u == null ? void 0 : u[r2]) == null ? void 0 : _b3[c2],
                       "aria-disabled": d2 || void 0,
-                      onPointerDown: (e4) => I(e4, r2, c2),
-                      onKeyDown: (e4) => z(e4, r2, c2),
+                      onPointerDown: (e4) => nG(e4, r2, c2),
+                      onDoubleClick: () => W(r2, c2),
+                      onKeyDown: (e4) => aG(e4, r2, c2),
                       "data-testid": `matrix-cell-${r2}-${c2}`,
-                      children: j(e3)
+                      children: g2 ? (0, import_jsx_runtime.jsx)("input", {
+                        ref: G,
+                        className: "bg-transparent text-center font-mono text-sm text-foreground outline-none select-text",
+                        style: {
+                          width: `${Math.max(g2.text.length + 2, 6)}ch`
+                        },
+                        value: g2.text,
+                        onChange: (e4) => R({
+                          ...g2,
+                          text: e4.target.value
+                        }),
+                        onKeyDown: Z,
+                        onBlur: () => q(false),
+                        onPointerDown: (e4) => e4.stopPropagation(),
+                        "aria-label": `Edit ${_2}, ${v2}`,
+                        "data-testid": `matrix-input-${r2}-${c2}`
+                      }) : z(e3)
                     }, c2);
                   })
                 ]
@@ -26151,13 +26245,17 @@ ${c}
       __privateAdd(this, _a4, null);
       __privateAdd(this, _o4, 0);
       __privateAdd(this, _s2, "");
+      __privateAdd(this, _c4, 1);
       __privateAdd(this, _d3, () => {
+        (globalThis.devicePixelRatio ?? 1) !== __privateGet(this, _c4) && (__privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this), __privateGet(this, _h).call(this));
+      });
+      __privateAdd(this, _m, () => {
         let e = __privateGet(this, _a4);
         if (!e) return;
         let r = __privateGet(this, _e8).getContext("2d");
         if (!r) return;
-        let c = __privateGet(this, _n6), l = __privateGet(this, _r4), u = globalThis.devicePixelRatio ?? 1;
-        if (r.setTransform(u, 0, 0, u, 0, 0), r.clearRect(0, 0, c.width, c.height), r.drawImage(e, 0, 0, c.width, c.height), l.type === "box") {
+        let c = __privateGet(this, _n6), l = __privateGet(this, _r4), u = __privateGet(this, _MatplotlibRenderer_instances, u_get);
+        if (r.setTransform(u.x, 0, 0, u.y, 0, 0), r.clearRect(0, 0, c.width, c.height), r.drawImage(e, 0, 0, c.width, c.height), l.type === "box") {
           let e2 = Math.min(l.start.x, l.end.x), u2 = Math.min(l.start.y, l.end.y), d = Math.abs(l.end.x - l.start.x), f = Math.abs(l.end.y - l.start.y);
           r.save(), r.fillStyle = c.selectionColor, r.globalAlpha = c.selectionOpacity, r.fillRect(e2, u2, d, f), r.restore(), r.strokeStyle = c.selectionColor, r.lineWidth = c.strokeWidth, r.strokeRect(e2, u2, d, f);
         }
@@ -26167,17 +26265,17 @@ ${c}
           r.closePath(), r.save(), r.fillStyle = c.selectionColor, r.globalAlpha = c.selectionOpacity, r.fill("evenodd"), r.restore(), r.strokeStyle = c.selectionColor, r.lineWidth = c.strokeWidth, r.stroke();
         }
       });
-      __privateAdd(this, _f3, () => {
-        cancelAnimationFrame(__privateGet(this, _i4)), __privateSet(this, _i4, requestAnimationFrame(__privateGet(this, _d3)));
+      __privateAdd(this, _h, () => {
+        cancelAnimationFrame(__privateGet(this, _i4)), __privateSet(this, _i4, requestAnimationFrame(__privateGet(this, _m)));
       });
-      __privateAdd(this, _p2, (e) => {
+      __privateAdd(this, _g, (e) => {
         let r = __privateGet(this, _e8).getBoundingClientRect(), c = __privateGet(this, _n6).width / r.width, l = __privateGet(this, _n6).height / r.height;
         return {
           x: (e.clientX - r.left) * c,
           y: (e.clientY - r.top) * l
         };
       });
-      __privateAdd(this, _m, (e, r) => {
+      __privateAdd(this, __, (e, r) => {
         let c = pixelToData(e, __privateGet(this, _n6)), l = pixelToData(r, __privateGet(this, _n6));
         __privateGet(this, _n6).setValue({
           type: "box",
@@ -26190,7 +26288,7 @@ ${c}
           }
         });
       });
-      __privateAdd(this, _h, (e) => {
+      __privateAdd(this, _v, (e) => {
         if (e.length >= 3) {
           let r = e.map((e2) => {
             let r2 = pixelToData(e2, __privateGet(this, _n6));
@@ -26206,19 +26304,19 @@ ${c}
           });
         }
       });
-      __privateAdd(this, _g, () => {
+      __privateAdd(this, _y, () => {
         __privateSet(this, _r4, {
           type: "idle"
         }), __privateGet(this, _n6).setValue({
           has_selection: false
-        }), __privateGet(this, _f3).call(this);
+        }), __privateGet(this, _h).call(this);
       });
-      __privateAdd(this, __, () => __privateGet(this, _r4).type !== "idle");
-      __privateAdd(this, _v, (e) => {
+      __privateAdd(this, _b2, () => __privateGet(this, _r4).type !== "idle");
+      __privateAdd(this, _x, (e) => {
         let r = __privateGet(this, _r4);
         return r.type === "box" ? isPointInBox(e, r.start, r.end) : r.type === "lasso" ? pointInPolygon(e, r.points) : false;
       });
-      __privateAdd(this, _y, (e) => {
+      __privateAdd(this, _S, (e) => {
         let [r, c, l, u] = __privateGet(this, _n6).axesPixelBounds;
         if (!(e.x >= r && e.x <= l && e.y >= c && e.y <= u)) {
           __privateGet(this, _e8).style.cursor = "default";
@@ -26232,17 +26330,17 @@ ${c}
             return;
           }
         }
-        if (__privateGet(this, __).call(this) && __privateGet(this, _v).call(this, e)) {
+        if (__privateGet(this, _b2).call(this) && __privateGet(this, _x).call(this, e)) {
           __privateGet(this, _e8).style.cursor = "move";
           return;
         }
         __privateGet(this, _e8).style.cursor = "crosshair";
       });
-      __privateAdd(this, _b2, (e) => {
+      __privateAdd(this, _C, (e) => {
         if (!e || !("has_selection" in e) || !e.has_selection) {
           __privateGet(this, _r4).type !== "idle" && (__privateSet(this, _r4, {
             type: "idle"
-          }), __privateGet(this, _f3).call(this));
+          }), __privateGet(this, _h).call(this));
           return;
         }
         if (e.type === "box") {
@@ -26267,11 +26365,11 @@ ${c}
           }, __privateGet(this, _n6))),
           action: null
         });
-        __privateGet(this, _f3).call(this);
+        __privateGet(this, _h).call(this);
       });
-      __privateAdd(this, _x, (e) => {
+      __privateAdd(this, _w, (e) => {
         __privateGet(this, _e8).setPointerCapture(e.pointerId), __privateGet(this, _t6).focus();
-        let r = __privateGet(this, _p2).call(this, e), c = __privateGet(this, _r4);
+        let r = __privateGet(this, _g).call(this, e), c = __privateGet(this, _r4);
         if (e.shiftKey) {
           if (!isInAxes(r, __privateGet(this, _n6))) return;
           __privateSet(this, _r4, {
@@ -26282,7 +26380,7 @@ ${c}
             action: {
               type: "drawing"
             }
-          }), __privateGet(this, _f3).call(this);
+          }), __privateGet(this, _h).call(this);
           return;
         }
         if (c.type === "box" && c.action === null) {
@@ -26303,7 +26401,7 @@ ${c}
             return;
           }
         }
-        if (__privateGet(this, __).call(this) && __privateGet(this, _v).call(this, r)) {
+        if (__privateGet(this, _b2).call(this) && __privateGet(this, _x).call(this, r)) {
           c.type === "box" ? __privateSet(this, _r4, {
             type: "box",
             start: c.start,
@@ -26322,7 +26420,7 @@ ${c}
           });
           return;
         }
-        if (__privateGet(this, __).call(this) && __privateGet(this, _g).call(this), !isInAxes(r, __privateGet(this, _n6))) return;
+        if (__privateGet(this, _b2).call(this) && __privateGet(this, _y).call(this), !isInAxes(r, __privateGet(this, _n6))) return;
         let l = clampToAxes(r, __privateGet(this, _n6));
         __privateSet(this, _r4, {
           type: "box",
@@ -26331,21 +26429,21 @@ ${c}
           action: {
             type: "drawing"
           }
-        }), __privateGet(this, _f3).call(this);
+        }), __privateGet(this, _h).call(this);
       });
-      __privateAdd(this, _S, (e) => {
-        let r = __privateGet(this, _p2).call(this, e), c = __privateGet(this, _r4), l = __privateGet(this, _n6);
+      __privateAdd(this, _T, (e) => {
+        let r = __privateGet(this, _g).call(this, e), c = __privateGet(this, _r4), l = __privateGet(this, _n6);
         if (c.type === "idle" || c.action === null) {
-          __privateGet(this, _y).call(this, r);
+          __privateGet(this, _S).call(this, r);
           return;
         }
         if (c.type === "lasso" && c.action.type === "drawing") {
-          c.points.push(clampToAxes(r, l)), __privateGet(this, _f3).call(this);
+          c.points.push(clampToAxes(r, l)), __privateGet(this, _h).call(this);
           return;
         }
         if (c.type === "box" && c.action.type === "drawing") {
           let e2 = clampToAxes(r, l);
-          c.end = e2, __privateGet(this, _f3).call(this), l.debounce || __privateGet(this, _m).call(this, c.start, e2);
+          c.end = e2, __privateGet(this, _h).call(this), l.debounce || __privateGet(this, __).call(this, c.start, e2);
           return;
         }
         if (c.type === "box" && c.action.type === "resizing") {
@@ -26353,7 +26451,7 @@ ${c}
           c.start = u, c.end = {
             x: d ?? e2.x,
             y: f ?? e2.y
-          }, __privateGet(this, _f3).call(this), l.debounce || __privateGet(this, _m).call(this, c.start, c.end);
+          }, __privateGet(this, _h).call(this), l.debounce || __privateGet(this, __).call(this, c.start, c.end);
           return;
         }
         if (c.type === "box" && c.action.type === "dragging") {
@@ -26366,7 +26464,7 @@ ${c}
           }, c.end = {
             x: c.end.x + p,
             y: c.end.y + m
-          }, __privateGet(this, _f3).call(this), l.debounce || __privateGet(this, _m).call(this, c.start, c.end);
+          }, __privateGet(this, _h).call(this), l.debounce || __privateGet(this, __).call(this, c.start, c.end);
           return;
         }
         if (c.type === "lasso" && c.action.type === "dragging") {
@@ -26379,77 +26477,87 @@ ${c}
             x: c.points[e3].x + p,
             y: c.points[e3].y + m
           };
-          __privateGet(this, _f3).call(this), l.debounce || __privateGet(this, _h).call(this, c.points);
+          __privateGet(this, _h).call(this), l.debounce || __privateGet(this, _v).call(this, c.points);
         }
       });
-      __privateAdd(this, _C, (e) => {
+      __privateAdd(this, _E, (e) => {
         var _a5, _b3;
         __privateGet(this, _e8).releasePointerCapture(e.pointerId);
         let r = __privateGet(this, _r4), c = __privateGet(this, _n6);
         if (r.type === "lasso" && ((_a5 = r.action) == null ? void 0 : _a5.type) === "drawing") {
-          r.points.length >= 3 ? (r.action = null, __privateGet(this, _h).call(this, r.points)) : (__privateSet(this, _r4, {
+          r.points.length >= 3 ? (r.action = null, __privateGet(this, _v).call(this, r.points)) : (__privateSet(this, _r4, {
             type: "idle"
           }), __privateGet(this, _n6).setValue({
             has_selection: false
-          })), __privateGet(this, _f3).call(this);
+          })), __privateGet(this, _h).call(this);
           return;
         }
         if (r.type === "lasso" && ((_b3 = r.action) == null ? void 0 : _b3.type) === "dragging") {
-          r.action = null, c.debounce && __privateGet(this, _h).call(this, r.points);
+          r.action = null, c.debounce && __privateGet(this, _v).call(this, r.points);
           return;
         }
-        r.type === "box" && r.action !== null && (r.action = null, c.debounce && __privateGet(this, _m).call(this, r.start, r.end));
+        r.type === "box" && r.action !== null && (r.action = null, c.debounce && __privateGet(this, __).call(this, r.start, r.end));
       });
-      __privateAdd(this, _w, (e) => {
+      __privateAdd(this, _D, (e) => {
         var _a5;
         if (e.key === "Escape") {
           let e2 = __privateGet(this, _r4);
           if (e2.type === "idle") return;
           ((_a5 = e2.action) == null ? void 0 : _a5.type) === "drawing" ? (__privateSet(this, _r4, {
             type: "idle"
-          }), __privateGet(this, _f3).call(this)) : __privateGet(this, _g).call(this);
+          }), __privateGet(this, _h).call(this)) : __privateGet(this, _y).call(this);
         }
       });
       __privateSet(this, _t6, e), __privateSet(this, _n6, r.state), e.tabIndex = -1, e.role = "application", e.className = "relative inline-block select-none outline-hidden";
       let c = document.createElement("canvas");
-      c.className = "block cursor-crosshair", __privateMethod(this, _MatplotlibRenderer_instances, c_fn2).call(this, c), c.style.touchAction = "none", e.append(c), __privateSet(this, _e8, c), c.addEventListener("pointerdown", __privateGet(this, _x), {
+      c.className = "block cursor-crosshair", __privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this, c), c.style.touchAction = "none", e.append(c), __privateSet(this, _e8, c), c.addEventListener("pointerdown", __privateGet(this, _w), {
         signal: r.signal
-      }), c.addEventListener("pointermove", __privateGet(this, _S), {
+      }), c.addEventListener("pointermove", __privateGet(this, _T), {
         signal: r.signal
-      }), c.addEventListener("pointerup", __privateGet(this, _C), {
+      }), c.addEventListener("pointerup", __privateGet(this, _E), {
         signal: r.signal
-      }), e.addEventListener("keydown", __privateGet(this, _w), {
+      }), e.addEventListener("keydown", __privateGet(this, _D), {
         signal: r.signal
-      }), __privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this, r.signal), r.signal.addEventListener("abort", () => {
+      }), __privateMethod(this, _MatplotlibRenderer_instances, f_fn).call(this, r.signal), window.addEventListener("resize", __privateGet(this, _d3), {
+        signal: r.signal
+      }), r.signal.addEventListener("abort", () => {
         cancelAnimationFrame(__privateGet(this, _i4)), __privateGet(this, _e8).remove();
-      }), __privateMethod(this, _MatplotlibRenderer_instances, u_fn).call(this, __privateGet(this, _n6).chartBase64), __privateGet(this, _b2).call(this, __privateGet(this, _n6).value);
+      }), __privateMethod(this, _MatplotlibRenderer_instances, p_fn).call(this, __privateGet(this, _n6).chartBase64), __privateGet(this, _C).call(this, __privateGet(this, _n6).value);
     }
     update(e) {
       let r = __privateGet(this, _n6);
       __privateSet(this, _n6, e);
       let c = false;
-      if ((e.width !== r.width || e.height !== r.height) && (__privateMethod(this, _MatplotlibRenderer_instances, c_fn2).call(this), c = true), e.chartBase64 !== __privateGet(this, _s2)) {
-        __privateMethod(this, _MatplotlibRenderer_instances, u_fn).call(this, e.chartBase64), __privateGet(this, _b2).call(this, e.value);
+      if ((e.width !== r.width || e.height !== r.height) && (__privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this), c = true), e.chartBase64 !== __privateGet(this, _s2)) {
+        __privateMethod(this, _MatplotlibRenderer_instances, p_fn).call(this, e.chartBase64), __privateGet(this, _C).call(this, e.value);
         return;
       }
       let l = __privateGet(this, _r4).type !== "idle" && __privateGet(this, _r4).action !== null;
       if (e.value !== r.value && !l) {
-        __privateGet(this, _b2).call(this, e.value);
+        __privateGet(this, _C).call(this, e.value);
         return;
       }
-      (c || e.selectionColor !== r.selectionColor || e.selectionOpacity !== r.selectionOpacity || e.strokeWidth !== r.strokeWidth) && __privateGet(this, _d3).call(this);
+      (c || e.selectionColor !== r.selectionColor || e.selectionOpacity !== r.selectionOpacity || e.strokeWidth !== r.strokeWidth) && __privateGet(this, _m).call(this);
     }
-  }, _e8 = new WeakMap(), _t6 = new WeakMap(), _n6 = new WeakMap(), _r4 = new WeakMap(), _i4 = new WeakMap(), _a4 = new WeakMap(), _o4 = new WeakMap(), _s2 = new WeakMap(), _MatplotlibRenderer_instances = new WeakSet(), c_fn2 = function(e = __privateGet(this, _e8)) {
-    let r = globalThis.devicePixelRatio ?? 1, { width: c, height: l } = __privateGet(this, _n6);
+  }, _e8 = new WeakMap(), _t6 = new WeakMap(), _n6 = new WeakMap(), _r4 = new WeakMap(), _i4 = new WeakMap(), _a4 = new WeakMap(), _o4 = new WeakMap(), _s2 = new WeakMap(), _c4 = new WeakMap(), _MatplotlibRenderer_instances = new WeakSet(), l_fn = function(e = __privateGet(this, _e8)) {
+    let r = globalThis.devicePixelRatio ?? 1;
+    __privateSet(this, _c4, r);
+    let { width: c, height: l } = __privateGet(this, _n6);
     e.width = c * r, e.height = l * r, e.style.width = `${c}px`, e.style.maxWidth = "100%", e.style.height = "auto", e.style.aspectRatio = `${c} / ${l}`;
-  }, l_fn = function(e) {
+  }, u_get = function() {
+    let { width: e, height: r } = __privateGet(this, _n6), c = globalThis.devicePixelRatio ?? 1;
+    return {
+      x: e > 0 ? __privateGet(this, _e8).width / e : c,
+      y: r > 0 ? __privateGet(this, _e8).height / r : c
+    };
+  }, _d3 = new WeakMap(), f_fn = function(e) {
     e.aborted || matchMedia(`(resolution: ${globalThis.devicePixelRatio ?? 1}dppx)`).addEventListener("change", () => {
-      __privateMethod(this, _MatplotlibRenderer_instances, c_fn2).call(this), __privateGet(this, _d3).call(this), __privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this, e);
+      __privateGet(this, _d3).call(this), __privateMethod(this, _MatplotlibRenderer_instances, f_fn).call(this, e);
     }, {
       once: true,
       signal: e
     });
-  }, u_fn = function(e) {
+  }, p_fn = function(e) {
     __privateSet(this, _s2, e), __privateWrapper(this, _o4)._++;
     let r = __privateGet(this, _o4);
     __privateSet(this, _r4, {
@@ -26457,14 +26565,14 @@ ${c}
     }), __privateSet(this, _a4, null);
     let c = __privateGet(this, _e8).getContext("2d");
     if (c) {
-      let e2 = globalThis.devicePixelRatio ?? 1;
-      c.setTransform(e2, 0, 0, e2, 0, 0), c.clearRect(0, 0, __privateGet(this, _n6).width, __privateGet(this, _n6).height);
+      let e2 = __privateGet(this, _MatplotlibRenderer_instances, u_get);
+      c.setTransform(e2.x, 0, 0, e2.y, 0, 0), c.clearRect(0, 0, __privateGet(this, _n6).width, __privateGet(this, _n6).height);
     }
     let l = new Image();
     l.onload = () => {
-      r === __privateGet(this, _o4) && (__privateSet(this, _a4, l), __privateGet(this, _d3).call(this));
+      r === __privateGet(this, _o4) && (__privateSet(this, _a4, l), __privateGet(this, _m).call(this));
     }, l.src = e;
-  }, _d3 = new WeakMap(), _f3 = new WeakMap(), _p2 = new WeakMap(), _m = new WeakMap(), _h = new WeakMap(), _g = new WeakMap(), __ = new WeakMap(), _v = new WeakMap(), _y = new WeakMap(), _b2 = new WeakMap(), _x = new WeakMap(), _S = new WeakMap(), _C = new WeakMap(), _w = new WeakMap(), _g2), import_compiler_runtime$36 = require_compiler_runtime(), MatplotlibPlugin = class {
+  }, _m = new WeakMap(), _h = new WeakMap(), _g = new WeakMap(), __ = new WeakMap(), _v = new WeakMap(), _y = new WeakMap(), _b2 = new WeakMap(), _x = new WeakMap(), _S = new WeakMap(), _C = new WeakMap(), _w = new WeakMap(), _T = new WeakMap(), _E = new WeakMap(), _D = new WeakMap(), _g2), import_compiler_runtime$36 = require_compiler_runtime(), MatplotlibPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-matplotlib");
       __publicField(this, "validator", object({
@@ -27377,8 +27485,8 @@ ${c}
         points: extractSunburstPoints(e2.points)
       }));
     }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), ZW;
-    r[31] === u ? ZW = r[32] : (ZW = (e2) => {
+    let q = useEvent_default(G), tG;
+    r[31] === u ? tG = r[32] : (tG = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -27389,9 +27497,9 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = ZW);
-    let Z = useEvent_default(ZW), QW;
-    r[33] === u ? QW = r[34] : (QW = (e2) => {
+    }, r[31] = u, r[32] = tG);
+    let Z = useEvent_default(tG), nG;
+    r[33] === u ? nG = r[34] : (nG = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
@@ -27400,9 +27508,9 @@ ${c}
         range: e2.range,
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[33] = u, r[34] = QW);
-    let $W = useEvent_default(QW), eG = m.frames ?? void 0, tG = useEvent_default(_temp3$3), nG;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== Z || r[42] !== $W || r[43] !== eG || r[44] !== tG || r[45] !== R ? (nG = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = u, r[34] = nG);
+    let rG = useEvent_default(nG), iG = m.frames ?? void 0, aG = useEvent_default(_temp3$3), oG;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== Z || r[42] !== rG || r[43] !== iG || r[44] !== aG || r[45] !== R ? (oG = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -27411,12 +27519,12 @@ ${c}
       onSunburstClick: q,
       config: L,
       onClick: Z,
-      onSelected: $W,
+      onSelected: rG,
       className: "w-full",
       useResizeHandler: true,
-      frames: eG,
-      onError: tG
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = Z, r[42] = $W, r[43] = eG, r[44] = tG, r[45] = R, r[46] = nG) : nG = r[46], nG;
+      frames: iG,
+      onError: aG
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = Z, r[42] = rG, r[43] = iG, r[44] = aG, r[45] = R, r[46] = oG) : oG = r[46], oG;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -27548,8 +27656,8 @@ ${c}
     c[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = cn("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), c[17] = G) : G = c[17];
     let q;
     c[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = cn("absolute bg-blue-500 dark:bg-primary", "data-[orientation=horizontal]:h-full", "data-[orientation=vertical]:w-full", "data-disabled:opacity-50", "hover:cursor-grab active:cursor-grabbing"), c[18] = q) : q = c[18];
-    let ZW;
-    c[19] !== L || c[20] !== z || c[21] !== H ? (ZW = (0, import_jsx_runtime.jsx)(Track, {
+    let tG;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (tG = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
       className: G,
@@ -27560,7 +27668,7 @@ ${c}
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = ZW) : ZW = c[22];
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = tG) : tG = c[22];
     let Z;
     c[23] !== p.setFalse || c[24] !== p.setTrue ? (Z = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
@@ -27573,29 +27681,29 @@ ${c}
         onMouseLeave: p.setFalse
       })
     }), c[23] = p.setFalse, c[24] = p.setTrue, c[25] = Z) : Z = c[25];
-    let QW;
-    c[26] !== m || c[27] !== u.value || c[28] !== d ? (QW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    let nG;
+    c[26] !== m || c[27] !== u.value || c[28] !== d ? (nG = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[0]), {
         locale: m
       })
-    }, u.value[0]), c[26] = m, c[27] = u.value, c[28] = d, c[29] = QW) : QW = c[29];
-    let $W;
-    c[30] === QW ? $W = c[31] : ($W = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: QW
-    }), c[30] = QW, c[31] = $W);
-    let eG;
-    c[32] !== f || c[33] !== Z || c[34] !== $W ? (eG = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[0]), c[26] = m, c[27] = u.value, c[28] = d, c[29] = nG) : nG = c[29];
+    let rG;
+    c[30] === nG ? rG = c[31] : (rG = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: nG
+    }), c[30] = nG, c[31] = rG);
+    let iG;
+    c[32] !== f || c[33] !== Z || c[34] !== rG ? (iG = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
           Z,
-          $W
+          rG
         ]
       })
-    }), c[32] = f, c[33] = Z, c[34] = $W, c[35] = eG) : eG = c[35];
-    let tG;
-    c[36] !== p.setFalse || c[37] !== p.setTrue ? (tG = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = Z, c[34] = rG, c[35] = iG) : iG = c[35];
+    let aG;
+    c[36] !== p.setFalse || c[37] !== p.setTrue ? (aG = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -27605,39 +27713,39 @@ ${c}
         onMouseEnter: p.setTrue,
         onMouseLeave: p.setFalse
       })
-    }), c[36] = p.setFalse, c[37] = p.setTrue, c[38] = tG) : tG = c[38];
-    let nG;
-    c[39] !== m || c[40] !== u.value || c[41] !== d ? (nG = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = p.setFalse, c[37] = p.setTrue, c[38] = aG) : aG = c[38];
+    let oG;
+    c[39] !== m || c[40] !== u.value || c[41] !== d ? (oG = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[1]), {
         locale: m
       })
-    }, u.value[1]), c[39] = m, c[40] = u.value, c[41] = d, c[42] = nG) : nG = c[42];
-    let rG;
-    c[43] === nG ? rG = c[44] : (rG = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: nG
-    }), c[43] = nG, c[44] = rG);
-    let iG;
-    c[45] !== f || c[46] !== tG || c[47] !== rG ? (iG = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = m, c[40] = u.value, c[41] = d, c[42] = oG) : oG = c[42];
+    let sG;
+    c[43] === oG ? sG = c[44] : (sG = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: oG
+    }), c[43] = oG, c[44] = sG);
+    let cG;
+    c[45] !== f || c[46] !== aG || c[47] !== sG ? (cG = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          tG,
-          rG
+          aG,
+          sG
         ]
       })
-    }), c[45] = f, c[46] = tG, c[47] = rG, c[48] = iG) : iG = c[48];
-    let aG;
-    return c[49] !== M || c[50] !== u || c[51] !== ZW || c[52] !== eG || c[53] !== iG || c[54] !== W ? (aG = (0, import_jsx_runtime.jsxs)(Root, {
+    }), c[45] = f, c[46] = aG, c[47] = sG, c[48] = cG) : cG = c[48];
+    let lG;
+    return c[49] !== M || c[50] !== u || c[51] !== tG || c[52] !== iG || c[53] !== cG || c[54] !== W ? (lG = (0, import_jsx_runtime.jsxs)(Root, {
       ref: M,
       className: W,
       ...u,
       children: [
-        ZW,
-        eG,
-        iG
+        tG,
+        iG,
+        cG
       ]
-    }), c[49] = M, c[50] = u, c[51] = ZW, c[52] = eG, c[53] = iG, c[54] = W, c[55] = aG) : aG = c[55], aG;
+    }), c[49] = M, c[50] = u, c[51] = tG, c[52] = iG, c[53] = cG, c[54] = W, c[55] = lG) : lG = c[55], lG;
   });
   RangeSlider.displayName = Root.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -27688,14 +27796,14 @@ ${c}
     }, q = (e2) => {
       m && l(e2);
     }, r[10] = m, r[11] = l, r[12] = G, r[13] = q) : (G = r[12], q = r[13]);
-    let ZW, Z;
-    r[14] !== m || r[15] !== T || r[16] !== l || r[17] !== u ? (ZW = () => {
+    let tG, Z;
+    r[14] !== m || r[15] !== T || r[16] !== l || r[17] !== u ? (tG = () => {
       m && !dequal(T, u) && l(T);
     }, Z = () => {
       m && !dequal(T, u) && l(T);
-    }, r[14] = m, r[15] = T, r[16] = l, r[17] = u, r[18] = ZW, r[19] = Z) : (ZW = r[18], Z = r[19]);
-    let QW;
-    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== p || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== ZW || r[31] !== Z || r[32] !== b ? (QW = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    }, r[14] = m, r[15] = T, r[16] = l, r[17] = u, r[18] = tG, r[19] = Z) : (tG = r[18], Z = r[19]);
+    let nG;
+    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== p || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== tG || r[31] !== Z || r[32] !== b ? (nG = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -27706,36 +27814,36 @@ ${c}
       disabled: y,
       onValueChange: G,
       onValueCommit: q,
-      onPointerUp: ZW,
+      onPointerUp: tG,
       onMouseUp: Z,
       valueMap: b
-    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = p, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = ZW, r[31] = Z, r[32] = b, r[33] = QW) : QW = r[33];
-    let $W;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? ($W = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = p, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = tG, r[31] = Z, r[32] = b, r[33] = nG) : nG = r[33];
+    let rG;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (rG = _ && (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] = $W) : $W = r[38];
-    let eG;
-    r[39] !== QW || r[40] !== $W || r[41] !== B ? (eG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = rG) : rG = r[38];
+    let iG;
+    r[39] !== nG || r[40] !== rG || r[41] !== B ? (iG = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        QW,
-        $W
+        nG,
+        rG
       ]
-    }), r[39] = QW, r[40] = $W, r[41] = B, r[42] = eG) : eG = r[42];
-    let tG;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== eG || r[47] !== M || r[48] !== L ? (tG = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = nG, r[40] = rG, r[41] = B, r[42] = iG) : iG = r[42];
+    let aG;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== iG || r[47] !== M || r[48] !== L ? (aG = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: eG
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = eG, r[47] = M, r[48] = L, r[49] = tG) : tG = r[49], tG;
+      children: iG
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = iG, r[47] = M, r[48] = L, r[49] = aG) : aG = r[49], aG;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -28441,7 +28549,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-CioKuDut.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-xrHju6oo.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object({
@@ -28580,7 +28688,7 @@ ${c}
         children: e.children
       });
     }
-  }, LazySlidesComponent$1 = import_react.lazy(() => import("./swiper-component-Cx0cRWLk.js"));
+  }, LazySlidesComponent$1 = import_react.lazy(() => import("./swiper-component-UYicacis.js"));
   const DownloadPlugin = createPlugin("marimo-download").withData(object({
     data: string(),
     disabled: boolean().default(false),
@@ -31025,7 +31133,7 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), ZW = Object.freeze({
+      }), tG = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
@@ -31034,39 +31142,39 @@ ${c}
         areSetsEqual: G,
         createIsNestedEqual: r2
       }), Z = T(q);
-      function QW(e3, r3) {
+      function nG(e3, r3) {
         return Z(e3, r3, void 0);
       }
-      var $W = T(l(q, {
+      var rG = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function eG(e3, r3) {
-        return $W(e3, r3, void 0);
+      function iG(e3, r3) {
+        return rG(e3, r3, void 0);
       }
-      var tG = T(ZW);
-      function nG(e3, r3) {
-        return tG(e3, r3, /* @__PURE__ */ new WeakMap());
+      var aG = T(tG);
+      function oG(e3, r3) {
+        return aG(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var rG = T(l(ZW, {
+      var sG = T(l(tG, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function iG(e3, r3) {
-        return rG(e3, r3, /* @__PURE__ */ new WeakMap());
+      function cG(e3, r3) {
+        return sG(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function aG(e3) {
+      function lG(e3) {
         return T(l(q, e3(q)));
       }
-      function oG(e3) {
-        var r3 = T(l(ZW, e3(ZW)));
+      function uG(e3) {
+        var r3 = T(l(tG, e3(tG)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = nG, e2.circularShallowEqual = iG, e2.createCustomCircularEqual = oG, e2.createCustomEqual = aG, e2.deepEqual = QW, e2.sameValueZeroEqual = f, e2.shallowEqual = eG, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = oG, e2.circularShallowEqual = cG, e2.createCustomCircularEqual = uG, e2.createCustomEqual = lG, e2.deepEqual = nG, e2.sameValueZeroEqual = f, e2.shallowEqual = iG, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -31092,7 +31200,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 = fG, 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 = iG, e.setTopLeft = oG, e.setTransform = aG, e.sortLayoutItems = sG, e.sortLayoutItemsByColRow = lG, e.sortLayoutItemsByRowCol = cG, e.synchronizeLayoutWithChildren = uG, e.validateLayout = dG, 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 = gG, 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 = cG, e.setTopLeft = uG, e.setTransform = lG, e.sortLayoutItems = dG, e.sortLayoutItemsByColRow = pG, e.sortLayoutItemsByRowCol = fG, e.synchronizeLayoutWithChildren = mG, e.validateLayout = hG, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -31197,7 +31305,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 = sG(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = dG(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;
@@ -31255,7 +31363,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 = sG(e2, f2);
+      let v2 = dG(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);
@@ -31289,15 +31397,15 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, ZW = (e2, r2, c2) => e2 < 0 ? r2 : c2, Z = (e2) => Math.max(0, e2), QW = (e2) => Math.max(0, e2), $W = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, tG = (e2, r2, c2) => e2 < 0 ? r2 : c2, Z = (e2) => Math.max(0, e2), nG = (e2) => Math.max(0, e2), rG = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: ZW(f2, e2.height, u2),
-        top: QW(f2)
+        height: tG(f2, e2.height, u2),
+        top: nG(f2)
       };
-    }, eG = (e2, r2, c2) => {
+    }, iG = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         top: l2,
@@ -31305,45 +31413,45 @@ ${c}
         width: q(e2.left, e2.width, f2, c2),
         left: Z(u2)
       };
-    }, tG = (e2, r2, c2) => {
+    }, aG = (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: QW(l2),
+        top: nG(l2),
         left: Z(f2)
       };
-    }, nG = (e2, r2, c2) => {
+    }, oG = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: ZW(l2, e2.height, d2),
-        top: QW(l2)
+        height: tG(l2, e2.height, d2),
+        top: nG(l2)
       };
-    }, rG = {
-      n: $W,
+    }, sG = {
+      n: rG,
       ne: function() {
-        return $W(arguments.length <= 0 ? void 0 : arguments[0], eG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return rG(arguments.length <= 0 ? void 0 : arguments[0], iG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: eG,
+      e: iG,
       se: function() {
-        return nG(arguments.length <= 0 ? void 0 : arguments[0], eG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return oG(arguments.length <= 0 ? void 0 : arguments[0], iG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: nG,
+      s: oG,
       sw: function() {
-        return nG(arguments.length <= 0 ? void 0 : arguments[0], tG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return oG(arguments.length <= 0 ? void 0 : arguments[0], aG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: tG,
+      w: aG,
       nw: function() {
-        return $W(arguments.length <= 0 ? void 0 : arguments[0], tG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return rG(arguments.length <= 0 ? void 0 : arguments[0], aG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function iG(e2, r2, c2, l2) {
-      let u2 = rG[e2];
+    function cG(e2, r2, c2, l2) {
+      let u2 = sG[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function aG(e2) {
+    function lG(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -31356,7 +31464,7 @@ ${c}
         position: "absolute"
       };
     }
-    function oG(e2) {
+    function uG(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -31366,20 +31474,20 @@ ${c}
         position: "absolute"
       };
     }
-    function sG(e2, r2) {
-      return r2 === "horizontal" ? lG(e2) : r2 === "vertical" ? cG(e2) : e2;
+    function dG(e2, r2) {
+      return r2 === "horizontal" ? pG(e2) : r2 === "vertical" ? fG(e2) : e2;
     }
-    function cG(e2) {
+    function fG(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 lG(e2) {
+    function pG(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 uG(e2, r2, l2, u2, f2) {
+    function mG(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -31400,7 +31508,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function dG(e2) {
+    function hG(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -31417,7 +31525,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 fG(e2) {
+    function gG(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -31874,8 +31982,8 @@ ${c}
         }
       }
       findDOMNode() {
-        var _a5, _b3, _c4;
-        return ((_a5 = this.props) == null ? void 0 : _a5.nodeRef) ? (_c4 = (_b3 = this.props) == null ? void 0 : _b3.nodeRef) == null ? void 0 : _c4.current : l.default.findDOMNode(this);
+        var _a5, _b3, _c5;
+        return ((_a5 = this.props) == null ? void 0 : _a5.nodeRef) ? (_c5 = (_b3 = this.props) == null ? void 0 : _b3.nodeRef) == null ? void 0 : _c5.current : l.default.findDOMNode(this);
       }
       render() {
         return r.cloneElement(r.Children.only(this.props.children), {
@@ -34222,7 +34330,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, ZW, Z, QW, $W, eG, tG, nG, rG, iG, aG, oG, sG, cG, lG, uG, dG, fG;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, tG, Z, nG, rG, iG, aG, oG, sG, cG, lG, uG, dG, fG, pG, mG, hG, gG;
     if (r[10] !== u || r[11] !== S || r[12] !== O || r[13] !== g || r[14] !== M || r[15] !== m || r[16] !== j || r[17] !== f || r[18] !== c || r[19] !== d || r[20] !== l) {
       let e2 = Maps.keyBy(c.cells, _temp2$3), p2;
       r[47] !== c || r[48] !== l ? (p2 = (e3) => (r2) => {
@@ -34241,23 +34349,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, lG = "lg", r[58] === c.cells ? uG = r[59] : (uG = {
+      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, pG = "lg", r[58] === c.cells ? mG = r[59] : (mG = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = uG), dG = L, fG = S, R = false;
+      }, r[58] = c.cells, r[59] = mG), hG = L, gG = 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, ZW = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (Z = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, tG = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (Z = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = Z) : Z = r[69], r[70] === g ? QW = r[71] : (QW = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = Z) : Z = r[69], r[70] === g ? nG = r[71] : (nG = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = QW), r[72] !== O || r[73] !== c || r[74] !== l ? ($W = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = nG), r[72] !== O || r[73] !== c || r[74] !== l ? (rG = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -34265,15 +34373,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = $W) : $W = r[75], r[76] === O ? (eG = r[77], tG = r[78], nG = r[79]) : (eG = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = rG) : rG = r[75], r[76] === O ? (iG = r[77], aG = r[78], oG = r[79]) : (iG = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, tG = (e3, r2, c2, l2, u2) => {
+      }, aG = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, nG = () => {
+      }, oG = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = eG, r[78] = tG, r[79] = nG), rG = _temp3$2, iG = M, aG = M, oG = M, sG = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = iG, r[78] = aG, r[79] = oG), sG = _temp3$2, cG = M, lG = M, uG = M, dG = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === m ? E2 = r[81] : (E2 = (e3) => m.has(e3.id), r[80] = m, r[81] = E2), cG = u.filter(E2).map((r2) => {
+      r[80] === m ? E2 = r[81] : (E2 = (e3) => m.has(e3.id), r[80] = m, r[81] = E2), fG = u.filter(E2).map((r2) => {
         let u2 = e2.get(r2.id), f2 = c.scrollableCells.has(r2.id) ?? false, p3 = c.cellSide.get(r2.id), m2 = (0, import_jsx_runtime.jsx)(GridCell, {
           code: r2.code,
           mode: d,
@@ -34303,14 +34411,14 @@ ${c}
         }, r2.id) : (0, import_jsx_runtime.jsx)("div", {
           children: m2
         }, r2.id);
-      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = m, 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] = ZW, r[31] = Z, r[32] = QW, r[33] = $W, r[34] = eG, r[35] = tG, r[36] = nG, r[37] = rG, r[38] = iG, r[39] = aG, r[40] = oG, r[41] = sG, r[42] = cG, r[43] = lG, r[44] = uG, r[45] = dG, r[46] = fG;
-    } 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], ZW = r[30], Z = r[31], QW = r[32], $W = r[33], eG = r[34], tG = r[35], nG = r[36], rG = r[37], iG = r[38], aG = r[39], oG = r[40], sG = r[41], cG = r[42], lG = r[43], uG = r[44], dG = r[45], fG = r[46];
-    let pG;
-    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] !== ZW || r[91] !== Z || r[92] !== QW || r[93] !== $W || r[94] !== eG || r[95] !== tG || r[96] !== nG || r[97] !== rG || r[98] !== iG || r[99] !== aG || r[100] !== oG || r[101] !== sG || r[102] !== cG || r[103] !== lG || r[104] !== uG || r[105] !== dG || r[106] !== fG ? (pG = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: lG,
-      layouts: uG,
-      style: dG,
-      cols: fG,
+      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = m, 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] = tG, r[31] = Z, r[32] = nG, r[33] = rG, r[34] = iG, r[35] = aG, r[36] = oG, r[37] = sG, r[38] = cG, r[39] = lG, r[40] = uG, r[41] = dG, r[42] = fG, r[43] = pG, r[44] = mG, r[45] = hG, r[46] = gG;
+    } 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], tG = r[30], Z = r[31], nG = r[32], rG = r[33], iG = r[34], aG = r[35], oG = r[36], sG = r[37], cG = r[38], lG = r[39], uG = r[40], dG = r[41], fG = r[42], pG = r[43], mG = r[44], hG = r[45], gG = r[46];
+    let _G;
+    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] !== tG || r[91] !== Z || r[92] !== nG || r[93] !== rG || r[94] !== iG || r[95] !== aG || r[96] !== oG || r[97] !== sG || r[98] !== cG || r[99] !== lG || r[100] !== uG || r[101] !== dG || r[102] !== fG || r[103] !== pG || r[104] !== mG || r[105] !== hG || r[106] !== gG ? (_G = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: pG,
+      layouts: mG,
+      style: hG,
+      cols: gG,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -34318,23 +34426,23 @@ ${c}
       isBounded: W,
       compactType: G,
       preventCollision: q,
-      rowHeight: ZW,
+      rowHeight: tG,
       onLayoutChange: Z,
-      droppingItem: QW,
-      onDrop: $W,
-      onDragStart: eG,
-      onDrag: tG,
-      onDragStop: nG,
-      onResizeStop: rG,
-      isDraggable: iG,
-      isDroppable: aG,
-      isResizable: oG,
-      draggableHandle: sG,
-      children: cG
-    }), 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] = ZW, r[91] = Z, r[92] = QW, r[93] = $W, r[94] = eG, r[95] = tG, r[96] = nG, r[97] = rG, r[98] = iG, r[99] = aG, r[100] = oG, r[101] = sG, r[102] = cG, r[103] = lG, r[104] = uG, r[105] = dG, r[106] = fG, r[107] = pG) : pG = r[107];
-    let mG = pG, hG, gG, _G, vG, yG, bG, xG;
-    if (r[108] !== u || r[109] !== mG || r[110] !== m || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      xG = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      droppingItem: nG,
+      onDrop: rG,
+      onDragStart: iG,
+      onDrag: aG,
+      onDragStop: oG,
+      onResizeStop: sG,
+      isDraggable: cG,
+      isDroppable: lG,
+      isResizable: uG,
+      draggableHandle: dG,
+      children: fG
+    }), 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] = tG, r[91] = Z, r[92] = nG, r[93] = rG, r[94] = iG, r[95] = aG, r[96] = oG, r[97] = sG, r[98] = cG, r[99] = lG, r[100] = uG, r[101] = dG, r[102] = fG, r[103] = pG, r[104] = mG, r[105] = hG, r[106] = gG, r[107] = _G) : _G = r[107];
+    let vG = _G, yG, bG, xG, SG, CG, wG, TG;
+    if (r[108] !== u || r[109] !== vG || r[110] !== m || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      TG = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let e2;
         r[125] === m ? e2 = r[126] : (e2 = (e3) => !m.has(e3.id), r[125] = m, r[126] = e2);
@@ -34342,14 +34450,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== mG || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== vG || 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: mG
+                children: vG
               })
-            }), r[127] = mG, r[128] = L, r[129] = e4) : e4 = r[129], mG = e4;
+            }), r[127] = vG, r[128] = L, r[129] = e4) : e4 = r[129], vG = e4;
           }
           let e3 = p2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -34361,9 +34469,9 @@ ${c}
             stale: outputIsStale(e4, false),
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), xG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), TG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              mG,
+              vG,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -34374,31 +34482,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === mG ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === vG ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: mG
-          }), r[132] = mG, r[133] = e3);
+            children: vG
+          }), r[132] = vG, 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], mG = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], vG = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (bG = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (wG = (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] = bG) : bG = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = wG) : wG = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (vG = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = vG, r[142] = g2) : (vG = r[141], g2 = r[142]), r[143] === mG ? yG = r[144] : (yG = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (SG = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = SG, r[142] = g2) : (SG = r[141], g2 = r[142]), r[143] === vG ? CG = r[144] : (CG = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: mG
-        }), r[143] = mG, r[144] = yG), hG = "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") ? (gG = (0, import_jsx_runtime.jsx)("div", {
+          children: vG
+        }), r[143] = vG, r[144] = CG), yG = "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") ? (bG = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = gG) : gG = r[145];
+        }), r[145] = bG) : bG = 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,
@@ -34424,34 +34532,34 @@ ${c}
             stale: outputIsStale(e3, false),
             hidden: false
           })
-        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], _G = p2.map(b2);
-      }
-      r[108] = u, r[109] = mG, r[110] = m, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = hG, r[118] = gG, r[119] = _G, r[120] = vG, r[121] = yG, r[122] = bG, r[123] = xG, r[124] = mG;
-    } else hG = r[117], gG = r[118], _G = r[119], vG = r[120], yG = r[121], bG = r[122], xG = r[123], mG = r[124];
-    if (xG !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return xG;
-    let SG;
-    r[150] !== hG || r[151] !== gG || r[152] !== _G ? (SG = (0, import_jsx_runtime.jsxs)("div", {
-      className: hG,
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], xG = p2.map(b2);
+      }
+      r[108] = u, r[109] = vG, r[110] = m, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = yG, r[118] = bG, r[119] = xG, r[120] = SG, r[121] = CG, r[122] = wG, r[123] = TG, r[124] = vG;
+    } else yG = r[117], bG = r[118], xG = r[119], SG = r[120], CG = r[121], wG = r[122], TG = r[123], vG = r[124];
+    if (TG !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return TG;
+    let EG;
+    r[150] !== yG || r[151] !== bG || r[152] !== xG ? (EG = (0, import_jsx_runtime.jsxs)("div", {
+      className: yG,
       children: [
-        gG,
-        _G
+        bG,
+        xG
       ]
-    }), r[150] = hG, r[151] = gG, r[152] = _G, r[153] = SG) : SG = r[153];
-    let CG;
-    r[154] !== vG || r[155] !== yG || r[156] !== SG ? (CG = (0, import_jsx_runtime.jsxs)("div", {
-      className: vG,
+    }), r[150] = yG, r[151] = bG, r[152] = xG, r[153] = EG) : EG = r[153];
+    let DG;
+    r[154] !== SG || r[155] !== CG || r[156] !== EG ? (DG = (0, import_jsx_runtime.jsxs)("div", {
+      className: SG,
       children: [
-        yG,
-        SG
+        CG,
+        EG
       ]
-    }), r[154] = vG, r[155] = yG, r[156] = SG, r[157] = CG) : CG = r[157];
-    let wG;
-    return r[158] !== bG || r[159] !== CG ? (wG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = SG, r[155] = CG, r[156] = EG, r[157] = DG) : DG = r[157];
+    let OG;
+    return r[158] !== wG || r[159] !== DG ? (OG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        bG,
-        CG
+        wG,
+        DG
       ]
-    }), r[158] = bG, r[159] = CG, r[160] = wG) : wG = r[160], wG;
+    }), r[158] = wG, r[159] = DG, r[160] = OG) : OG = r[160], OG;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$13.c)(21), { output: c, cellId: l, status: u, mode: d, code: f, hidden: p, isScrollable: m, side: g, className: _, stale: v } = e, y;
@@ -34756,21 +34864,21 @@ ${c}
     r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (0, import_jsx_runtime.jsx)(GripHorizontal, {
       className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
     }), r[35] = q) : q = r[35];
-    let ZW;
-    r[36] === l ? ZW = r[37] : (ZW = (0, import_jsx_runtime.jsx)(X, {
+    let tG;
+    r[36] === l ? tG = r[37] : (tG = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
-    }), r[36] = l, r[37] = ZW);
+    }), r[36] = l, r[37] = tG);
     let Z;
-    return r[38] !== M || r[39] !== G || r[40] !== ZW || r[41] !== S ? (Z = (0, import_jsx_runtime.jsxs)("div", {
+    return r[38] !== M || r[39] !== G || r[40] !== tG || r[41] !== S ? (Z = (0, import_jsx_runtime.jsxs)("div", {
       className: S,
       children: [
         M,
         G,
         q,
-        ZW
+        tG
       ]
-    }), r[38] = M, r[39] = G, r[40] = ZW, r[41] = S, r[42] = Z) : Z = r[42], Z;
+    }), r[38] = M, r[39] = G, r[40] = tG, r[41] = S, r[42] = Z) : Z = r[42], Z;
   };
   function isSidebarCell(e) {
     var _a5;
@@ -36774,31 +36882,31 @@ ${c}
     }, [
       T,
       M
-    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), ZW = (0, import_react.useMemo)(() => j.getEnabled(), [
+    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), tG = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), Z = useMeasuringConfiguration(p), { droppableRects: QW, measureDroppableContainers: $W, measuringScheduled: eG } = useDroppableMeasuring(ZW, {
+    ]), Z = useMeasuringConfiguration(p), { droppableRects: nG, measureDroppableContainers: rG, measuringScheduled: iG } = useDroppableMeasuring(tG, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
       config: Z.droppable
-    }), tG = useCachedNode(E, T), nG = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+    }), aG = useCachedNode(E, T), oG = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), rG = PG(), iG = useInitialRect(tG, Z.draggable.measure);
+    ]), sG = RG(), cG = useInitialRect(aG, Z.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: rG.layoutShiftCompensation,
-      initialRect: iG,
+      config: sG.layoutShiftCompensation,
+      initialRect: cG,
       measure: Z.draggable.measure
     });
-    let aG = useRect(tG, Z.draggable.measure, iG), oG = useRect(tG ? tG.parentElement : null), sG = (0, import_react.useRef)({
+    let lG = useRect(aG, Z.draggable.measure, cG), uG = useRect(aG ? aG.parentElement : null), dG = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: tG,
+      activeNode: aG,
       collisionRect: null,
       collisions: null,
-      droppableRects: QW,
+      droppableRects: nG,
       draggableNodes: E,
       draggingNode: null,
       draggingNodeRect: null,
@@ -36806,45 +36914,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), cG = j.getNodeFor((_a5 = sG.current.over) == null ? void 0 : _a5.id), lG = useDragOverlayMeasuring({
+    }), fG = j.getNodeFor((_a5 = dG.current.over) == null ? void 0 : _a5.id), pG = useDragOverlayMeasuring({
       measure: Z.dragOverlay.measure
-    }), uG = lG.nodeRef.current ?? tG, dG = w ? lG.rect ?? aG : null, fG = !!(lG.nodeRef.current && lG.rect), pG = useRectDelta(fG ? null : aG), mG = useWindowRect(uG ? getWindow(uG) : null), hG = useScrollableAncestors(w ? cG ?? tG : null), gG = useRects(hG), _G = applyModifiers(m, {
+    }), mG = pG.nodeRef.current ?? aG, hG = w ? pG.rect ?? lG : null, gG = !!(pG.nodeRef.current && pG.rect), _G = useRectDelta(gG ? null : lG), vG = useWindowRect(mG ? getWindow(mG) : null), yG = useScrollableAncestors(w ? fG ?? aG : null), bG = useRects(yG), xG = applyModifiers(m, {
       transform: {
-        x: O.x - pG.x,
-        y: O.y - pG.y,
+        x: O.x - _G.x,
+        y: O.y - _G.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: aG,
-      containerNodeRect: oG,
-      draggingNodeRect: dG,
-      over: sG.current.over,
-      overlayNodeRect: lG.rect,
-      scrollableAncestors: hG,
-      scrollableAncestorRects: gG,
-      windowRect: mG
-    }), vG = nG ? add(nG, O) : null, yG = useScrollOffsets(hG), bG = useScrollOffsetsDelta(yG), xG = useScrollOffsetsDelta(yG, [
-      aG
-    ]), SG = add(_G, bG), CG = dG ? getAdjustedRect(dG, _G) : null, wG = L && CG ? f({
+      activeNodeRect: lG,
+      containerNodeRect: uG,
+      draggingNodeRect: hG,
+      over: dG.current.over,
+      overlayNodeRect: pG.rect,
+      scrollableAncestors: yG,
+      scrollableAncestorRects: bG,
+      windowRect: vG
+    }), SG = oG ? add(oG, O) : null, CG = useScrollOffsets(yG), wG = useScrollOffsetsDelta(CG), TG = useScrollOffsetsDelta(CG, [
+      lG
+    ]), EG = add(xG, wG), DG = hG ? getAdjustedRect(hG, xG) : null, OG = L && DG ? f({
       active: L,
-      collisionRect: CG,
-      droppableRects: QW,
-      droppableContainers: ZW,
-      pointerCoordinates: vG
-    }) : null, TG = getFirstCollision(wG, "id"), [EG, DG] = (0, import_react.useState)(null), OG = adjustScale(fG ? _G : add(_G, xG), (EG == null ? void 0 : EG.rect) ?? null, aG), kG = (0, import_react.useRef)(null), AG = (0, import_react.useCallback)((e2, r2) => {
+      collisionRect: DG,
+      droppableRects: nG,
+      droppableContainers: tG,
+      pointerCoordinates: SG
+    }) : null, kG = getFirstCollision(OG, "id"), [AG, jG] = (0, import_react.useState)(null), MG = adjustScale(gG ? xG : add(xG, TG), (AG == null ? void 0 : AG.rect) ?? null, lG), NG = (0, import_react.useRef)(null), PG = (0, import_react.useCallback)((e2, r2) => {
       let { sensor: c2, options: l2 } = r2;
       if (R.current == null) return;
       let u2 = E.get(R.current);
       if (!u2) return;
       let d2 = e2.nativeEvent;
-      kG.current = new c2({
+      NG.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: sG,
+        context: dG,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -36889,7 +36997,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(kG.current), W(d2);
+            }), B(NG.current), W(d2);
           });
         },
         onMove(e3) {
@@ -36903,7 +37011,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = sG.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = dG.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -36917,7 +37025,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), DG(null), B(null), W(null), kG.current = null;
+            }), S(Status.Uninitialized), jG(null), B(null), W(null), NG.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e4 = G.current[r4];
@@ -36931,7 +37039,7 @@ ${c}
       }
     }, [
       E
-    ]), jG = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), FG = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
       let u2 = c2.nativeEvent, d2 = E.get(l2);
       if (R.current !== null || !d2 || u2.dndKit || u2.defaultPrevented) return;
       let f2 = {
@@ -36939,26 +37047,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, AG(c2, r2));
+      }, R.current = l2, PG(c2, r2));
     }, [
       E,
-      AG
+      PG
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      aG && b === Status.Initializing && S(Status.Initialized);
+      lG && b === Status.Initializing && S(Status.Initialized);
     }, [
-      aG,
+      lG,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = sG.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = dG.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: SG.x,
-          y: SG.y
+          x: EG.x,
+          y: EG.y
         },
         over: u2
       };
@@ -36969,12 +37077,12 @@ ${c}
         });
       });
     }, [
-      SG.x,
-      SG.y
+      EG.x,
+      EG.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = sG.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = dG.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(TG), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(kG), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -36990,127 +37098,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        DG(p2), d2 == null ? void 0 : d2(m2), v({
+        jG(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      TG
+      kG
     ]), useIsomorphicLayoutEffect(() => {
-      sG.current = {
+      dG.current = {
         activatorEvent: H,
         active: L,
-        activeNode: tG,
-        collisionRect: CG,
-        collisions: wG,
-        droppableRects: QW,
+        activeNode: aG,
+        collisionRect: DG,
+        collisions: OG,
+        droppableRects: nG,
         draggableNodes: E,
-        draggingNode: uG,
-        draggingNodeRect: dG,
+        draggingNode: mG,
+        draggingNodeRect: hG,
         droppableContainers: j,
-        over: EG,
-        scrollableAncestors: hG,
-        scrollAdjustedTranslate: SG
+        over: AG,
+        scrollableAncestors: yG,
+        scrollAdjustedTranslate: EG
       }, I.current = {
-        initial: dG,
-        translated: CG
+        initial: hG,
+        translated: DG
       };
     }, [
       L,
-      tG,
-      wG,
-      CG,
+      aG,
+      OG,
+      DG,
       E,
-      uG,
-      dG,
-      QW,
-      j,
-      EG,
+      mG,
       hG,
-      SG
+      nG,
+      j,
+      AG,
+      yG,
+      EG
     ]), useAutoScroller({
-      ...rG,
+      ...sG,
       delta: O,
-      draggingRect: CG,
-      pointerCoordinates: vG,
-      scrollableAncestors: hG,
-      scrollableAncestorRects: gG
+      draggingRect: DG,
+      pointerCoordinates: SG,
+      scrollableAncestors: yG,
+      scrollableAncestorRects: bG
     });
-    let MG = (0, import_react.useMemo)(() => ({
+    let IG = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: tG,
-      activeNodeRect: aG,
+      activeNode: aG,
+      activeNodeRect: lG,
       activatorEvent: H,
-      collisions: wG,
-      containerNodeRect: oG,
-      dragOverlay: lG,
+      collisions: OG,
+      containerNodeRect: uG,
+      dragOverlay: pG,
       draggableNodes: E,
       droppableContainers: j,
-      droppableRects: QW,
-      over: EG,
-      measureDroppableContainers: $W,
-      scrollableAncestors: hG,
-      scrollableAncestorRects: gG,
+      droppableRects: nG,
+      over: AG,
+      measureDroppableContainers: rG,
+      scrollableAncestors: yG,
+      scrollableAncestorRects: bG,
       measuringConfiguration: Z,
-      measuringScheduled: eG,
-      windowRect: mG
+      measuringScheduled: iG,
+      windowRect: vG
     }), [
       L,
-      tG,
       aG,
-      H,
-      wG,
-      oG,
       lG,
+      H,
+      OG,
+      uG,
+      pG,
       E,
       j,
-      QW,
-      EG,
-      $W,
-      hG,
-      gG,
+      nG,
+      AG,
+      rG,
+      yG,
+      bG,
       Z,
-      eG,
-      mG
-    ]), NG = (0, import_react.useMemo)(() => ({
+      iG,
+      vG
+    ]), LG = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: jG,
+      activators: FG,
       active: L,
-      activeNodeRect: aG,
+      activeNodeRect: lG,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: EG,
-      measureDroppableContainers: $W
+      over: AG,
+      measureDroppableContainers: rG
     }), [
       H,
-      jG,
+      FG,
       L,
-      aG,
+      lG,
       _,
       q,
       E,
-      EG,
-      $W
+      AG,
+      rG
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: NG
+      value: LG
     }, import_react.createElement(PublicContext.Provider, {
-      value: MG
+      value: IG
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: OG
+      value: MG
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function PG() {
+    function RG() {
       let e2 = (z == null ? void 0 : z.autoScrollEnabled) === false, r2 = typeof l == "object" ? l.enabled === false : l === false, c2 = w && !e2 && !r2;
       return typeof l == "object" ? {
         ...l,
@@ -37638,7 +37746,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: ZW, listeners: Z, isDragging: QW, over: $W, setActivatorNodeRef: eG, transform: tG } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: tG, listeners: Z, isDragging: nG, over: rG, setActivatorNodeRef: iG, transform: aG } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -37646,60 +37754,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), nG = useCombinedRefs(B, ZW), rG = !!H, iG = rG && !b && isValidIndex(v) && isValidIndex(w), aG = !T && QW, oG = iG ? (aG && iG ? tG : null) ?? (p ?? E)({
+    }), oG = useCombinedRefs(B, tG), sG = !!H, cG = sG && !b && isValidIndex(v) && isValidIndex(w), lG = !T && nG, uG = cG ? (lG && cG ? aG : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, sG = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, dG = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, cG = H == null ? void 0 : H.id, lG = (0, import_react.useRef)({
-      activeId: cG,
+    }) : j, fG = H == null ? void 0 : H.id, pG = (0, import_react.useRef)({
+      activeId: fG,
       items: g,
-      newIndex: sG,
+      newIndex: dG,
       containerId: _
-    }), uG = g !== lG.current.items, dG = r({
+    }), mG = g !== pG.current.items, hG = r({
       active: H,
       containerId: _,
-      isDragging: QW,
-      isSorting: rG,
+      isDragging: nG,
+      isSorting: sG,
       id: f,
       index: j,
       items: g,
-      newIndex: lG.current.newIndex,
-      previousItems: lG.current.items,
-      previousContainerId: lG.current.containerId,
+      newIndex: pG.current.newIndex,
+      previousItems: pG.current.items,
+      previousContainerId: pG.current.containerId,
       transition: h,
-      wasDragging: lG.current.activeId != null
-    }), fG = useDerivedTransform({
-      disabled: !dG,
+      wasDragging: pG.current.activeId != null
+    }), gG = useDerivedTransform({
+      disabled: !hG,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      rG && lG.current.newIndex !== sG && (lG.current.newIndex = sG), _ !== lG.current.containerId && (lG.current.containerId = _), g !== lG.current.items && (lG.current.items = g);
+      sG && pG.current.newIndex !== dG && (pG.current.newIndex = dG), _ !== pG.current.containerId && (pG.current.containerId = _), g !== pG.current.items && (pG.current.items = g);
     }, [
-      rG,
       sG,
+      dG,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (cG === lG.current.activeId) return;
-      if (cG != null && lG.current.activeId == null) {
-        lG.current.activeId = cG;
+      if (fG === pG.current.activeId) return;
+      if (fG != null && pG.current.activeId == null) {
+        pG.current.activeId = fG;
         return;
       }
       let e2 = setTimeout(() => {
-        lG.current.activeId = cG;
+        pG.current.activeId = fG;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      cG
+      fG
     ]), {
       active: H,
       activeIndex: v,
@@ -37707,25 +37815,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: sG,
+      newIndex: dG,
       items: g,
       isOver: z,
-      isSorting: rG,
-      isDragging: QW,
+      isSorting: sG,
+      isDragging: nG,
       listeners: Z,
       node: R,
       overIndex: w,
-      over: $W,
-      setNodeRef: nG,
-      setActivatorNodeRef: eG,
+      over: rG,
+      setNodeRef: oG,
+      setActivatorNodeRef: iG,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: ZW,
-      transform: fG ?? oG,
-      transition: pG()
+      setDraggableNodeRef: tG,
+      transform: gG ?? uG,
+      transition: _G()
     };
-    function pG() {
-      if (fG || uG && lG.current.newIndex === j) return disabledTransition;
-      if (!(aG && !isKeyboardEvent(W) || !h) && (rG || dG)) return CSS$1.Transition.toString({
+    function _G() {
+      if (gG || mG && pG.current.newIndex === j) return disabledTransition;
+      if (!(lG && !isKeyboardEvent(W) || !h) && (sG || hG)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -38025,15 +38133,15 @@ ${c}
         G
       ]
     }), r[35] = c.id, r[36] = m, r[37] = y, r[38] = b, r[39] = I, r[40] = z, r[41] = B, r[42] = H, r[43] = W, r[44] = G, r[45] = q) : q = r[45];
-    let ZW = q;
-    if (!v && !g) return ZW;
+    let tG = q;
+    if (!v && !g) return tG;
     let Z;
-    r[46] === ZW ? Z = r[47] : (Z = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
+    r[46] === tG ? Z = r[47] : (Z = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
       asChild: true,
-      children: ZW
-    }), r[46] = ZW, r[47] = Z);
-    let QW;
-    r[48] === v ? QW = r[49] : (QW = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+      children: tG
+    }), r[46] = tG, r[47] = Z);
+    let nG;
+    r[48] === v ? nG = r[49] : (nG = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       onSelect: v,
       children: [
         (0, import_jsx_runtime.jsx)(Plus, {
@@ -38041,11 +38149,11 @@ ${c}
         }),
         "Add cell"
       ]
-    }), r[48] = v, r[49] = QW);
-    let $W;
-    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($W = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = $W) : $W = r[50];
-    let eG;
-    r[51] === g ? eG = r[52] : (eG = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+    }), r[48] = v, r[49] = nG);
+    let rG;
+    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (rG = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = rG) : rG = r[50];
+    let iG;
+    r[51] === g ? iG = r[52] : (iG = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       variant: "danger",
       onSelect: g,
       children: [
@@ -38054,22 +38162,22 @@ ${c}
         }),
         "Delete cell"
       ]
-    }), r[51] = g, r[52] = eG);
-    let tG;
-    r[53] !== QW || r[54] !== eG ? (tG = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+    }), r[51] = g, r[52] = iG);
+    let aG;
+    r[53] !== nG || r[54] !== iG ? (aG = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
       children: [
-        QW,
-        $W,
-        eG
+        nG,
+        rG,
+        iG
       ]
-    }), r[53] = QW, r[54] = eG, r[55] = tG) : tG = r[55];
-    let nG;
-    return r[56] !== Z || r[57] !== tG ? (nG = (0, import_jsx_runtime.jsxs)(ContextMenu, {
+    }), r[53] = nG, r[54] = iG, r[55] = aG) : aG = r[55];
+    let oG;
+    return r[56] !== Z || r[57] !== aG ? (oG = (0, import_jsx_runtime.jsxs)(ContextMenu, {
       children: [
         Z,
-        tG
+        aG
       ]
-    }), r[56] = Z, r[57] = tG, r[58] = nG) : nG = r[58], nG;
+    }), r[56] = Z, r[57] = aG, r[58] = oG) : oG = r[58], oG;
   }, InsertCellLine = (e) => {
     let r = (0, import_compiler_runtime$10.c)(10), { position: c, onInsert: l } = e, u = c === "below" ? "bottom-0 translate-y-1/2" : "top-0 -translate-y-1/2", d;
     r[0] === u ? d = r[1] : (d = cn("absolute left-0 right-0 z-30 flex h-3 items-center justify-center", "opacity-0 transition-opacity hover:opacity-80 focus-visible:opacity-100 focus:outline-hidden", u), r[0] = u, r[1] = d);
@@ -38123,10 +38231,10 @@ ${c}
       ...B,
       ...m
     }, r[20] = M, r[21] = m, r[22] = B, r[23] = j, r[24] = H) : H = r[24];
-    let W = H, G = E || T, q = S || w || T ? "border-blue-500" : "border-border hover:border-blue-500/50", ZW = w && !T && "opacity-35", Z = T && "opacity-95 shadow-lg", QW;
-    r[25] !== l || r[26] !== ZW || r[27] !== Z || r[28] !== q ? (QW = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, ZW, Z, l), r[25] = l, r[26] = ZW, r[27] = Z, r[28] = q, r[29] = QW) : QW = r[29];
-    let $W;
-    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? ($W = G && (0, import_jsx_runtime.jsx)("div", {
+    let W = H, G = E || T, q = S || w || T ? "border-blue-500" : "border-border hover:border-blue-500/50", tG = w && !T && "opacity-35", Z = T && "opacity-95 shadow-lg", nG;
+    r[25] !== l || r[26] !== tG || r[27] !== Z || r[28] !== q ? (nG = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, tG, Z, l), r[25] = l, r[26] = tG, r[27] = Z, r[28] = q, r[29] = nG) : nG = r[29];
+    let rG;
+    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (rG = G && (0, import_jsx_runtime.jsx)("div", {
       className: "flex p-6 box-border pointer-events-none mo-slide-content overflow-hidden",
       style: {
         transform: `scale(${I})`,
@@ -38142,14 +38250,14 @@ ${c}
         output: c.output,
         stale: outputIsStale(c, false)
       })
-    }), r[30] = c, r[31] = M, r[32] = O, r[33] = I, r[34] = G, r[35] = j, r[36] = $W) : $W = r[36];
-    let eG;
-    r[37] === z ? eG = r[38] : (eG = z && (0, import_jsx_runtime.jsx)("div", {
+    }), r[30] = c, r[31] = M, r[32] = O, r[33] = I, r[34] = G, r[35] = j, r[36] = rG) : rG = r[36];
+    let iG;
+    r[37] === z ? iG = r[38] : (iG = z && (0, import_jsx_runtime.jsx)("div", {
       className: "absolute inset-0 bg-muted/50 pointer-events-none",
       "aria-hidden": true
-    }), r[37] = z, r[38] = eG);
-    let tG;
-    r[39] !== z || r[40] !== R ? (tG = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[37] = z, r[38] = iG);
+    let aG;
+    r[39] !== z || r[40] !== R ? (aG = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: (0, import_jsx_runtime.jsx)("span", {
         className: "text-xs opacity-80",
         children: R.description
@@ -38161,19 +38269,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[39] = z, r[40] = R, r[41] = tG) : tG = r[41];
-    let nG;
-    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== QW || r[46] !== $W || r[47] !== eG || r[48] !== tG ? (nG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[39] = z, r[40] = R, r[41] = aG) : aG = r[41];
+    let oG;
+    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== nG || r[46] !== rG || r[47] !== iG || r[48] !== aG ? (oG = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: QW,
+      className: nG,
       style: W,
       ...d,
       children: [
-        $W,
-        eG,
-        tG
+        rG,
+        iG,
+        aG
       ]
-    }), r[42] = W, r[43] = d, r[44] = f, r[45] = QW, r[46] = $W, r[47] = eG, r[48] = tG, r[49] = nG) : nG = r[49], nG;
+    }), r[42] = W, r[43] = d, r[44] = f, r[45] = nG, r[46] = rG, r[47] = iG, r[48] = aG, r[49] = oG) : oG = r[49], oG;
   }, MiniCodePreview = (e) => {
     let r = (0, import_compiler_runtime$10.c)(2), { code: c } = e, l;
     return r[0] === c ? l = r[1] : (l = (0, import_jsx_runtime.jsx)("pre", {
@@ -38213,7 +38321,7 @@ ${c}
   function _temp2$2(e) {
     e.target === e.currentTarget && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), e.currentTarget.click());
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-qNkzuPp3.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-CBpmFHpU.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a5;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [
@@ -38598,7 +38706,7 @@ ${c}
       let r2 = e2.scrollHeight - e2.clientHeight;
       r2 - e2.scrollTop < 120 && (e2.scrollTop = r2);
     }, r[2] = B) : B = r[2], (0, import_react.useLayoutEffect)(B), !L && isInternalCellName(S)) return null;
-    let H, W, G, q, ZW, Z, QW, $W, eG, tG;
+    let H, W, G, q, tG, Z, nG, rG, iG, aG;
     if (r[3] !== w || r[4] !== M || r[5] !== I || r[6] !== L || r[7] !== _ || r[8] !== b || r[9] !== d || r[10] !== z || r[11] !== O || r[12] !== j || r[13] !== E || r[14] !== R || r[15] !== f || r[16] !== u || r[17] !== y || r[18] !== p || r[19] !== l) {
       let e2 = I.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), S2;
       r[30] === I ? S2 = r[31] : (S2 = () => I.filter(_temp3$1).map(_temp4$1).join("\n"), r[30] = I, r[31] = S2);
@@ -38644,11 +38752,11 @@ ${c}
             })
           })
         ]
-      }), r[32] = B2, r[33] = L, r[34] = d, r[35] = z, r[36] = f, r[37] = u, r[38] = l, r[39] = W) : W = r[39], G = y ? "This console output is stale" : void 0, q = "console-output-area", ZW = c, Z = R, QW = 0;
-      let nG2 = y && "marimo-output-stale", rG2 = L ? "p-5" : "p-3";
-      r[40] !== M || r[41] !== nG2 || r[42] !== rG2 ? ($W = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", nG2, rG2, M), r[40] = M, r[41] = nG2, r[42] = rG2, r[43] = $W) : $W = r[43], r[44] === d ? eG = r[45] : (eG = d ? {
+      }), r[32] = B2, r[33] = L, r[34] = d, r[35] = z, r[36] = f, r[37] = u, r[38] = l, r[39] = W) : W = r[39], G = y ? "This console output is stale" : void 0, q = "console-output-area", tG = c, Z = R, nG = 0;
+      let oG2 = y && "marimo-output-stale", sG2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== oG2 || r[42] !== sG2 ? (rG = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", oG2, sG2, M), r[40] = M, r[41] = oG2, r[42] = sG2, r[43] = rG) : rG = r[43], r[44] === d ? iG = r[45] : (iG = d ? {
         maxHeight: "none"
-      } : void 0, r[44] = d, r[45] = eG), tG = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = iG), aG = 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");
@@ -38677,36 +38785,36 @@ ${c}
             wrapText: l
           })
         }, r2);
-      }), r[3] = w, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = p, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = ZW, r[25] = Z, r[26] = QW, r[27] = $W, r[28] = eG, r[29] = tG;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], ZW = r[24], Z = r[25], QW = r[26], $W = r[27], eG = r[28], tG = r[29];
-    let nG;
-    r[46] !== w || r[47] !== S ? (nG = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      }), r[3] = w, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = p, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = tG, r[25] = Z, r[26] = nG, r[27] = rG, r[28] = iG, r[29] = aG;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], tG = r[24], Z = r[25], nG = r[26], rG = r[27], iG = r[28], aG = r[29];
+    let oG;
+    r[46] !== w || r[47] !== S ? (oG = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: S,
       cellId: w,
       className: "bg-(--slate-4) border-(--slate-4) hover:bg-(--slate-5) dark:border-(--sky-5) dark:bg-(--sky-6) dark:text-(--sky-12) text-(--slate-12) rounded-l rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono max-w-[75%] whitespace-nowrap overflow-hidden"
-    }), r[46] = w, r[47] = S, r[48] = nG) : nG = r[48];
-    let rG;
-    r[49] !== nG || r[50] !== G || r[51] !== q || r[52] !== ZW || r[53] !== Z || r[54] !== QW || r[55] !== $W || r[56] !== eG || r[57] !== tG ? (rG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[46] = w, r[47] = S, r[48] = oG) : oG = r[48];
+    let sG;
+    r[49] !== oG || r[50] !== G || r[51] !== q || r[52] !== tG || r[53] !== Z || r[54] !== nG || r[55] !== rG || r[56] !== iG || r[57] !== aG ? (sG = (0, import_jsx_runtime.jsxs)("div", {
       title: G,
       "data-testid": q,
-      ref: ZW,
+      ref: tG,
       ...Z,
-      tabIndex: QW,
-      className: $W,
-      style: eG,
+      tabIndex: nG,
+      className: rG,
+      style: iG,
       children: [
-        tG,
-        nG
+        aG,
+        oG
       ]
-    }), r[49] = nG, r[50] = G, r[51] = q, r[52] = ZW, r[53] = Z, r[54] = QW, r[55] = $W, r[56] = eG, r[57] = tG, r[58] = rG) : rG = r[58];
-    let iG;
-    return r[59] !== H || r[60] !== W || r[61] !== rG ? (iG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[49] = oG, r[50] = G, r[51] = q, r[52] = tG, r[53] = Z, r[54] = nG, r[55] = rG, r[56] = iG, r[57] = aG, r[58] = sG) : sG = r[58];
+    let cG;
+    return r[59] !== H || r[60] !== W || r[61] !== sG ? (cG = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
       children: [
         W,
-        rG
+        sG
       ]
-    }), r[59] = H, r[60] = W, r[61] = rG, r[62] = iG) : iG = r[62], iG;
+    }), r[59] = H, r[60] = W, r[61] = sG, r[62] = cG) : cG = r[62], cG;
   }, 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);
@@ -40404,13 +40512,13 @@ ${c}
       });
     }
     async startApps() {
-      var _a5, _b3, _c4, _d4;
+      var _a5, _b3, _c5, _d4;
       let e = parseMarimoIslandApps(this.root, {
         materialize: false
       }), r = e.length === 1;
       Logger.debug(`Starting sessions for ${e.length} app(s):`, e.map((e2) => `${e2.id} (${e2.cells.length} cells)`));
       let c = (_b3 = e.length === 1 && !((_a5 = e[0]) == null ? void 0 : _a5.payloadBacked) ? getMarimoExportContext() : void 0) == null ? void 0 : _b3.notebookCode, l = r ? e[0] : void 0, u = l ? c || createMarimoFile(l) : void 0;
-      if (l && ((_c4 = this.session) == null ? void 0 : _c4.appId) === l.id && this.session.code === u) {
+      if (l && ((_c5 = this.session) == null ? void 0 : _c5.appId) === l.id && this.session.code === u) {
         parseMarimoIslandApps(this.root);
         return;
       }