@marimo-team/islands 0.23.15-dev5 → 0.23.15-dev50

package/dist/main.js

@@ -22,19 +22,19 @@ import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as use
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-COam1EG7.js";
-import { $ as reducer, $t as getRequestClient, A as ChevronDownIcon, An as Trigger2, At as Paths, Bn as FileText, C as Accordion, Cn as atomWithStorage, Ct as isInternalCellName, D as BorderAllIcon, Dn as Content2, Dt as MarkdownLanguageAdapter, E as AccordionTrigger, Et as customPythonLanguageSupport, Ft as generateUUID, G as hasRunAnyCellAtom, Gt as PluralWords, H as renderHTML, Ht as SQLParser, I as base64ToDataView, J as getCellNames, Jt as require_client, K as createActions, Kn as CircleAlert, Kt as DATA_TYPE_ICON, Ln as LoaderCircle, Mn as Trash2, Nn as Table2, On as Item$1, Pn as PaintRoller, Pt as DeferredRequestRegistry, Q as numColumnsAtom, Qt as convertStatsName, R as dataViewToBase64, Rn as Layers, Rt as jotaiJsonStorage, Sn as atomWithReducer, St as getValidName, T as AccordionItem, Tt as Checkbox, U as getMarimoExportContext, Un as Database, Ut as MarkdownParser, V as safeExtractSetUIElementMessageBuffers, Vn as Eye, Vt as repl, W as hasTrustedExportContext, Wn as Columns2, X as notebookAtom, Y as hasOnlyOneCellAtom, Z as notebookOutline, _n as findCellId, _t as headingToIdentifier, a as useCellFocusActions, bn as jsonParseWithSpecialChar, ct as initialModeAtom, dn as parseDataset, dt as viewStateAtom, en as requestClientAtom, et as useCellActions, f as isOutputEmpty, fn as parseInitialValue, ft as outputIsLoading, gn as UIElementId, i as LazyAnyLanguageCodeMirror, kn as Root2$1, kt as PathBuilder, lt as kioskModeAtom, mn as HTMLCellId, mt as isErrorMime, n as Spinner, nn as isUninstantiated, o as useLastFocusedCellId, p as useExpandedConsoleOutput, pt as outputIsStale, qn as Braces, rt as createCell, s as maybeAddAltairImport, sn as NotebookScopedLocalStorage, st as getInitialAppMode, tn as useRequestClient, tt as useCellIds, un as parseAttrValue, vn as OBJECT_ID_ATTR, w as AccordionContent, wn as selectAtom, wt as normalizeName, yn as RANDOM_ID_ATTR, zn as Info, __tla as __tla_0 } from "./html-to-image-_wGfk8V-.js";
+import { $ as notebookOutline, $t as requestClientAtom, A as ChevronDownIcon, Bt as repl, C as Accordion, Cn as RANDOM_ID_ATTR, Ct as normalizeName, D as BorderAllIcon, Dn as atomWithStorage, E as AccordionTrigger, En as atomWithReducer, Et as MarkdownLanguageAdapter, G as hasRunAnyCellAtom, Gn as Eye, Gt as DATA_TYPE_ICON, H as renderHTML, Hn as Layers, Ht as MarkdownParser, I as base64ToDataView, In as Trash2, Jn as Columns2, K as cellIdsAtom, Ln as Table2, Lt as jotaiJsonStorage, Mn as Item$1, Nn as Root2$1, Nt as DeferredRequestRegistry, On as selectAtom, Ot as PathBuilder, Pn as Trigger2, Pt as generateUUID, Q as notebookAtom, Qt as getRequestClient, R as dataViewToBase64, Rn as PaintRoller, Sn as OBJECT_ID_ATTR, St as isInternalCellName, T as AccordionItem, Tt as customPythonLanguageSupport, U as getMarimoExportContext, Un as Info, V as safeExtractSetUIElementMessageBuffers, Vn as LoaderCircle, Vt as SQLParser, W as hasTrustedExportContext, Wn as FileText, Wt as PluralWords, X as hasOnlyOneCellAtom, Xn as CircleAlert, Y as getCellNames, Z as initialNotebookState, Zn as Braces, Zt as convertStatsName, a as useCellFocusActions, at as createCell, bn as UIElementId, dn as NotebookScopedLocalStorage, dt as kioskModeAtom, en as useRequestClient, et as numColumnsAtom, f as isOutputEmpty, gn as parseInitialValue, gt as headingToIdentifier, hn as parseDataset, ht as outputIsStale, i as LazyAnyLanguageCodeMirror, jn as Content2, kt as Paths, lt as getInitialAppMode, mn as parseAttrValue, mt as outputIsLoading, n as Spinner, nn as publishedCellClasses, nt as useCellActions, o as useLastFocusedCellId, p as useExpandedConsoleOutput, pt as viewStateAtom, q as createActions, qn as Database, qt as require_client, rn as shouldHidePublishedCell, rt as useCellIds, s as maybeAddAltairImport, tn as isUninstantiated, tt as reducer, ut as initialModeAtom, vn as HTMLCellId, w as AccordionContent, wn as jsonParseWithSpecialChar, wt as Checkbox, xn as findCellId, xt as getValidName, __tla as __tla_0 } from "./html-to-image-f-kPEnn0.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist--2Bqjvs0.js";
-import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-Cz-Bj1JI.js";
-import { $ as PANEL_TYPES, $t as hasFunctionProperty, A as prettifyRowCount, At as INDEX_COLUMN_NAME, B as CompactChipRow, Bt as Tabs, C as downloadSizeLimitAtom, Ct as ColumnChartSpecModel, D as ErrorState, Dt as getPageIndexForRow, E as EmptyState, Et as usePrevious$1, F as ContextMenuItem, Ft as isNullishFilter, G as Command, Gt as ChartInfoState, H as DateRangePicker, Ht as TabsList, I as ContextMenuSeparator, It as Maps, J as CommandItem, Jt as useOverflowDetection, K as CommandEmpty, Kt as ChartLoadingState, L as ContextMenuTrigger, Lt as dateToLocalISODate, M as getUserColumnVisibilityCounts, Mt as TOO_MANY_ROWS, N as ContextMenu, Nt as toFieldTypes, O as LoadingState, Ot as loadTableAndRawData, P as ContextMenuContent, Pt as getMimeValues, Q as ContextAwarePanelItem, Qt as EmotionCacheProvider, R as useInternalStateWithSync, Rt as dateToLocalISODateTime, S as Filenames, St as ColumnChartContext, T as ColumnPreviewContainer, Tt as useIntersectionObserver, U as Combobox, Ut as TabsTrigger, V as DatePicker, Vt as TabsContent, W as ComboboxItem, Wt as ChartErrorState, X as CommandSeparator, Xt as Kbd, Y as CommandList, Yt as RenderTextWithLinks, Z as smartMatch, Zt as HtmlOutput, _ as ADD_PRINTING_CLASS, _t as TableRow, an as Funnel, at as slotsController, b as downloadHTMLAsImage, bt as inferFieldTypes, c as Slide, cn as Ellipsis, d as RadioGroupItem, dn as ChevronsUpDown, dt as Provider$1, en as isRecord, et as contextAwarePanelOpen, f as JsonOutput, fn as ChevronsRight, ft as Table, g as InstallPackageButton, gn as ArrowDownWideNarrow, gt as TableHeader, h as DataTable, hn as ChevronLeft, ht as TableHead, in as GripHorizontal, it as SlotNames, j as getColumnCountForDisplay, jt as SELECT_COLUMN_ID, k as prettifyRowColumnCount, kt as loadTableData, l as Switch, ln as Download, m as OutputRenderer, mn as ChevronsDownUp, mt as TableCell, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$6b862160d295c8e, nt as contextAwarePanelType, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as EyeOff, ot as Toggle, p as OutputArea, pn as ChevronsLeft, pt as TableBody, q as CommandInput, qt as LazyVegaEmbed, r as showCodeInRunModeAtom, rn as TextWrap, rt as isCellAwareAtom, t as useNotebookCodeAvailable, tn as $fae977aafc393c5c$export$588937bcd60ade55, tt as contextAwarePanelOwner, u as RadioGroup, un as Code, ut as Fill, v as downloadBlob, vt as NAMELESS_COLUMN_PREFIX, w as ColumnName, wt as DelayMount, x as Progress, xt as renderCellValue, y as downloadByURL, yt as generateColumns, z as useSelectList, zt as dateToLocalISOTime, __tla as __tla_2 } from "./code-visibility-DBuB5MVY.js";
-import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-DegSo0lV.js";
+import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-DxIove3q.js";
+import { $ as ContextAwarePanelItem, $t as EmotionCacheProvider, A as prettifyRowColumnCount, At as loadTableData, B as useSelectList, Bt as dateToLocalISOTime, C as Filenames, Ct as ColumnChartContext, D as EmptyState, Dt as usePrevious$1, E as ColumnPreviewContainer, Et as useIntersectionObserver, F as ContextMenuContent, Ft as getMimeValues, G as ComboboxItem, Gt as ChartErrorState, H as DatePicker, Ht as TabsContent, I as ContextMenuItem, It as isNullishFilter, J as CommandInput, Jt as LazyVegaEmbed, K as Command, Kt as ChartInfoState, L as ContextMenuSeparator, Lt as Maps, M as getColumnCountForDisplay, Mt as SELECT_COLUMN_ID, N as getUserColumnVisibilityCounts, Nt as TOO_MANY_ROWS, O as ErrorState, Ot as getPageIndexForRow, P as ContextMenu, Pt as toFieldTypes, Q as smartMatch, Qt as HtmlOutput, R as ContextMenuTrigger, Rt as dateToLocalISODate, S as Progress, St as renderCellValue, T as ColumnName, Tt as DelayMount, U as DateRangePicker, Ut as TabsList, V as CompactChipRow, Vt as Tabs, W as Combobox, Wt as TabsTrigger, X as CommandList, Xt as RenderTextWithLinks, Y as CommandItem, Yt as useOverflowDetection, Z as CommandSeparator, Zt as Kbd, _ as InstallPackageButton, _n as ArrowDownWideNarrow, _t as TableHeader, an as GripHorizontal, at as SlotNames, b as downloadByURL, bt as generateColumns, d as RadioGroup, dn as Code, dt as Fill, en as hasFunctionProperty, et as PANEL_TYPES, f as RadioGroupItem, fn as ChevronsUpDown, ft as Provider$1, g as DataTable, gn as ChevronLeft, gt as TableHead, h as OutputRenderer, hn as ChevronsDownUp, ht as TableCell, in as TextWrap, it as isCellAwareAtom, j as prettifyRowCount, jt as INDEX_COLUMN_NAME, k as LoadingState, kt as loadTableAndRawData, l as Slide, ln as Ellipsis, m as OutputArea, mn as ChevronsLeft, mt as TableBody, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$588937bcd60ade55, nt as contextAwarePanelOwner, on as Funnel, ot as slotsController, p as JsonOutput, pn as ChevronsRight, pt as Table, q as CommandEmpty, qt as ChartLoadingState, r as showCodeInRunModeAtom, rn as $fae977aafc393c5c$export$6b862160d295c8e, rt as contextAwarePanelType, s as SLIDE_TYPE_OPTIONS_BY_VALUE, sn as EyeOff, st as Toggle, t as useNotebookCodeAvailable, tn as isRecord, tt as contextAwarePanelOpen, u as Switch, un as Download, v as ADD_PRINTING_CLASS, vt as TableRow, w as downloadSizeLimitAtom, wt as ColumnChartSpecModel, x as downloadHTMLAsImage, xt as inferFieldTypes, y as downloadBlob, yt as NAMELESS_COLUMN_PREFIX, z as useInternalStateWithSync, zt as dateToLocalISODateTime, __tla as __tla_2 } from "./code-visibility-B5xe1Xp2.js";
+import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-DR_F1d7F.js";
 import { t as Check } from "./check-C9OoNtR4.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-Dq_j3Rxw.js";
-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-DtsN7xm-.js";
-import { _ as isWasm, c as asRemoteURL, d as isStaticNotebook, f as appendQueryParams, g as Deferred, m as require_cuid2, u as getStaticVirtualFiles, v as CircleQuestionMark } from "./toDate-CWNNlFEX.js";
-import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Square, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-Mh4UrjwM.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-CF5Sgjba.js";
+import { _ as isWasm, c as asRemoteURL, d as isStaticNotebook, f as appendQueryParams, g as Deferred, m as require_cuid2, u as getStaticVirtualFiles, v as CircleQuestionMark } from "./toDate-CEOdz9nC.js";
+import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Square, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-O9FeFAVM.js";
 import { n as Trash, r as Pencil, t as BulkEdit } from "./types-C2Ir191_.js";
-import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-DE6tzZf-.js";
+import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-CnMJ8jR9.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
 import { $ as isInVscodeExtension, A as looseObject, B as union, C as any, E as custom, F as optional, G as parse$1, I as record, J as prettifyError, K as parseAsync, N as number, O as lazy$2, P as object, R as string, S as _null, T as boolean, U as ZodError, V as unknown, _ as ZodString, _t as createContextScope, a as ZodIssueCode, b as _enum, c as ZodBoolean, ct as DismissableLayer, d as ZodDiscriminatedUnion, dt as useId$11, et as StyleNamespace, f as ZodEnum, ft as Presence, g as ZodOptional, h as ZodObject, ht as composeEventHandlers$1, i as string$1, j as nan, k as literal, l as ZodDate, m as ZodNumber, mt as useLayoutEffect2, n as date, o as ZodAny, p as ZodLiteral, pt as useControllableState, q as $ZodError, r as number$1, rt as __awaiter, s as ZodArray, t as zod_default, u as ZodDefault, ut as useCallbackRef, v as ZodType, vt as Primitive, w as array, x as _instanceof, y as ZodUnion, yt as dispatchDiscreteCustomEvent, z as tuple } from "./zod-CijjQh4u.js";
@@ -44,8 +44,8 @@ import { a as TooltipRoot, i as TooltipProvider, n as TooltipContent, o as Toolt
 import { f as CopyClipboardIcon } from "./extends-9MVIxxRo.js";
 import { a as get_default } from "./hasIn-Deg7jl_j.js";
 import { n as _baseSet_default, t as pick_default } from "./pick-D1Qo8s2C.js";
-import { i as debounce_default, r as KnownQueryParams, t as CSSClasses } from "./constants-T20xxyNf.js";
-import { D as useEvent_default, E as dequal, S as atom, _ as Provider, a as autoInstantiateAtom, d as AppConfigSchema, g as isIslands, l as useResolvedMarimoConfig, n as useTheme, p as store, s as localeAtom, v as useAtom, y as useAtomValue } from "./useTheme-6eZ3GOTS.js";
+import { t as debounce_default } from "./debounce-BOD3DbfP.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-BA-8MM7N.js";
 import { $ as EditorView, F as syntaxHighlighting, H as tags, a as HighlightStyle, g as defaultHighlightStyle } from "./dist-U4F-tbMs.js";
 import { t as invariant } from "./invariant-wRzNXIsJ.js";
 import { c as uniqueBy, l as clamp, o as arrayShallowEquals, t as Arrays } from "./arrays-sEtDRoG4.js";
@@ -59,13 +59,13 @@ import "./dist-M9Vag9Y0.js";
 import { r as python } from "./dist-C_Y3oV3C.js";
 import { n as minimalSetup, t as esm_default } from "./esm-M837UxV5.js";
 import "./purify.es-H92eMd9-.js";
-import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-Dzx4J_z1.js";
+import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-CdvkxTS6.js";
 import "./vega-loader.browser-CZ-J8Py3.js";
 import { a as getContainerWidth, n as vegaLoadData, o as getVegaFieldTypes, s as tooltipHandler } from "./loader-Boph2xIS.js";
 import "./defaultLocale-u-3osm0P.js";
 import "./defaultLocale-BoHTsDG6.js";
-import { t as useAsyncData } from "./useAsyncData-KfHB8wQR.js";
-import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-nJMtxhm4.js";
+import { t as useAsyncData } from "./useAsyncData-Cs0mpJTy.js";
+import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-DoOZicGb.js";
 import "./dist-CIYBwstr.js";
 import "./dist-abid3KgM.js";
 import "./dist-A2846XWO.js";
@@ -76,7 +76,7 @@ import "./dist-DyyjKEYf.js";
 import "./dist-DZo4nSS0.js";
 import "./dist-BzEzfugY.js";
 import { t as langs } from "./esm-ga2Bf3O2.js";
-let initialize;
+let canReplaceApp, initialize, stopApp;
 let __tla = Promise.all([
   (() => {
     try {
@@ -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, l_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_fn2, 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, _MatplotlibRenderer_instances, c_fn2, l_fn, u_fn, _d3, _f3, _p2, _m, _h, _g, __, _v, _y, _b2, _x, _S, _C, _w, _g2, _h2;
   var defaultIconDimensions = Object.freeze({
     left: 0,
     top: 0,
@@ -1392,7 +1392,7 @@ let __tla = Promise.all([
     CELL_OUTPUT: "marimo-cell-output",
     CELL_CODE: "marimo-cell-code",
     CODE_EDITOR: "marimo-code-editor"
-  }, ISLAND_DATA_ATTRIBUTES = {
+  }, ISLAND_SOURCE_CHANGED_EVENT = "marimo-island-source-changed", ISLAND_DATA_ATTRIBUTES = {
     APP_ID: "data-app-id",
     CELL_IDX: "data-cell-idx",
     CELL_ID: "data-cell-id",
@@ -3483,32 +3483,29 @@ let __tla = Promise.all([
     return e == null ? e : _baseSet_default(e, r, c);
   }
   var set_default = set$1;
-  function modelProxy(e, r, c) {
+  function modelProxy(e, r) {
     return {
       get(r2) {
         return e.get(r2);
       },
-      set(r2, c2) {
-        e.set(r2, c2);
+      set(r2, c) {
+        e.set(r2, c);
       },
       save_changes() {
         e.save_changes();
       },
       send: e.send.bind(e),
-      on(l, u) {
-        r.aborted || (e.on(l, u), r.addEventListener("abort", () => e.off(l, u), {
+      on(c, l) {
+        r.aborted || (e.on(c, l), r.addEventListener("abort", () => e.off(c, l), {
           once: true
-        }), c == null ? void 0 : c({
-          event: l,
-          callback: u
         }));
       },
-      off(r2, c2) {
-        e.off(r2 ?? null, c2 ?? null);
+      off(r2, c) {
+        e.off(r2 ?? null, c ?? null);
       },
       widget_manager: {
-        async get_model(c2) {
-          return modelProxy(await e.widget_manager.get_model(c2), r);
+        async get_model(c) {
+          return modelProxy(await e.widget_manager.get_model(c), r);
         }
       }
     };
@@ -3745,6 +3742,9 @@ let __tla = Promise.all([
       });
       return __privateGet(this, _e3).set(c, d), d;
     }
+    invalidate(e) {
+      __privateGet(this, _e3).delete(e);
+    }
   }, _e3 = new WeakMap(), _WidgetDefRegistry_instances = new WeakSet(), t_fn = async function(e, r = {}) {
     if (!(isTrustedVirtualFileUrl(e) || r.kernelAuthored === true && /^(https?:|data:)/.test(e))) throw Error(`Refusing to load anywidget module from untrusted URL: ${String(e)}`);
     let c = asRemoteURL(e).toString();
@@ -3839,17 +3839,17 @@ let __tla = Promise.all([
     ]);
     if (l.aborted) return;
     e.el.innerHTML = "";
-    let u = __privateGet(this, _i2).call(this, l), f = [], p = await c.render({
-      model: modelProxy(__privateGet(this, _n3), l, (e2) => f.push(e2)),
+    let u = __privateGet(this, _i2).call(this, l), f = await c.render({
+      model: modelProxy(__privateGet(this, _n3), l),
       el: e.el,
       experimental,
       signal: l,
       host: u
     });
-    if (isCleanup(p)) {
+    if (isCleanup(f)) {
       let e2 = () => {
         let e3 = r.signal.aborted ? "view unmount" : "binding destroyed";
-        return Logger.debug(`[WidgetBinding] Render cleanup triggered (reason: ${e3})`), __privateMethod(this, _e_instances2, c_fn).call(this, p, "render");
+        return Logger.debug(`[WidgetBinding] Render cleanup triggered (reason: ${e3})`), __privateMethod(this, _e_instances2, c_fn).call(this, f, "render");
       };
       if (l.aborted) {
         await e2();
@@ -3859,22 +3859,9 @@ let __tla = Promise.all([
         once: true
       });
     }
-    __privateMethod(this, _e_instances2, l_fn).call(this, f, l);
   }, c_fn = function(e, r) {
     let c = safelyRunCleanup(e, r);
     return __privateGet(this, _a2).add(c), c.finally(() => __privateGet(this, _a2).delete(c)), c;
-  }, l_fn = function(e, r) {
-    for (let { event: c, callback: l } of e) {
-      if (r.aborted) return;
-      try {
-        if (c.startsWith("change:")) {
-          let e2 = c.slice(7);
-          l(__privateGet(this, _n3).get(e2));
-        } else c === "change" && l();
-      } catch (e2) {
-        Logger.error("[WidgetBinding] Error replaying state", e2);
-      }
-    }
   }, _d);
   const WIDGET_DEF_REGISTRY = new WidgetDefRegistry();
   var WidgetRuntime = (_e6 = class {
@@ -3976,7 +3963,7 @@ let __tla = Promise.all([
       jsHash: r.hash,
       kernelAuthored: true
     }), d = resolveAnyWidget(u, r.url);
-    if (!d) throw getInvalidAnyWidgetModuleError(u, r.url);
+    if (!d) throw WIDGET_DEF_REGISTRY.invalidate(r.hash), getInvalidAnyWidgetModuleError(u, r.url);
     return WidgetBinding.create({
       widgetDef: d,
       model: c,
@@ -7411,33 +7398,33 @@ let __tla = Promise.all([
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), kW = C({
+    }), H = U(), W = U(), G = C(0), q = C(null), VW = C({
       column: 0,
       row: 0
-    }), Z = U(), AW = U(), jW = C(false), MW = C(0), NW = C(true), PW = C(false), FW = C(false);
-    Y(x(b, $(MW), P(([e2, r2]) => !!r2)), () => {
-      D(NW, false);
-    }), Y(x(ut(b, NW, B, z, MW, PW), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(PW, true), Ue(1, () => {
+    }), HW = U(), Z = U(), UW = C(false), WW = C(0), GW = C(true), KW = C(false), qW = C(false);
+    Y(x(b, $(WW), P(([e2, r2]) => !!r2)), () => {
+      D(GW, false);
+    }), Y(x(ut(b, GW, B, z, WW, KW), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(KW, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(NW, true);
+        ]), D(GW, true);
       });
-    }), F(x(AW, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(AW), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(kW, e2.gap), e2.scrollTop > 0 && (D(jW, true), Et(x(h, Kt(1)), (e3) => {
-        D(jW, false);
+    }), F(x(Z, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(Z), P(([, e2]) => e2 != null)), ([, e2]) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(VW, e2.gap), e2.scrollTop > 0 && (D(UW, true), Et(x(h, Kt(1)), (e3) => {
+        D(UW, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(kW, (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(VW, (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(kW, Or), V(B, xe), V(z, xe), V(q), V(L), V(jW), V(NW), V(MW)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), HW), F(x(ut(V(I), l, V(VW, Or), V(B, xe), V(z, xe), V(q), V(L), V(UW), V(GW), V(WW)), 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) {
@@ -7456,23 +7443,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, kW), 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, VW), 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 IW = C(false);
-    F(x(h, $(IW), k(([e2, r2]) => r2 || e2 !== 0)), IW);
-    let LW = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(IW), P(([[e2, r2], c2]) => {
+    let JW = C(false);
+    F(x(h, $(JW), k(([e2, r2]) => r2 || e2 !== 0)), JW);
+    let YW = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(JW), 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())), RW = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), zW = bt(x(V(R), $(jW), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), XW = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), ZW = bt(x(V(R), $(UW), 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(zW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, kW), k(([e2, r2, c2, l2, u2]) => {
+    F(ZW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, VW), 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);
@@ -7481,7 +7468,7 @@ let __tla = Promise.all([
         top: g2
       };
     })), m);
-    let BW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let QW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -7490,13 +7477,13 @@ let __tla = Promise.all([
       data: q,
       deviation: G,
       footerHeight: u,
-      gap: kW,
+      gap: VW,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
       itemDimensions: B,
       overscan: c,
-      restoreStateFrom: AW,
+      restoreStateFrom: Z,
       scrollBy: f,
       scrollContainerState: p,
       scrollHeight: W,
@@ -7512,16 +7499,16 @@ let __tla = Promise.all([
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: FW,
-      initialTopMostItemIndex: MW,
-      totalListHeight: BW,
+      horizontalDirection: qW,
+      initialTopMostItemIndex: WW,
+      totalListHeight: QW,
       ...v,
-      endReached: LW,
+      endReached: YW,
       propsReady: S,
-      rangeChanged: zW,
-      startReached: RW,
-      stateChanged: Z,
-      stateRestoreInProgress: jW,
+      rangeChanged: ZW,
+      startReached: XW,
+      stateChanged: HW,
+      stateRestoreInProgress: UW,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -7799,22 +7786,22 @@ let __tla = Promise.all([
       let r2 = Array.isArray(e2) ? e2 : [];
       f != null && r2.length > f && (r2 = r2.slice(-f)), u(r2);
     }, r[8] = m, r[9] = f, r[10] = d, r[11] = u, r[12] = q) : q = r[12];
-    let kW = q, Z;
+    let VW = q, HW;
     if (r[13] !== G.bulkActions) {
-      if (Z = G.bulkActions.map(_temp$27), Z.length > 0) {
+      if (HW = G.bulkActions.map(_temp$27), HW.length > 0) {
         let e2;
         r[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(CommandSeparator, {
           "data-slot": "select-separator"
-        }, "_bulk_separator"), r[15] = e2) : e2 = r[15], Z.push(e2);
+        }, "_bulk_separator"), r[15] = e2) : e2 = r[15], HW.push(e2);
       }
-      r[13] = G.bulkActions, r[14] = Z;
-    } else Z = r[14];
-    let AW;
-    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (AW = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
+      r[13] = G.bulkActions, r[14] = HW;
+    } else HW = r[14];
+    let Z;
+    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (Z = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
       "data-slot": "select-separator"
-    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = AW) : AW = r[18];
-    let jW = AW, MW;
-    r[19] !== Z || r[20] !== G || r[21] !== jW || r[22] !== w || r[23] !== B || r[24] !== H ? (MW = () => {
+    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = Z) : Z = r[18];
+    let UW = Z, WW;
+    r[19] !== HW || r[20] !== G || r[21] !== UW || r[22] !== w || r[23] !== B || r[24] !== H ? (WW = () => {
       if (G.visibleOptions.length > B) return (0, import_jsx_runtime.jsx)(Yr, {
         "data-slot": "select-list",
         style: {
@@ -7826,8 +7813,8 @@ let __tla = Promise.all([
           let r2 = G.visibleOptions[e3];
           return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              e3 === 0 && Z,
-              jW(e3),
+              e3 === 0 && HW,
+              UW(e3),
               (0, import_jsx_runtime.jsx)(OptionRow, {
                 option: r2,
                 checked: G.isChecked(r2.value),
@@ -7838,7 +7825,7 @@ let __tla = Promise.all([
         }
       });
       let e2 = G.visibleOptions.flatMap((e3, r2) => {
-        let c2 = jW(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
+        let c2 = UW(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
           option: e3,
           checked: G.isChecked(e3.value),
           renderOption: w
@@ -7852,13 +7839,13 @@ let __tla = Promise.all([
       });
       return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
-          Z,
+          HW,
           e2
         ]
       });
-    }, r[19] = Z, r[20] = G, r[21] = jW, r[22] = w, r[23] = B, r[24] = H, r[25] = MW) : MW = r[25];
-    let NW = MW, PW;
-    r[26] !== G.labelOf || r[27] !== I ? (PW = (e2) => {
+    }, r[19] = HW, r[20] = G, r[21] = UW, r[22] = w, r[23] = B, r[24] = H, r[25] = WW) : WW = r[25];
+    let GW = WW, KW;
+    r[26] !== G.labelOf || r[27] !== I ? (KW = (e2) => {
       let r2 = Array.isArray(e2) ? e2 : e2 == null ? [] : [
         e2
       ];
@@ -7869,46 +7856,46 @@ let __tla = Promise.all([
         items: r2.map(G.labelOf),
         max: 3
       });
-    }, r[26] = G.labelOf, r[27] = I, r[28] = PW) : PW = r[28];
-    let FW = PW, IW = e["data-testid"], LW;
-    r[29] === G ? LW = r[30] : (LW = (e2) => G.labelOf(e2), r[29] = G, r[30] = LW);
-    let RW = M ? FW : void 0, zW;
-    r[31] !== b || r[32] !== R ? (zW = cn({
+    }, r[26] = G.labelOf, r[27] = I, r[28] = KW) : KW = r[28];
+    let qW = KW, JW = e["data-testid"], YW;
+    r[29] === G ? YW = r[30] : (YW = (e2) => G.labelOf(e2), r[29] = G, r[30] = YW);
+    let XW = M ? qW : void 0, ZW;
+    r[31] !== b || r[32] !== R ? (ZW = cn({
       "w-full": R
-    }, b), r[31] = b, r[32] = R, r[33] = zW) : zW = r[33];
-    let BW = G.searchQuery, VW = G.setSearchQuery, HW = G.open, UW = G.setOpen, WW;
-    r[34] === z ? WW = r[35] : (WW = renderSlot(z), r[34] = z, r[35] = WW);
-    let GW;
-    r[36] !== L || r[37] !== S || r[38] !== G.open || r[39] !== G.searchQuery || r[40] !== G.setOpen || r[41] !== G.setSearchQuery || r[42] !== I || r[43] !== IW || r[44] !== LW || r[45] !== RW || r[46] !== zW || r[47] !== WW ? (GW = {
+    }, b), r[31] = b, r[32] = R, r[33] = ZW) : ZW = r[33];
+    let QW = G.searchQuery, $W = G.setSearchQuery, eG = G.open, tG = G.setOpen, nG;
+    r[34] === z ? nG = r[35] : (nG = renderSlot(z), r[34] = z, r[35] = nG);
+    let rG;
+    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] !== JW || r[44] !== YW || r[45] !== XW || r[46] !== ZW || r[47] !== nG ? (rG = {
       "data-slot": "select-root",
-      "data-testid": IW,
-      displayValue: LW,
-      renderValue: RW,
+      "data-testid": JW,
+      displayValue: YW,
+      renderValue: XW,
       placeholder: I,
-      className: zW,
+      className: ZW,
       shouldFilter: false,
-      search: BW,
-      onSearchChange: VW,
-      open: HW,
-      onOpenChange: UW,
-      emptyState: WW,
+      search: QW,
+      onSearchChange: $W,
+      open: eG,
+      onOpenChange: tG,
+      emptyState: nG,
       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] = IW, r[44] = LW, r[45] = RW, r[46] = zW, r[47] = WW, r[48] = GW) : GW = r[48];
-    let KW = GW, qW;
-    return r[49] !== KW || r[50] !== kW || r[51] !== d || r[52] !== NW || r[53] !== l ? (qW = d ? (0, import_jsx_runtime.jsx)(Combobox, {
-      ...KW,
+    }, 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] = JW, r[44] = YW, r[45] = XW, r[46] = ZW, r[47] = nG, r[48] = rG) : rG = r[48];
+    let iG = rG, aG;
+    return r[49] !== iG || r[50] !== VW || r[51] !== d || r[52] !== GW || r[53] !== l ? (aG = d ? (0, import_jsx_runtime.jsx)(Combobox, {
+      ...iG,
       multiple: true,
       value: l,
-      onValueChange: kW,
-      children: NW()
+      onValueChange: VW,
+      children: GW()
     }) : (0, import_jsx_runtime.jsx)(Combobox, {
-      ...KW,
+      ...iG,
       multiple: false,
       value: l,
-      onValueChange: kW,
-      children: NW()
-    }), r[49] = KW, r[50] = kW, r[51] = d, r[52] = NW, r[53] = l, r[54] = qW) : qW = r[54], qW;
+      onValueChange: VW,
+      children: GW()
+    }), r[49] = iG, r[50] = VW, r[51] = d, r[52] = GW, r[53] = l, r[54] = aG) : aG = r[54], aG;
   }
   function _temp$27(e) {
     let r = "enabled" in e ? !e.enabled : e.items.length === 0;
@@ -8902,7 +8889,7 @@ let __tla = Promise.all([
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-DinOvbWu.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-Dy0arY8E.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -9051,7 +9038,7 @@ let __tla = Promise.all([
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$76 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-CjTu7ukN.js").then(async (m) => {
+  var import_compiler_runtime$76 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-D5w23DvC.js").then(async (m) => {
     await m.__tla;
     return m;
   }));
@@ -10017,7 +10004,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)) : kW(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : VW(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -10090,14 +10077,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)) && zW(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && ZW(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(PW(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(KW(), 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, []) : [])), kW = (e2, r2, c2 = {}) => {
+    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), VW = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -10110,13 +10097,13 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && NW(e2);
-    }, Z = (e2, r2, c2) => {
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && GW(e2);
+    }, HW = (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) : kW(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? HW(f2, d2, c2) : VW(f2, d2, c2);
       }
-    }, AW = (e2, r2, m2 = {}) => {
+    }, Z = (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,
@@ -10127,7 +10114,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? Z(e2, y2, m2) : kW(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? HW(e2, y2, m2) : VW(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -10135,7 +10122,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, jW = async (e2) => {
+    }, UW = 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));
@@ -10169,11 +10156,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 && NW(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && GW(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, MW = (e2, r2) => {
+    }, WW = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, NW = async (e2, u2 = {}) => {
+    }, GW = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -10192,23 +10179,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, MW, e2 ? m2 : p.mount), f2;
-    }, PW = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, WW, e2 ? m2 : p.mount), f2;
+    }, KW = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, FW = (e2, r2) => ({
+    }, qW = (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)
-    }), IW = (e2) => {
+    }), JW = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, LW = (e2, r2, u2) => {
+    }, YW = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -10221,9 +10208,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, RW = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, XW = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), zW = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), ZW = (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: {
@@ -10235,9 +10222,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, BW = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, QW = ({ 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));
-    }, VW = (e2, c2 = {}) => {
+    }, $W = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -10251,7 +10238,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? BW({
+      }), p.mount.add(e2), d2 ? QW({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -10268,11 +10255,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: jW,
-        onBlur: jW,
+        onChange: UW,
+        onBlur: UW,
         ref: (m3) => {
           if (m3) {
-            VW(e2, c2), d2 = get(l, e2);
+            $W(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, {
@@ -10298,7 +10285,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);
         }
       };
-    }, HW = () => r.shouldFocusError && iterateFieldsByAction(l, MW, p.mount), UW = (e2) => {
+    }, eG = () => r.shouldFocusError && iterateFieldsByAction(l, WW, p.mount), tG = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -10307,7 +10294,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, WW = (e2, u2) => async (f2) => {
+    }, nG = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -10329,7 +10316,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), HW(), setTimeout(HW);
+      }, f2), eG(), setTimeout(eG);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -10337,11 +10324,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, GW = (e2, r2 = {}) => {
-      get(l, e2) && (isUndefined(r2.defaultValue) ? AW(e2, cloneObject(get(u, e2))) : (AW(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({
+    }, rG = (e2, r2 = {}) => {
+      get(l, e2) && (isUndefined(r2.defaultValue) ? Z(e2, cloneObject(get(u, e2))) : (Z(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
         ...c
       }));
-    }, KW = (e2, m2 = {}) => {
+    }, iG = (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) {
@@ -10349,7 +10336,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)) : AW(r2, get(b2, r2));
+          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : Z(r2, get(b2, r2));
         } else {
           if (isWeb && isUndefined(e2)) for (let e3 of p.mount) {
             let r2 = get(l, e3);
@@ -10394,25 +10381,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, qW = (e2, r2) => KW(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, aG = (e2, r2) => iG(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: VW,
-        unregister: zW,
-        getFieldState: FW,
-        handleSubmit: WW,
-        setError: LW,
+        register: $W,
+        unregister: ZW,
+        getFieldState: qW,
+        handleSubmit: nG,
+        setError: YW,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: BW,
+        _updateDisabledField: QW,
         _getFieldArray: q,
-        _reset: KW,
+        _reset: iG,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          qW(e2, r.resetOptions), _.state.next({
+          aG(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -10422,7 +10409,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: UW,
+        _disableForm: tG,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -10463,17 +10450,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: NW,
-      register: VW,
-      handleSubmit: WW,
-      watch: RW,
-      setValue: AW,
-      getValues: PW,
-      reset: qW,
-      resetField: GW,
-      clearErrors: IW,
-      unregister: zW,
-      setError: LW,
+      trigger: GW,
+      register: $W,
+      handleSubmit: nG,
+      watch: XW,
+      setValue: Z,
+      getValues: KW,
+      reset: aG,
+      resetField: rG,
+      clearErrors: JW,
+      unregister: ZW,
+      setError: YW,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -10481,7 +10468,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: FW
+      getFieldState: qW
     };
   }
   function useForm(e = {}) {
@@ -13211,7 +13198,7 @@ ${c}
     r[0] !== c || r[1] !== u ? (d = () => {
       u.setValue(c, "");
     }, r[0] = c, r[1] = u, r[2] = d) : d = r[2];
-    let f = d, p = _temp5$2, m;
+    let f = d, p = _temp5$1, m;
     r[3] !== f || r[4] !== l ? (m = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -13487,7 +13474,7 @@ ${c}
   function _temp4$5(e) {
     return e;
   }
-  function _temp5$2(e) {
+  function _temp5$1(e) {
     let [r, c] = TIME_UNIT_DESCRIPTIONS[e];
     return (0, import_jsx_runtime.jsx)(SelectItem, {
       value: e,
@@ -16206,21 +16193,21 @@ ${c}
       _.pageSize,
       _.pageIndex
     ], r[35] = w, r[36] = _.pageIndex, r[37] = _.pageSize, r[38] = e.cellHoverTexts, r[39] = e.cellStyles, r[40] = e.data, r[41] = e.lazy, r[42] = e.totalRows, r[43] = u, r[44] = y, r[45] = m, r[46] = B, r[47] = H) : H = r[47];
-    let { data: W, error: G, isPending: q, isFetching: kW } = useAsyncData(z, H), Z = useAtomValue(downloadSizeLimitAtom), AW;
-    r[48] !== Z || r[49] !== e ? (AW = 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] = AW) : AW = r[50];
-    let jW = e.showDownload, MW = e.get_size_bytes, NW = e.lazy, PW = e.totalRows, FW = useDeepCompareMemoize(w), IW = useDeepCompareMemoize(m), LW;
-    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] !== FW || r[58] !== IW ? (LW = [
-      Z,
-      jW,
-      MW,
-      NW,
-      PW,
+    let { data: W, error: G, isPending: q, isFetching: VW } = useAsyncData(z, H), HW = useAtomValue(downloadSizeLimitAtom), Z;
+    r[48] !== HW || r[49] !== e ? (Z = async () => !HW || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = HW, r[49] = e, r[50] = Z) : Z = r[50];
+    let UW = e.showDownload, WW = e.get_size_bytes, GW = e.lazy, KW = e.totalRows, qW = useDeepCompareMemoize(w), JW = useDeepCompareMemoize(m), YW;
+    r[51] !== HW || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== qW || r[58] !== JW ? (YW = [
+      HW,
+      UW,
+      WW,
+      GW,
+      KW,
       y,
-      FW,
-      IW
-    ], r[51] = Z, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = FW, r[58] = IW, r[59] = LW) : LW = r[59];
-    let { data: RW, isPending: zW } = useAsyncData(AW, LW), BW = RW ?? null, VW = !!Z && e.showDownload && zW, HW;
-    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (HW = async (e2) => ({
+      qW,
+      JW
+    ], r[51] = HW, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = qW, r[58] = JW, r[59] = YW) : YW = r[59];
+    let { data: XW, isPending: ZW } = useAsyncData(Z, YW), QW = XW ?? null, $W = !!HW && e.showDownload && ZW, eG;
+    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (eG = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -16229,17 +16216,17 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = HW) : HW = r[64];
-    let UW = HW, WW;
-    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (WW = () => {
+    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = eG) : eG = r[64];
+    let tG = eG, nG;
+    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (nG = () => {
       v(_temp4$4);
-    }, r[65] = WW) : WW = r[65];
-    let GW = W == null ? void 0 : W.totalRows, KW;
-    r[66] === GW ? KW = r[67] : (KW = [
-      GW
-    ], r[66] = GW, r[67] = KW), (0, import_react.useEffect)(WW, KW);
-    let qW;
-    r[68] === e ? qW = r[69] : (qW = async () => {
+    }, r[65] = nG) : nG = r[65];
+    let rG = W == null ? void 0 : W.totalRows, iG;
+    r[66] === rG ? iG = r[67] : (iG = [
+      rG
+    ], r[66] = rG, r[67] = iG), (0, import_react.useEffect)(nG, iG);
+    let aG;
+    r[68] === e ? aG = r[69] : (aG = async () => {
       let r2 = isStaticNotebook();
       return e.totalRows === 0 || !e.showColumnSummaries || r2 ? {
         data: null,
@@ -16248,22 +16235,22 @@ ${c}
         value_counts: {},
         show_charts: false
       } : e.get_column_summaries({});
-    }, r[68] = e, r[69] = qW);
-    let JW;
-    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (JW = [
+    }, r[68] = e, r[69] = aG);
+    let oG;
+    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (oG = [
       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] = JW) : JW = r[76];
-    let { data: YW, error: XW } = useAsyncData(qW, JW), ZW, QW;
-    if (r[77] === XW ? (ZW = r[78], QW = r[79]) : (ZW = () => {
-      XW && Logger.error(XW);
-    }, QW = [
-      XW
-    ], r[77] = XW, r[78] = ZW, r[79] = QW), (0, import_react.useEffect)(ZW, QW), 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] = oG) : oG = r[76];
+    let { data: sG, error: cG } = useAsyncData(aG, oG), lG, uG;
+    if (r[77] === cG ? (lG = r[78], uG = r[79]) : (lG = () => {
+      cG && Logger.error(cG);
+    }, uG = [
+      cG
+    ], r[77] = cG, r[78] = lG, r[79] = uG), (0, import_react.useEffect)(lG, uG), 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,
@@ -16272,7 +16259,7 @@ ${c}
         })
       }), r[80] = c2, r[81] = l2), l2;
     }
-    let $W = null;
+    let dG = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -16288,62 +16275,62 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[82] = G, r[83] = e2), $W = e2;
+      }), r[82] = G, r[83] = e2), dG = e2;
     }
-    let eG;
-    r[84] === O ? eG = r[85] : (eG = () => {
+    let fG;
+    r[84] === O ? fG = r[85] : (fG = () => {
       j(!O);
-    }, r[84] = O, r[85] = eG);
-    let tG = eG, nG = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, rG = W == null ? void 0 : W.rawRows, iG = kW && !q, aG = (W == null ? void 0 : W.totalRows) ?? e.totalRows, oG = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, sG = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, cG;
-    r[86] !== l || r[87] !== YW || r[88] !== O || r[89] !== w || r[90] !== UW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== BW || r[95] !== VW || r[96] !== m || r[97] !== nG || r[98] !== rG || r[99] !== iG || r[100] !== aG || r[101] !== oG || r[102] !== sG || r[103] !== tG ? (cG = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[84] = O, r[85] = fG);
+    let pG = fG, mG = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, hG = W == null ? void 0 : W.rawRows, gG = VW && !q, _G = (W == null ? void 0 : W.totalRows) ?? e.totalRows, vG = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, yG = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, bG;
+    r[86] !== l || r[87] !== sG || r[88] !== O || r[89] !== w || r[90] !== tG || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== QW || r[95] !== $W || r[96] !== m || r[97] !== mG || r[98] !== hG || r[99] !== gG || r[100] !== _G || r[101] !== vG || r[102] !== yG || r[103] !== pG ? (bG = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: nG,
-      rawData: rG,
-      columnSummaries: YW,
+      data: mG,
+      rawData: hG,
+      columnSummaries: sG,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: iG,
-      totalRows: aG,
-      sizeBytes: BW,
-      sizeBytesIsLoading: VW,
+      reloading: gG,
+      totalRows: _G,
+      sizeBytes: QW,
+      sizeBytesIsLoading: $W,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: oG,
-      cellHoverTexts: sG,
-      toggleDisplayHeader: tG,
+      cellStyles: vG,
+      cellHoverTexts: yG,
+      toggleDisplayHeader: pG,
       isChartBuilderOpen: O,
-      getRow: UW,
+      getRow: tG,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[86] = l, r[87] = YW, r[88] = O, r[89] = w, r[90] = UW, r[91] = _, r[92] = e, r[93] = y, r[94] = BW, r[95] = VW, r[96] = m, r[97] = nG, r[98] = rG, r[99] = iG, r[100] = aG, r[101] = oG, r[102] = sG, r[103] = tG, r[104] = cG) : cG = r[104];
-    let lG = cG, uG;
-    r[105] !== l || r[106] !== lG || 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 ? (uG = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[86] = l, r[87] = sG, r[88] = O, r[89] = w, r[90] = tG, r[91] = _, r[92] = e, r[93] = y, r[94] = QW, r[95] = $W, r[96] = m, r[97] = mG, r[98] = hG, r[99] = gG, r[100] = _G, r[101] = vG, r[102] = yG, r[103] = pG, r[104] = bG) : bG = r[104];
+    let xG = bG, SG;
+    r[105] !== l || r[106] !== xG || 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 ? (SG = 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: lG,
+      dataTable: xG,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       rowHeaders: e.rowHeaders,
       cellId: l
-    }) : lG, r[105] = l, r[106] = lG, 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] = uG) : uG = r[115];
-    let dG;
-    return r[116] !== $W || r[117] !== uG ? (dG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : xG, r[105] = l, r[106] = xG, 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] = SG) : SG = r[115];
+    let CG;
+    return r[116] !== dG || r[117] !== SG ? (CG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        $W,
-        uG
+        dG,
+        SG
       ]
-    }), r[116] = $W, r[117] = uG, r[118] = dG) : dG = r[118], dG;
+    }), r[116] = dG, r[117] = SG, r[118] = CG) : CG = r[118], CG;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, showSearch: W, searchQuery: G, setSearchQuery: q, filters: kW, setFilters: Z, reloading: AW, freezeColumnsLeft: jW, freezeColumnsRight: MW, hiddenColumns: NW, textJustifyColumns: PW, wrappedColumns: FW, columnWidths: IW, headerTooltip: LW, totalColumns: RW, get_row_ids: zW, cellStyles: BW, hoverTemplate: VW, cellHoverTexts: HW, toggleDisplayHeader: UW, isChartBuilderOpen: WW, calculate_top_k_rows: GW, preview_column: KW, getRow: qW, cellId: JW, maxHeight: YW }) => {
-    let XW = (0, import_react.useId)(), { locale: ZW } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [QW, $W] = (0, import_react.useState)(0), { isPanelOpen: eG, isAnyPanelOpen: tG, togglePanel: nG, panelType: rG, setPanelType: iG } = usePanelOwnership(XW, JW), aG = isStaticNotebook(), oG = (0, import_react.useMemo)(() => {
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, showSearch: W, searchQuery: G, setSearchQuery: q, filters: VW, setFilters: HW, reloading: Z, freezeColumnsLeft: UW, freezeColumnsRight: WW, hiddenColumns: GW, textJustifyColumns: KW, wrappedColumns: qW, columnWidths: JW, headerTooltip: YW, totalColumns: XW, get_row_ids: ZW, cellStyles: QW, hoverTemplate: $W, cellHoverTexts: eG, toggleDisplayHeader: tG, isChartBuilderOpen: nG, calculate_top_k_rows: rG, preview_column: iG, getRow: aG, cellId: oG, maxHeight: sG }) => {
+    let cG = (0, import_react.useId)(), { locale: lG } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [uG, dG] = (0, import_react.useState)(0), { isPanelOpen: fG, isAnyPanelOpen: pG, togglePanel: mG, panelType: hG, setPanelType: gG } = usePanelOwnership(cG, oG), _G = isStaticNotebook(), vG = (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, {
@@ -16352,13 +16339,13 @@ ${c}
     }, [
       O,
       L
-    ]), sG = useDeepCompareMemoize(O ?? inferFieldTypes(r)), cG = (0, import_react.useMemo)(() => f === "all" ? sG : sG.slice(0, f), [
+    ]), yG = useDeepCompareMemoize(O ?? inferFieldTypes(r)), bG = (0, import_react.useMemo)(() => f === "all" ? yG : yG.slice(0, f), [
       f,
-      sG
-    ]), lG = (0, import_react.useMemo)(() => {
+      yG
+    ]), xG = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of cG) if (l2[0] === "number") {
+        for (let [c2, l2] of bG) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -16373,95 +16360,95 @@ ${c}
       return e2;
     }, [
       r,
-      cG
-    ]), uG = useDeepCompareMemoize(T), dG = useDeepCompareMemoize(PW), fG = useDeepCompareMemoize(FW), pG = useDeepCompareMemoize(IW), mG = useDeepCompareMemoize(oG), hG = useDeepCompareMemoize(lG), gG = cG.length;
-    O || (w = false), aG && (m = null);
-    let _G = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: uG,
+      bG
+    ]), SG = useDeepCompareMemoize(T), CG = useDeepCompareMemoize(KW), wG = useDeepCompareMemoize(qW), TG = useDeepCompareMemoize(JW), EG = useDeepCompareMemoize(vG), DG = useDeepCompareMemoize(xG), OG = bG.length;
+    O || (w = false), _G && (m = null);
+    let kG = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: SG,
       selection: m,
-      chartSpecModel: mG,
-      fieldTypes: cG,
-      textJustifyColumns: dG,
-      wrappedColumns: fG,
-      columnWidths: pG,
-      headerTooltip: LW,
+      chartSpecModel: EG,
+      fieldTypes: bG,
+      textJustifyColumns: CG,
+      wrappedColumns: wG,
+      columnWidths: TG,
+      headerTooltip: YW,
       showDataTypes: w,
-      calculateTopKRows: GW,
-      fractionDigitsByColumn: hG
+      calculateTopKRows: rG,
+      fractionDigitsByColumn: DG
     }), [
       m,
       w,
-      mG,
-      uG,
-      cG,
-      dG,
-      fG,
-      pG,
-      LW,
-      GW,
-      hG
-    ]), vG = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
+      EG,
+      SG,
+      bG,
+      CG,
+      wG,
+      TG,
+      YW,
+      rG,
+      DG
+    ]), AG = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
       e2,
       true
     ])), [
       h
-    ]), yG = useEvent_default((e2) => {
+    ]), jG = useEvent_default((e2) => {
       if (m === "single") {
         let r2 = Functions.asUpdater(e2)({});
         z(Object.keys(r2).slice(0, 1));
       }
       if (m === "multi") {
-        let r2 = Functions.asUpdater(e2)(vG);
+        let r2 = Functions.asUpdater(e2)(AG);
         z(Object.keys(r2));
       }
-    }), bG = useEvent_default((e2) => {
-      if ($W(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), MG = useEvent_default((e2) => {
+      if (dG(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
       }));
-    }), xG = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), SG = useEvent_default((e2) => {
-      m === "single-cell" && z(Functions.asUpdater(e2)(xG).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(xG));
-    }), CG = m === "multi" || m === "single", wG = y && !!KW, TG = isInVscodeExtension(), EG = isIslands(), DG = (0, import_react.useMemo)(() => {
-      if (!(!tG || !(b || wG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+    }), NG = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), PG = useEvent_default((e2) => {
+      m === "single-cell" && z(Functions.asUpdater(e2)(NG).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(NG));
+    }), FG = m === "multi" || m === "single", IG = y && !!iG, LG = isInVscodeExtension(), RG = isIslands(), zG = (0, import_react.useMemo)(() => {
+      if (!(!pG || !(b || IG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
         children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-          rowIdx: QW,
-          setRowIdx: bG,
+          rowIdx: uG,
+          setRowIdx: MG,
           totalRows: l,
-          fieldTypes: sG,
-          getRow: qW,
-          isSelectable: CG,
-          isRowSelected: !!vG[QW],
-          handleRowSelectionChange: yG,
-          previewColumn: KW,
-          totalColumns: RW,
-          tableId: XW,
+          fieldTypes: yG,
+          getRow: aG,
+          isSelectable: FG,
+          isRowSelected: !!AG[uG],
+          handleRowSelectionChange: jG,
+          previewColumn: iG,
+          totalColumns: XW,
+          tableId: cG,
           table: e2,
-          showRowExplorer: b && !TG,
-          showColumnExplorer: wG && !TG,
-          activeTab: rG,
-          onTabChange: iG
+          showRowExplorer: b && !LG,
+          showColumnExplorer: IG && !LG,
+          activeTab: hG,
+          onTabChange: gG
         })
       });
     }, [
-      tG,
+      pG,
       b,
-      wG,
-      QW,
-      bG,
+      IG,
+      uG,
+      MG,
       l,
-      sG,
-      qW,
-      CG,
-      vG,
       yG,
-      KW,
-      RW,
+      aG,
+      FG,
+      AG,
+      jG,
+      iG,
       XW,
-      TG,
-      rG,
-      iG
+      cG,
+      LG,
+      hG,
+      gG
     ]);
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
@@ -16473,27 +16460,27 @@ ${c}
             " rows."
           ]
         }),
-        gG < RW && gG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        OG < XW && OG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            gG,
+            OG,
             " of ",
-            RW,
+            XW,
             " columns."
           ]
         }),
-        aG && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
+        _G && 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, ZW)
+              children: prettyNumber(r.length, lG)
             }),
             " ",
             "of ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(l, ZW)
+              children: prettyNumber(l, lG)
             }),
             " rows. Increase the table's ",
             (0, import_jsx_runtime.jsx)("code", {
@@ -16507,7 +16494,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: vG,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -16515,14 +16502,14 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: _G,
+              columns: kG,
               className: R,
-              maxHeight: YW,
+              maxHeight: sG,
               sorting: B,
               totalRows: l,
               sizeBytes: u,
               sizeBytesIsLoading: d,
-              totalColumns: RW,
+              totalColumns: XW,
               manualSorting: true,
               setSorting: H,
               pagination: p,
@@ -16530,37 +16517,37 @@ ${c}
               selection: m,
               paginationState: j,
               setPaginationState: M,
-              rowSelection: vG,
-              cellSelection: xG,
-              cellStyling: BW,
-              hoverTemplate: VW,
-              cellHoverTexts: HW,
+              rowSelection: AG,
+              cellSelection: NG,
+              cellStyling: QW,
+              hoverTemplate: $W,
+              cellHoverTexts: eG,
               downloadAs: _ ? I : void 0,
               showSearch: W,
               searchQuery: G,
               onSearchQueryChange: q,
               showFilters: g,
-              filters: kW,
-              onFiltersChange: Z,
-              calculateTopKRows: GW,
-              reloading: AW,
-              onRowSelectionChange: yG,
-              freezeColumnsLeft: jW,
-              freezeColumnsRight: MW,
-              hiddenColumns: NW,
-              onCellSelectionChange: SG,
-              getRowIds: zW,
-              toggleDisplayHeader: UW,
-              showChartBuilder: S && !EG,
-              isChartBuilderOpen: WW,
+              filters: VW,
+              onFiltersChange: HW,
+              calculateTopKRows: rG,
+              reloading: Z,
+              onRowSelectionChange: jG,
+              freezeColumnsLeft: UW,
+              freezeColumnsRight: WW,
+              hiddenColumns: GW,
+              onCellSelectionChange: PG,
+              getRowIds: ZW,
+              toggleDisplayHeader: tG,
+              showChartBuilder: S && !RG,
+              isChartBuilderOpen: nG,
               showPageSizeSelector: v,
-              showTableExplorer: (b || wG) && !TG && !EG,
-              togglePanel: nG,
-              isPanelOpen: eG,
-              isAnyPanelOpen: tG,
-              viewedRowIdx: QW,
-              onViewedRowChange: (e2) => $W(e2),
-              renderTableExplorerPanel: DG
+              showTableExplorer: (b || IG) && !LG && !RG,
+              togglePanel: mG,
+              isPanelOpen: fG,
+              isAnyPanelOpen: pG,
+              viewedRowIdx: uG,
+              onViewedRowChange: (e2) => dG(e2),
+              renderTableExplorerPanel: zG
             })
           })
         })
@@ -16919,7 +16906,7 @@ ${c}
       fullWidth: m,
       children: T
     }), r[20] = m, r[21] = g, r[22] = c, r[23] = T, r[24] = E) : E = r[24], E;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-CU4fZJzG.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-Cmq_9LVS.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object({
     label: string().nullish(),
     data: string()
@@ -18612,29 +18599,29 @@ ${c}
     ], r[2] = S, r[3] = w);
     let { data: T, error: O, isPending: j } = useAsyncData(b, w), M;
     r[4] === T ? M = r[5] : (M = T || {}, r[4] = T, r[5] = M);
-    let { url: I, total_rows: L, row_headers: R, field_types: z, column_types_per_step: B, python_code: H, sql_code: W } = M, G = z == null ? void 0 : z.length, [q, kW] = (0, import_react.useState)(f || EMPTY), Z = (0, import_react.useRef)(null), AW;
-    r[6] === d ? AW = r[7] : (AW = (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, VW] = (0, import_react.useState)(f || EMPTY), HW = (0, import_react.useRef)(null), Z;
+    r[6] === d ? Z = r[7] : (Z = (e2) => {
       var _a5;
-      d && e2 !== "transform" && ((_a5 = Z.current) == null ? void 0 : _a5.submit());
-    }, r[6] = d, r[7] = AW);
-    let jW = AW, MW = (0, import_react.useRef)(q), NW;
-    r[8] === q ? NW = r[9] : (NW = () => {
-      MW.current = q;
-    }, r[8] = q, r[9] = NW), (0, import_react.useEffect)(NW);
-    let PW;
-    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (PW = () => {
-      let e2 = MW.current;
+      d && e2 !== "transform" && ((_a5 = HW.current) == null ? void 0 : _a5.submit());
+    }, r[6] = d, r[7] = Z);
+    let UW = Z, WW = (0, import_react.useRef)(q), GW;
+    r[8] === q ? GW = r[9] : (GW = () => {
+      WW.current = q;
+    }, r[8] = q, r[9] = GW), (0, import_react.useEffect)(GW);
+    let KW;
+    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (KW = () => {
+      let e2 = WW.current;
       (f == null ? void 0 : f.transforms.length) !== e2.transforms.length && p(e2);
-    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = PW) : PW = r[12];
-    let FW = f == null ? void 0 : f.transforms.length, IW;
-    r[13] !== T || r[14] !== p || r[15] !== FW ? (IW = [
+    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = KW) : KW = r[12];
+    let qW = f == null ? void 0 : f.transforms.length, JW;
+    r[13] !== T || r[14] !== p || r[15] !== qW ? (JW = [
       T,
-      FW,
-      MW,
+      qW,
+      WW,
       p
-    ], r[13] = T, r[14] = p, r[15] = FW, r[16] = IW) : IW = r[16], (0, import_react.useEffect)(PW, IW);
-    let LW;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (LW = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = T, r[14] = p, r[15] = qW, r[16] = JW) : JW = r[16], (0, import_react.useEffect)(KW, JW);
+    let YW;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (YW = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -18643,9 +18630,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = LW) : LW = r[17];
-    let RW;
-    r[18] === H ? RW = r[19] : (RW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = YW) : YW = r[17];
+    let XW;
+    r[18] === H ? XW = r[19] : (XW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -18654,9 +18641,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = H, r[19] = RW);
-    let zW;
-    r[20] === W ? zW = r[21] : (zW = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = H, r[19] = XW);
+    let ZW;
+    r[20] === W ? ZW = r[21] : (ZW = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -18665,54 +18652,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = W, r[21] = zW);
-    let BW;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (BW = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = W, r[21] = ZW);
+    let QW;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (QW = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = BW) : BW = r[22];
-    let VW;
-    r[23] !== RW || r[24] !== zW ? (VW = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = QW) : QW = r[22];
+    let $W;
+    r[23] !== XW || r[24] !== ZW ? ($W = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        LW,
-        RW,
-        zW,
-        BW
+        YW,
+        XW,
+        ZW,
+        QW
       ]
-    }), r[23] = RW, r[24] = zW, r[25] = VW) : VW = r[25];
-    let HW;
-    r[26] === j ? HW = r[27] : (HW = j && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = XW, r[24] = ZW, r[25] = $W) : $W = r[25];
+    let eG;
+    r[26] === j ? eG = r[27] : (eG = j && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = j, r[27] = HW);
-    let UW;
-    r[28] !== VW || r[29] !== HW ? (UW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = j, r[27] = eG);
+    let tG;
+    r[28] !== $W || r[29] !== eG ? (tG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        VW,
-        HW
+        $W,
+        eG
       ]
-    }), r[28] = VW, r[29] = HW, r[30] = UW) : UW = r[30];
-    let WW;
-    r[31] !== p || r[32] !== f ? (WW = (e2) => {
-      dequal(e2, f) || (p(e2), kW(e2));
-    }, r[31] = p, r[32] = f, r[33] = WW) : WW = r[33];
-    let GW;
-    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== WW ? (GW = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[28] = $W, r[29] = eG, r[30] = tG) : tG = r[30];
+    let nG;
+    r[31] !== p || r[32] !== f ? (nG = (e2) => {
+      dequal(e2, f) || (p(e2), VW(e2));
+    }, r[31] = p, r[32] = f, r[33] = nG) : nG = r[33];
+    let rG;
+    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== nG ? (rG = (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,
+        ref: HW,
         initialValue: q,
         columns: c,
-        onChange: WW,
-        onInvalidChange: kW,
+        onChange: nG,
+        onInvalidChange: VW,
         getColumnValues: h,
         columnTypesPerStep: B,
         lazy: d
       })
-    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = WW, r[40] = GW) : GW = r[40];
-    let KW;
-    r[41] === H ? KW = r[42] : (KW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = nG, r[40] = rG) : rG = r[40];
+    let iG;
+    r[41] === H ? iG = r[42] : (iG = 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, {
@@ -18721,9 +18708,9 @@ ${c}
         code: H,
         language: "python"
       })
-    }), r[41] = H, r[42] = KW);
-    let qW;
-    r[43] === W ? qW = r[44] : (qW = W && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = H, r[42] = iG);
+    let aG;
+    r[43] === W ? aG = r[44] : (aG = 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, {
@@ -18732,35 +18719,35 @@ ${c}
         code: W,
         language: "sql"
       })
-    }), r[43] = W, r[44] = qW);
-    let JW;
-    r[45] !== jW || r[46] !== UW || r[47] !== GW || r[48] !== KW || r[49] !== qW ? (JW = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = W, r[44] = aG);
+    let oG;
+    r[45] !== UW || r[46] !== tG || r[47] !== rG || r[48] !== iG || r[49] !== aG ? (oG = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: jW,
+      onValueChange: UW,
       children: [
-        UW,
-        GW,
-        KW,
-        qW
+        tG,
+        rG,
+        iG,
+        aG
       ]
-    }), r[45] = jW, r[46] = UW, r[47] = GW, r[48] = KW, r[49] = qW, r[50] = JW) : JW = r[50];
-    let YW;
-    r[51] === O ? YW = r[52] : (YW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = UW, r[46] = tG, r[47] = rG, r[48] = iG, r[49] = aG, r[50] = oG) : oG = 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] = YW);
-    let XW = I || "", ZW = L ?? 0, QW = G ?? 0, $W = R || Arrays.EMPTY, eG = L && L > 5 || false, tG;
-    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== XW || r[61] !== ZW || r[62] !== QW || r[63] !== $W || r[64] !== eG ? (tG = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = O, r[52] = sG);
+    let cG = I || "", lG = L ?? 0, uG = G ?? 0, dG = R || Arrays.EMPTY, fG = L && L > 5 || false, pG;
+    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== cG || r[61] !== lG || r[62] !== uG || r[63] !== dG || r[64] !== fG ? (pG = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: XW,
+      data: cG,
       hasStableRowId: false,
-      totalRows: ZW,
-      totalColumns: QW,
+      totalRows: lG,
+      totalColumns: uG,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: z,
-      rowHeaders: $W,
+      rowHeaders: dG,
       showDownload: u,
       download_as: _,
       get_size_bytes: v,
@@ -18770,7 +18757,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: eG,
+      showPageSizeSelector: fG,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -18779,15 +18766,15 @@ ${c}
       selection: null,
       lazy: false,
       host: y
-    }), r[53] = _, r[54] = z, r[55] = v, r[56] = y, r[57] = l, r[58] = g, r[59] = u, r[60] = XW, r[61] = ZW, r[62] = QW, r[63] = $W, r[64] = eG, r[65] = tG) : tG = r[65];
-    let nG;
-    return r[66] !== JW || r[67] !== YW || r[68] !== tG ? (nG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = _, r[54] = z, r[55] = v, r[56] = y, r[57] = l, r[58] = g, r[59] = u, r[60] = cG, r[61] = lG, r[62] = uG, r[63] = dG, r[64] = fG, r[65] = pG) : pG = r[65];
+    let mG;
+    return r[66] !== oG || r[67] !== sG || r[68] !== pG ? (mG = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        JW,
-        YW,
-        tG
+        oG,
+        sG,
+        pG
       ]
-    }), r[66] = JW, r[67] = YW, r[68] = tG, r[69] = nG) : nG = r[69], nG;
+    }), r[66] = oG, r[67] = sG, r[68] = pG, r[69] = mG) : mG = r[69], mG;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -18971,30 +18958,30 @@ ${c}
     }, [
       B
     ]);
-    let H = `${g}::${I}`, [W, q] = (0, import_react.useState)(H);
-    W !== H && (q(H), E(0)), (0, import_react.useLayoutEffect)(() => {
+    let H = `${g}::${I}`, [W, G] = (0, import_react.useState)(H);
+    W !== H && (G(H), E(0)), (0, import_react.useLayoutEffect)(() => {
       var _a6;
       M.current && (M.current = false, (_a6 = O.current[0]) == null ? void 0 : _a6.focus());
     }, [
       H
     ]);
-    let kW = (R == null ? void 0 : R.files) ?? [], Z = new Set(e.map((e2) => e2.path)), AW = l === "directory" || l === "all", jW = l === "file" || l === "all", MW = kW.filter((e2) => AW && e2.is_directory || jW && !e2.is_directory), NW = MW.length > 0 && MW.every((e2) => Z.has(e2.path));
+    let VW = (R == null ? void 0 : R.files) ?? [], HW = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", UW = l === "file" || l === "all", WW = VW.filter((e2) => Z && e2.is_directory || UW && !e2.is_directory), GW = WW.length > 0 && WW.every((e2) => HW.has(e2.path));
     if (!R && z) return (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       children: z.message
     });
-    let PW = PathBuilder.guessDeliminator(c).deliminator, FW = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
+    let KW = PathBuilder.guessDeliminator(c).deliminator, qW = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
       children: e2.path
     }, e2.id));
-    function IW(e2) {
+    function JW(e2) {
       var _a6;
       if (v) return;
       if (y(true), e2 === PARENT_DIRECTORY) {
-        if (g === PW) {
+        if (g === KW) {
           y(false);
           return;
         }
-        e2 = Paths.dirname(g), e2 === "" && (e2 = PW);
+        e2 = Paths.dirname(g), e2 === "" && (e2 = KW);
       }
       let r2 = e2.length < c.length;
       if (f && r2) {
@@ -19007,7 +18994,7 @@ ${c}
       }
       M.current = ((_a6 = j.current) == null ? void 0 : _a6.contains(document.activeElement)) ?? false, _(e2), y(false);
     }
-    function LW({ path: e2, name: r2, isDirectory: c2 }) {
+    function XW({ path: e2, name: r2, isDirectory: c2 }) {
       return {
         id: e2,
         name: r2,
@@ -19015,27 +19002,27 @@ ${c}
         is_directory: c2
       };
     }
-    function BW({ path: c2, name: l2, isDirectory: d2 }) {
-      let f2 = LW({
+    function ZW({ path: c2, name: l2, isDirectory: d2 }) {
+      let f2 = XW({
         path: c2,
         name: l2,
         isDirectory: d2
       });
-      Z.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
+      HW.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
         ...e,
         f2
       ] : [
         f2
       ]);
     }
-    function VW() {
+    function QW() {
       r(e.filter((e2) => Paths.dirname(e2.path) !== g));
     }
-    function HW() {
+    function $W() {
       let c2 = [];
-      for (let e2 of kW) {
-        if (!AW && e2.is_directory || Z.has(e2.path)) continue;
-        let r2 = LW({
+      for (let e2 of VW) {
+        if (!Z && e2.is_directory || HW.has(e2.path)) continue;
+        let r2 = XW({
           path: e2.path,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -19047,20 +19034,20 @@ ${c}
         ...c2
       ]);
     }
-    let UW = [
+    let eG = [
       {
         key: "parent",
         name: PARENT_DIRECTORY,
         Icon: CornerLeftUp,
         isSelected: false,
         canSelect: false,
-        onPrimary: () => IW(PARENT_DIRECTORY),
+        onPrimary: () => JW(PARENT_DIRECTORY),
         onToggleSelect: null
       },
-      ...kW.map((e2) => {
+      ...VW.map((e2) => {
         let r2 = e2.path;
         r2.startsWith("//") && (r2 = r2.slice(1));
-        let c2 = AW && e2.is_directory || jW && !e2.is_directory, l2 = Z.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => BW({
+        let c2 = Z && e2.is_directory || UW && !e2.is_directory, l2 = HW.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => ZW({
           path: r2,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -19071,46 +19058,46 @@ ${c}
           Icon: FILE_ICON[u2],
           isSelected: l2,
           canSelect: c2,
-          onPrimary: e2.is_directory ? () => IW(r2) : c2 ? d2 : () => {
+          onPrimary: e2.is_directory ? () => JW(r2) : c2 ? d2 : () => {
           },
           onToggleSelect: c2 ? d2 : null
         };
       })
     ];
-    function WW(e2) {
+    function tG(e2) {
       var _a6;
       E(e2), (_a6 = O.current[e2]) == null ? void 0 : _a6.focus();
     }
-    function GW(e2, r2) {
+    function nG(e2, r2) {
       var _a6, _b3;
-      let c2 = UW.length - 1;
+      let c2 = eG.length - 1;
       switch (e2.key) {
         case "ArrowDown":
-          e2.preventDefault(), WW(Math.min(r2 + 1, c2));
+          e2.preventDefault(), tG(Math.min(r2 + 1, c2));
           break;
         case "ArrowUp":
-          e2.preventDefault(), WW(Math.max(r2 - 1, 0));
+          e2.preventDefault(), tG(Math.max(r2 - 1, 0));
           break;
         case "Home":
-          e2.preventDefault(), WW(0);
+          e2.preventDefault(), tG(0);
           break;
         case "End":
-          e2.preventDefault(), WW(c2);
+          e2.preventDefault(), tG(c2);
           break;
         case "Enter":
-          e2.preventDefault(), UW[r2].onPrimary();
+          e2.preventDefault(), eG[r2].onPrimary();
           break;
         case " ":
-          e2.preventDefault(), (_b3 = (_a6 = UW[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a6);
+          e2.preventDefault(), (_b3 = (_a6 = eG[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a6);
           break;
       }
     }
-    let { parentDirectories: KW } = getProtocolAndParentDirectories({
+    let { parentDirectories: rG } = getProtocolAndParentDirectories({
       path: g,
-      delimiter: PW,
+      delimiter: KW,
       initialPath: c,
       restrictNavigation: f
-    }), qW = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+    }), iG = 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, {
@@ -19120,7 +19107,7 @@ ${c}
         (() => {
           let e2 = (0, import_jsx_runtime.jsx)(Label, {
             children: renderHTML({
-              html: d ?? `Select ${qW.join(" and ", 2)}...`
+              html: d ?? `Select ${iG.join(" and ", 2)}...`
             })
           });
           return u ? (0, import_jsx_runtime.jsxs)("div", {
@@ -19134,8 +19121,8 @@ ${c}
                 children: (0, import_jsx_runtime.jsx)(Button, {
                   size: "xs",
                   variant: "link",
-                  onClick: NW ? VW : HW,
-                  children: NW ? "Deselect all" : "Select all"
+                  onClick: GW ? QW : $W,
+                  children: GW ? "Deselect all" : "Select all"
                 })
               })
             ]
@@ -19145,15 +19132,15 @@ ${c}
           className: "mt-2 w-full",
           placeholder: g,
           value: g,
-          onChange: (e2) => IW(e2.target.value),
-          children: KW.map((e2) => (0, import_jsx_runtime.jsx)("option", {
+          onChange: (e2) => JW(e2.target.value),
+          children: rG.map((e2) => (0, import_jsx_runtime.jsx)("option", {
             value: e2,
             children: e2
           }, e2))
         }),
         R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
           className: "text-xs text-muted-foreground mt-1 px-1",
-          children: R.is_truncated ? `Showing ${kW.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
+          children: R.is_truncated ? `Showing ${VW.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
         }),
         (0, import_jsx_runtime.jsxs)("div", {
           className: "mt-3 overflow-y-auto w-full border relative",
@@ -19182,14 +19169,14 @@ ${c}
               "aria-label": "File browser",
               "aria-multiselectable": u,
               children: (0, import_jsx_runtime.jsx)(TableBody, {
-                children: UW.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
+                children: eG.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
                   role: "row",
                   ref: (e3) => {
                     O.current[r2] = e3;
                   },
                   tabIndex: r2 === T ? 0 : -1,
                   onFocus: () => E(r2),
-                  onKeyDown: (e3) => GW(e3, r2),
+                  onKeyDown: (e3) => nG(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
                   }),
@@ -19232,7 +19219,7 @@ ${c}
                     children: [
                       e.length,
                       " ",
-                      qW.join(" or ", e.length),
+                      iG.join(" or ", e.length),
                       " ",
                       "selected"
                     ]
@@ -19252,7 +19239,7 @@ ${c}
                     marginBlock: 0
                   },
                   className: "m-0 text-xs text-muted-foreground",
-                  children: FW
+                  children: qW
                 })
               })
             ]
@@ -24634,55 +24621,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), kW = (0, import_react.useRef)(null), Z = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), AW = Z[0], jW = Z[1], MW = AW.isFocused, NW = AW.isFileDialogActive, PW = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), FW = function() {
-      !PW.current && NW && setTimeout(function() {
-        kW.current && (kW.current.files.length || (jW({
+    ]), q = (0, import_react.useRef)(null), VW = (0, import_react.useRef)(null), HW = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), Z = HW[0], UW = HW[1], WW = Z.isFocused, GW = Z.isFileDialogActive, KW = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), qW = function() {
+      !KW.current && GW && setTimeout(function() {
+        VW.current && (VW.current.files.length || (UW({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", FW, false), function() {
-        window.removeEventListener("focus", FW, false);
+      return window.addEventListener("focus", qW, false), function() {
+        window.removeEventListener("focus", qW, false);
       };
     }, [
-      kW,
-      NW,
+      VW,
+      GW,
       G,
-      PW
+      KW
     ]);
-    var IW = (0, import_react.useRef)([]), LW = (0, import_react.useRef)([]), RW = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), IW.current = []);
+    var JW = (0, import_react.useRef)([]), YW = (0, import_react.useRef)([]), XW = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), JW.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", RW, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", RW));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", XW, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", XW));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        LW.current = [].concat(_toConsumableArray(LW.current), [
+        YW.current = [].concat(_toConsumableArray(YW.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && jW({
+        ]), isEvtWithFiles(e3) && UW({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        LW.current = LW.current.filter(function(r3) {
+        YW.current = YW.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(LW.current.length > 0) && jW({
+        }), !(YW.current.length > 0) && UW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        LW.current = [], jW({
+        YW.current = [], UW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        LW.current = [], jW({
+        YW.current = [], UW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -24700,12 +24687,12 @@ ${c}
       E,
       l
     ]);
-    var zW = (0, import_react.useCallback)(function(e2) {
+    var ZW = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), BW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), $W(e2), IW.current = [].concat(_toConsumableArray(IW.current), [
+    ]), QW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), dG(e2), JW.current = [].concat(_toConsumableArray(JW.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -24718,7 +24705,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          jW({
+          UW({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -24726,12 +24713,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return zW(e3);
+        return ZW(e3);
       });
     }, [
       u,
       h,
-      zW,
+      ZW,
       L,
       B,
       f,
@@ -24739,8 +24726,8 @@ ${c}
       p,
       m,
       z
-    ]), VW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), $W(e2);
+    ]), $W = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), dG(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -24750,12 +24737,12 @@ ${c}
     }, [
       _,
       L
-    ]), HW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), $W(e2);
-      var r2 = IW.current.filter(function(e3) {
+    ]), eG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), dG(e2);
+      var r2 = JW.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), IW.current = r2, !(r2.length > 0) && (jW({
+      c2 !== -1 && r2.splice(c2, 1), JW.current = r2, !(r2.length > 0) && (UW({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -24765,7 +24752,7 @@ ${c}
       q,
       g,
       L
-    ]), UW = (0, import_react.useCallback)(function(e2, r2) {
+    ]), tG = (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;
@@ -24789,14 +24776,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), jW({
+      }), c2.splice(0)), UW({
         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);
     }, [
-      jW,
+      UW,
       p,
       B,
       f,
@@ -24806,22 +24793,22 @@ ${c}
       y,
       b,
       z
-    ]), WW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), $W(e2), IW.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || UW(r2, e2);
+    ]), nG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), dG(e2), JW.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || tG(r2, e2);
       }).catch(function(e3) {
-        return zW(e3);
-      }), jW({
+        return ZW(e3);
+      }), UW({
         type: "reset"
       });
     }, [
       u,
-      UW,
-      zW,
+      tG,
+      ZW,
       L
-    ]), GW = (0, import_react.useCallback)(function() {
-      if (PW.current) {
-        jW({
+    ]), rG = (0, import_react.useCallback)(function() {
+      if (KW.current) {
+        UW({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -24831,66 +24818,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          UW(e3, null), jW({
+          tG(e3, null), UW({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), jW({
+          isAbort(e3) ? (G(e3), UW({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (PW.current = false, kW.current ? (kW.current.value = null, kW.current.click()) : zW(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."))) : zW(e3);
+          })) : isSecurityError(e3) ? (KW.current = false, VW.current ? (VW.current.value = null, VW.current.click()) : ZW(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."))) : ZW(e3);
         });
         return;
       }
-      kW.current && (jW({
+      VW.current && (UW({
         type: "openDialog"
-      }), W(), kW.current.value = null, kW.current.click());
+      }), W(), VW.current.value = null, VW.current.click());
     }, [
-      jW,
+      UW,
       W,
       G,
       T,
-      UW,
-      zW,
+      tG,
+      ZW,
       H,
       p
-    ]), KW = (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(), GW());
+    ]), iG = (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(), rG());
     }, [
       q,
-      GW
-    ]), qW = (0, import_react.useCallback)(function() {
-      jW({
+      rG
+    ]), aG = (0, import_react.useCallback)(function() {
+      UW({
         type: "focus"
       });
-    }, []), JW = (0, import_react.useCallback)(function() {
-      jW({
+    }, []), oG = (0, import_react.useCallback)(function() {
+      UW({
         type: "blur"
       });
-    }, []), YW = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(GW, 0) : GW());
+    }, []), sG = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(rG, 0) : rG());
     }, [
       j,
-      GW
-    ]), XW = function(e2) {
+      rG
+    ]), cG = function(e2) {
       return l ? null : e2;
-    }, ZW = function(e2) {
-      return M ? null : XW(e2);
-    }, QW = function(e2) {
-      return I ? null : XW(e2);
-    }, $W = function(e2) {
+    }, lG = function(e2) {
+      return M ? null : cG(e2);
+    }, uG = function(e2) {
+      return I ? null : cG(e2);
+    }, dG = function(e2) {
       L && e2.stopPropagation();
-    }, eG = (0, import_react.useMemo)(function() {
+    }, fG = (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: ZW(composeEventHandlers(d2, KW)),
-          onFocus: ZW(composeEventHandlers(f2, qW)),
-          onBlur: ZW(composeEventHandlers(p2, JW)),
-          onClick: XW(composeEventHandlers(m2, YW)),
-          onDragEnter: QW(composeEventHandlers(h2, BW)),
-          onDragOver: QW(composeEventHandlers(g2, VW)),
-          onDragLeave: QW(composeEventHandlers(_2, HW)),
-          onDrop: QW(composeEventHandlers(v2, WW)),
+          onKeyDown: lG(composeEventHandlers(d2, iG)),
+          onFocus: lG(composeEventHandlers(f2, aG)),
+          onBlur: lG(composeEventHandlers(p2, oG)),
+          onClick: cG(composeEventHandlers(m2, sG)),
+          onDragEnter: uG(composeEventHandlers(h2, QW)),
+          onDragOver: uG(composeEventHandlers(g2, $W)),
+          onDragLeave: uG(composeEventHandlers(_2, eG)),
+          onDrop: uG(composeEventHandlers(v2, nG)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -24898,20 +24885,20 @@ ${c}
       };
     }, [
       q,
-      KW,
-      qW,
-      JW,
-      YW,
-      BW,
-      VW,
-      HW,
-      WW,
+      iG,
+      aG,
+      oG,
+      sG,
+      QW,
+      $W,
+      eG,
+      nG,
       M,
       I,
       l
-    ]), tG = (0, import_react.useCallback)(function(e2) {
+    ]), pG = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), nG = (0, import_react.useMemo)(function() {
+    }, []), mG = (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({
@@ -24930,25 +24917,25 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: XW(composeEventHandlers(l2, WW)),
-          onClick: XW(composeEventHandlers(u2, tG)),
+          onChange: cG(composeEventHandlers(l2, nG)),
+          onClick: cG(composeEventHandlers(u2, pG)),
           tabIndex: -1
-        }, c2, kW)), d2);
+        }, c2, VW)), d2);
       };
     }, [
-      kW,
+      VW,
       c,
       p,
-      WW,
+      nG,
       l
     ]);
-    return _objectSpread$7(_objectSpread$7({}, AW), {}, {
-      isFocused: MW && !l,
-      getRootProps: eG,
-      getInputProps: nG,
+    return _objectSpread$7(_objectSpread$7({}, Z), {}, {
+      isFocused: WW && !l,
+      getRootProps: fG,
+      getInputProps: mG,
       rootRef: q,
-      inputRef: kW,
-      open: XW(GW)
+      inputRef: VW,
+      open: cG(rG)
     });
   }
   function reducer$2(e, r) {
@@ -25064,7 +25051,7 @@ ${c}
     r[2] === u ? g = r[3] : (g = (e2) => {
       filesToBase64(e2).then((e3) => {
         u(e3);
-      }).catch(_temp5$1);
+      }).catch(_temp5);
     }, r[2] = u, r[3] = g);
     let _;
     r[4] !== l || r[5] !== h || r[6] !== f || r[7] !== g ? (_ = {
@@ -25180,47 +25167,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", kW = T && "text-destructive", Z;
-    r[48] !== q || r[49] !== kW ? (Z = cn(q, kW), r[48] = q, r[49] = kW, r[50] = Z) : Z = r[50];
-    let AW;
-    r[51] === Z ? AW = r[52] : (AW = (0, import_jsx_runtime.jsx)(Upload, {
+    let q = w && "text-primary", VW = T && "text-destructive", HW;
+    r[48] !== q || r[49] !== VW ? (HW = cn(q, VW), r[48] = q, r[49] = VW, r[50] = HW) : HW = r[50];
+    let Z;
+    r[51] === HW ? Z = r[52] : (Z = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
-      className: Z
-    }), r[51] = Z, r[52] = AW);
-    let jW = w && "text-primary", MW = T && "text-destructive", NW;
-    r[53] !== jW || r[54] !== MW ? (NW = cn(jW, MW), r[53] = jW, r[54] = MW, r[55] = NW) : NW = r[55];
-    let PW;
-    r[56] === NW ? PW = r[57] : (PW = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+      className: HW
+    }), r[51] = HW, r[52] = Z);
+    let UW = w && "text-primary", WW = T && "text-destructive", GW;
+    r[53] !== UW || r[54] !== WW ? (GW = cn(UW, WW), r[53] = UW, r[54] = WW, r[55] = GW) : GW = r[55];
+    let KW;
+    r[56] === GW ? KW = r[57] : (KW = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
-      className: NW
-    }), r[56] = NW, r[57] = PW);
-    let FW;
-    r[58] !== AW || r[59] !== PW ? (FW = (0, import_jsx_runtime.jsxs)("div", {
+      className: GW
+    }), r[56] = GW, r[57] = KW);
+    let qW;
+    r[58] !== Z || r[59] !== KW ? (qW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
-        AW,
-        PW
+        Z,
+        KW
       ]
-    }), r[58] = AW, r[59] = PW, r[60] = FW) : FW = r[60];
-    let IW;
-    r[61] !== G || r[62] !== FW ? (IW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = Z, r[59] = KW, r[60] = qW) : qW = r[60];
+    let JW;
+    r[61] !== G || r[62] !== qW ? (JW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        FW
+        qW
       ]
-    }), r[61] = G, r[62] = FW, r[63] = IW) : IW = r[63];
-    let LW;
-    r[64] !== W || r[65] !== IW || r[66] !== z || r[67] !== B ? (LW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = qW, r[63] = JW) : JW = r[63];
+    let XW;
+    r[64] !== W || r[65] !== JW || r[66] !== z || r[67] !== B ? (XW = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        IW
+        JW
       ]
-    }), r[64] = W, r[65] = IW, r[66] = z, r[67] = B, r[68] = LW) : LW = r[68];
-    let RW;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (RW = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = JW, r[66] = z, r[67] = B, r[68] = XW) : XW = r[68];
+    let ZW;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (ZW = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -25256,17 +25243,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = RW) : RW = r[74];
-    let BW;
-    return r[75] !== LW || r[76] !== RW ? (BW = (0, import_jsx_runtime.jsx)("section", {
+    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = ZW) : ZW = r[74];
+    let QW;
+    return r[75] !== XW || r[76] !== ZW ? (QW = (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: [
-          LW,
-          RW
+          XW,
+          ZW
         ]
       })
-    }), r[75] = LW, r[76] = RW, r[77] = BW) : BW = r[77], BW;
+    }), r[75] = XW, r[76] = ZW, r[77] = QW) : QW = r[77], QW;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -25298,7 +25285,7 @@ ${c}
       variant: "danger"
     });
   }
-  function _temp5$1(e) {
+  function _temp5(e) {
     Logger.error(e), toast({
       title: "File upload failed",
       description: "Failed to convert file to base64.",
@@ -25362,75 +25349,75 @@ ${c}
     r[10] !== u || r[11] !== d ? (q = (e2) => {
       e2.key === "Enter" && (e2.ctrlKey || e2.metaKey) && (e2.preventDefault(), e2.stopPropagation(), d(u));
     }, r[10] = u, r[11] = d, r[12] = q) : q = r[12];
-    let kW;
-    r[13] === f ? kW = r[14] : (kW = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    let VW;
+    r[13] === f ? VW = r[14] : (VW = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = kW);
-    let Z;
-    r[15] === L ? Z = r[16] : (Z = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    }), r[13] = f, r[14] = VW);
+    let HW;
+    r[15] === L ? HW = r[16] : (HW = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = Z);
-    let AW;
-    r[17] === c ? AW = r[18] : (AW = (0, import_jsx_runtime.jsx)("div", {
+    }), r[15] = L, r[16] = HW);
+    let Z;
+    r[17] === c ? Z = r[18] : (Z = (0, import_jsx_runtime.jsx)("div", {
       children: c
-    }), r[17] = c, r[18] = AW);
-    let jW;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (jW = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    }), r[17] = c, r[18] = Z);
+    let UW;
+    r[19] !== S || r[20] !== T || r[21] !== b ? (UW = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "marimo-plugin-form-clear-button",
       variant: "text",
       onClick: (e2) => {
         e2.preventDefault(), B();
       },
       children: S
-    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = jW) : jW = r[22];
-    let MW = v || h, NW;
-    r[23] === h ? NW = r[24] : (NW = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = UW) : UW = r[22];
+    let WW = v || h, GW;
+    r[23] === h ? GW = r[24] : (GW = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = NW);
-    let PW;
-    r[25] !== g || r[26] !== MW || r[27] !== NW || r[28] !== I ? (PW = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = GW);
+    let KW;
+    r[25] !== g || r[26] !== WW || r[27] !== GW || r[28] !== I ? (KW = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: MW,
+      disabled: WW,
       type: "submit",
       children: [
-        NW,
+        GW,
         g
       ]
-    }), r[25] = g, r[26] = MW, r[27] = NW, r[28] = I, r[29] = PW) : PW = r[29];
-    let FW;
-    r[30] !== _ || r[31] !== PW ? (FW = withTooltip(PW, _), r[30] = _, r[31] = PW, r[32] = FW) : FW = r[32];
-    let IW;
-    r[33] !== FW || r[34] !== jW ? (IW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[25] = g, r[26] = WW, r[27] = GW, r[28] = I, r[29] = KW) : KW = r[29];
+    let qW;
+    r[30] !== _ || r[31] !== KW ? (qW = withTooltip(KW, _), r[30] = _, r[31] = KW, r[32] = qW) : qW = r[32];
+    let JW;
+    r[33] !== qW || r[34] !== UW ? (JW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        jW,
-        FW
+        UW,
+        qW
       ]
-    }), r[33] = FW, r[34] = jW, r[35] = IW) : IW = r[35];
-    let LW;
-    r[36] !== IW || r[37] !== G || r[38] !== q || r[39] !== kW || r[40] !== Z || r[41] !== AW ? (LW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = qW, r[34] = UW, r[35] = JW) : JW = r[35];
+    let XW;
+    r[36] !== JW || r[37] !== G || r[38] !== q || r[39] !== VW || r[40] !== HW || r[41] !== Z ? (XW = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
-        kW,
+        VW,
+        HW,
         Z,
-        AW,
-        IW
+        JW
       ]
-    }), r[36] = IW, r[37] = G, r[38] = q, r[39] = kW, r[40] = Z, r[41] = AW, r[42] = LW) : LW = r[42];
-    let RW;
-    return r[43] !== LW || r[44] !== H ? (RW = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = JW, r[37] = G, r[38] = q, r[39] = VW, r[40] = HW, r[41] = Z, r[42] = XW) : XW = r[42];
+    let ZW;
+    return r[43] !== XW || r[44] !== H ? (ZW = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: LW
-    }), r[43] = LW, r[44] = H, r[45] = RW) : RW = r[45], RW;
+      children: XW
+    }), r[43] = XW, r[44] = H, r[45] = ZW) : ZW = r[45], ZW;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$41.c)(24), c, l, u, d, f, p;
@@ -26246,7 +26233,7 @@ ${c}
         signal: r.signal
       }), e.addEventListener("keydown", __privateGet(this, _w), {
         signal: r.signal
-      }), __privateMethod(this, _MatplotlibRenderer_instances, l_fn2).call(this, r.signal), r.signal.addEventListener("abort", () => {
+      }), __privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this, 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);
     }
@@ -26255,7 +26242,7 @@ ${c}
       __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);
+        __privateMethod(this, _MatplotlibRenderer_instances, u_fn).call(this, e.chartBase64), __privateGet(this, _b2).call(this, e.value);
         return;
       }
       let l = __privateGet(this, _r4).type !== "idle" && __privateGet(this, _r4).action !== null;
@@ -26268,9 +26255,9 @@ ${c}
   }, _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);
     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_fn2 = function(e) {
+  }, l_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_fn2).call(this, e);
+      __privateMethod(this, _MatplotlibRenderer_instances, c_fn2).call(this), __privateGet(this, _d3).call(this), __privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this, e);
     }, {
       once: true,
       signal: e
@@ -27203,8 +27190,8 @@ ${c}
         points: extractSunburstPoints(e2.points)
       }));
     }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), kW;
-    r[31] === u ? kW = r[32] : (kW = (e2) => {
+    let q = useEvent_default(G), VW;
+    r[31] === u ? VW = r[32] : (VW = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -27215,9 +27202,9 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = kW);
-    let Z = useEvent_default(kW), AW;
-    r[33] === u ? AW = r[34] : (AW = (e2) => {
+    }, r[31] = u, r[32] = VW);
+    let HW = useEvent_default(VW), Z;
+    r[33] === u ? Z = r[34] : (Z = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
@@ -27226,9 +27213,9 @@ ${c}
         range: e2.range,
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[33] = u, r[34] = AW);
-    let jW = useEvent_default(AW), MW = m.frames ?? void 0, NW = useEvent_default(_temp3$3), PW;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== Z || r[42] !== jW || r[43] !== MW || r[44] !== NW || r[45] !== R ? (PW = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = u, r[34] = Z);
+    let UW = useEvent_default(Z), WW = m.frames ?? void 0, GW = useEvent_default(_temp3$3), KW;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== HW || r[42] !== UW || r[43] !== WW || r[44] !== GW || r[45] !== R ? (KW = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -27236,13 +27223,13 @@ ${c}
       onTreemapClick: W,
       onSunburstClick: q,
       config: L,
-      onClick: Z,
-      onSelected: jW,
+      onClick: HW,
+      onSelected: UW,
       className: "w-full",
       useResizeHandler: true,
-      frames: MW,
-      onError: NW
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = Z, r[42] = jW, r[43] = MW, r[44] = NW, r[45] = R, r[46] = PW) : PW = r[46], PW;
+      frames: WW,
+      onError: GW
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = HW, r[42] = UW, r[43] = WW, r[44] = GW, r[45] = R, r[46] = KW) : KW = r[46], KW;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -27374,8 +27361,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 kW;
-    c[19] !== L || c[20] !== z || c[21] !== H ? (kW = (0, import_jsx_runtime.jsx)(Track, {
+    let VW;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (VW = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
       className: G,
@@ -27386,9 +27373,9 @@ ${c}
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = kW) : kW = c[22];
-    let Z;
-    c[23] !== m.setFalse || c[24] !== m.setTrue ? (Z = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = VW) : VW = c[22];
+    let HW;
+    c[23] !== m.setFalse || c[24] !== m.setTrue ? (HW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -27398,30 +27385,30 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = Z) : Z = c[25];
-    let AW;
-    c[26] !== h || c[27] !== u.value || c[28] !== d ? (AW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = HW) : HW = c[25];
+    let Z;
+    c[26] !== h || c[27] !== u.value || c[28] !== d ? (Z = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[0]), {
         locale: h
       })
-    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = AW) : AW = c[29];
-    let jW;
-    c[30] === AW ? jW = c[31] : (jW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: AW
-    }), c[30] = AW, c[31] = jW);
-    let MW;
-    c[32] !== f || c[33] !== Z || c[34] !== jW ? (MW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = Z) : Z = c[29];
+    let UW;
+    c[30] === Z ? UW = c[31] : (UW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: Z
+    }), c[30] = Z, c[31] = UW);
+    let WW;
+    c[32] !== f || c[33] !== HW || c[34] !== UW ? (WW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          Z,
-          jW
+          HW,
+          UW
         ]
       })
-    }), c[32] = f, c[33] = Z, c[34] = jW, c[35] = MW) : MW = c[35];
-    let NW;
-    c[36] !== m.setFalse || c[37] !== m.setTrue ? (NW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = HW, c[34] = UW, c[35] = WW) : WW = c[35];
+    let GW;
+    c[36] !== m.setFalse || c[37] !== m.setTrue ? (GW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -27431,39 +27418,39 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = NW) : NW = c[38];
-    let PW;
-    c[39] !== h || c[40] !== u.value || c[41] !== d ? (PW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = GW) : GW = c[38];
+    let KW;
+    c[39] !== h || c[40] !== u.value || c[41] !== d ? (KW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[1]), {
         locale: h
       })
-    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = PW) : PW = c[42];
-    let FW;
-    c[43] === PW ? FW = c[44] : (FW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: PW
-    }), c[43] = PW, c[44] = FW);
-    let IW;
-    c[45] !== f || c[46] !== NW || c[47] !== FW ? (IW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = KW) : KW = c[42];
+    let qW;
+    c[43] === KW ? qW = c[44] : (qW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: KW
+    }), c[43] = KW, c[44] = qW);
+    let JW;
+    c[45] !== f || c[46] !== GW || c[47] !== qW ? (JW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          NW,
-          FW
+          GW,
+          qW
         ]
       })
-    }), c[45] = f, c[46] = NW, c[47] = FW, c[48] = IW) : IW = c[48];
-    let LW;
-    return c[49] !== M || c[50] !== u || c[51] !== kW || c[52] !== MW || c[53] !== IW || c[54] !== W ? (LW = (0, import_jsx_runtime.jsxs)(Root, {
+    }), c[45] = f, c[46] = GW, c[47] = qW, c[48] = JW) : JW = c[48];
+    let YW;
+    return c[49] !== M || c[50] !== u || c[51] !== VW || c[52] !== WW || c[53] !== JW || c[54] !== W ? (YW = (0, import_jsx_runtime.jsxs)(Root, {
       ref: M,
       className: W,
       ...u,
       children: [
-        kW,
-        MW,
-        IW
+        VW,
+        WW,
+        JW
       ]
-    }), c[49] = M, c[50] = u, c[51] = kW, c[52] = MW, c[53] = IW, c[54] = W, c[55] = LW) : LW = c[55], LW;
+    }), c[49] = M, c[50] = u, c[51] = VW, c[52] = WW, c[53] = JW, c[54] = W, c[55] = YW) : YW = c[55], YW;
   });
   RangeSlider.displayName = Root.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -27514,14 +27501,14 @@ ${c}
     }, q = (e2) => {
       h && l(e2);
     }, r[10] = h, r[11] = l, r[12] = G, r[13] = q) : (G = r[12], q = r[13]);
-    let kW, Z;
-    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (kW = () => {
+    let VW, HW;
+    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (VW = () => {
       h && !dequal(T, u) && l(T);
-    }, Z = () => {
+    }, HW = () => {
       h && !dequal(T, u) && l(T);
-    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = kW, r[19] = Z) : (kW = r[18], Z = r[19]);
-    let AW;
-    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== kW || r[31] !== Z || r[32] !== b ? (AW = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = VW, r[19] = HW) : (VW = r[18], HW = r[19]);
+    let Z;
+    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== VW || r[31] !== HW || r[32] !== b ? (Z = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -27532,36 +27519,36 @@ ${c}
       disabled: y,
       onValueChange: G,
       onValueCommit: q,
-      onPointerUp: kW,
-      onMouseUp: Z,
+      onPointerUp: VW,
+      onMouseUp: HW,
       valueMap: b
-    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = kW, r[31] = Z, r[32] = b, r[33] = AW) : AW = r[33];
-    let jW;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (jW = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = VW, r[31] = HW, r[32] = b, r[33] = Z) : Z = r[33];
+    let UW;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (UW = _ && (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] = jW) : jW = r[38];
-    let MW;
-    r[39] !== AW || r[40] !== jW || r[41] !== B ? (MW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = UW) : UW = r[38];
+    let WW;
+    r[39] !== Z || r[40] !== UW || r[41] !== B ? (WW = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        AW,
-        jW
+        Z,
+        UW
       ]
-    }), r[39] = AW, r[40] = jW, r[41] = B, r[42] = MW) : MW = r[42];
-    let NW;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== MW || r[47] !== M || r[48] !== L ? (NW = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = Z, r[40] = UW, r[41] = B, r[42] = WW) : WW = r[42];
+    let GW;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== WW || r[47] !== M || r[48] !== L ? (GW = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: MW
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = MW, r[47] = M, r[48] = L, r[49] = NW) : NW = r[49], NW;
+      children: WW
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = WW, r[47] = M, r[48] = L, r[49] = GW) : GW = r[49], GW;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -28267,7 +28254,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-DzyyM9fc.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-BN0fz-QA.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object({
@@ -28463,7 +28450,7 @@ ${c}
         m
       ]
     });
-  }, LazyImageComparisonComponent = import_react.lazy(() => import("./ImageComparisonComponent-CHrI72em.js")), ImageComparisonPlugin = class {
+  }, LazyImageComparisonComponent = import_react.lazy(() => import("./ImageComparisonComponent-1i5IBhon.js")), ImageComparisonPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-image-comparison");
       __publicField(this, "validator", object({
@@ -28597,7 +28584,7 @@ ${c}
         themeVariables: e.data.theme_variables
       });
     }
-  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-BYqXy_NE.js").then(async (m) => {
+  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-BaZJ2mds.js").then(async (m) => {
     await m.__tla;
     return m;
   })), import_compiler_runtime$22 = require_compiler_runtime();
@@ -30852,7 +30839,7 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), kW = Object.freeze({
+      }), VW = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
@@ -30860,40 +30847,40 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: G,
         createIsNestedEqual: r2
-      }), Z = T(q);
-      function AW(e3, r3) {
-        return Z(e3, r3, void 0);
+      }), HW = T(q);
+      function Z(e3, r3) {
+        return HW(e3, r3, void 0);
       }
-      var jW = T(l(q, {
+      var UW = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function MW(e3, r3) {
-        return jW(e3, r3, void 0);
+      function WW(e3, r3) {
+        return UW(e3, r3, void 0);
       }
-      var NW = T(kW);
-      function PW(e3, r3) {
-        return NW(e3, r3, /* @__PURE__ */ new WeakMap());
+      var GW = T(VW);
+      function KW(e3, r3) {
+        return GW(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var FW = T(l(kW, {
+      var qW = T(l(VW, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function IW(e3, r3) {
-        return FW(e3, r3, /* @__PURE__ */ new WeakMap());
+      function JW(e3, r3) {
+        return qW(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function LW(e3) {
+      function YW(e3) {
         return T(l(q, e3(q)));
       }
-      function RW(e3) {
-        var r3 = T(l(kW, e3(kW)));
+      function XW(e3) {
+        var r3 = T(l(VW, e3(VW)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = PW, e2.circularShallowEqual = IW, e2.createCustomCircularEqual = RW, e2.createCustomEqual = LW, e2.deepEqual = AW, e2.sameValueZeroEqual = f, e2.shallowEqual = MW, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = KW, e2.circularShallowEqual = JW, e2.createCustomCircularEqual = XW, e2.createCustomEqual = YW, e2.deepEqual = Z, e2.sameValueZeroEqual = f, e2.shallowEqual = WW, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -30919,7 +30906,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 = WW, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = G, e.resizeItemInDirection = IW, e.setTopLeft = RW, e.setTransform = LW, e.sortLayoutItems = zW, e.sortLayoutItemsByColRow = VW, e.sortLayoutItemsByRowCol = BW, e.synchronizeLayoutWithChildren = HW, e.validateLayout = UW, 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 = nG, 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 = JW, e.setTopLeft = XW, e.setTransform = YW, e.sortLayoutItems = ZW, e.sortLayoutItemsByColRow = $W, e.sortLayoutItemsByRowCol = QW, e.synchronizeLayoutWithChildren = eG, e.validateLayout = tG, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -31024,7 +31011,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 = zW(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = ZW(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;
@@ -31082,7 +31069,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 = zW(e2, f2);
+      let v2 = ZW(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);
@@ -31116,61 +31103,61 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, kW = (e2, r2, c2) => e2 < 0 ? r2 : c2, Z = (e2) => Math.max(0, e2), AW = (e2) => Math.max(0, e2), jW = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, VW = (e2, r2, c2) => e2 < 0 ? r2 : c2, HW = (e2) => Math.max(0, e2), Z = (e2) => Math.max(0, e2), UW = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: kW(f2, e2.height, u2),
-        top: AW(f2)
+        height: VW(f2, e2.height, u2),
+        top: Z(f2)
       };
-    }, MW = (e2, r2, c2) => {
+    }, WW = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         top: l2,
         height: d2,
         width: q(e2.left, e2.width, f2, c2),
-        left: Z(u2)
+        left: HW(u2)
       };
-    }, NW = (e2, r2, c2) => {
+    }, GW = (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: AW(l2),
-        left: Z(f2)
+        top: Z(l2),
+        left: HW(f2)
       };
-    }, PW = (e2, r2, c2) => {
+    }, KW = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: kW(l2, e2.height, d2),
-        top: AW(l2)
+        height: VW(l2, e2.height, d2),
+        top: Z(l2)
       };
-    }, FW = {
-      n: jW,
+    }, qW = {
+      n: UW,
       ne: function() {
-        return jW(arguments.length <= 0 ? void 0 : arguments[0], MW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return UW(arguments.length <= 0 ? void 0 : arguments[0], WW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: MW,
+      e: WW,
       se: function() {
-        return PW(arguments.length <= 0 ? void 0 : arguments[0], MW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return KW(arguments.length <= 0 ? void 0 : arguments[0], WW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: PW,
+      s: KW,
       sw: function() {
-        return PW(arguments.length <= 0 ? void 0 : arguments[0], NW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return KW(arguments.length <= 0 ? void 0 : arguments[0], GW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: NW,
+      w: GW,
       nw: function() {
-        return jW(arguments.length <= 0 ? void 0 : arguments[0], NW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return UW(arguments.length <= 0 ? void 0 : arguments[0], GW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function IW(e2, r2, c2, l2) {
-      let u2 = FW[e2];
+    function JW(e2, r2, c2, l2) {
+      let u2 = qW[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function LW(e2) {
+    function YW(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -31183,7 +31170,7 @@ ${c}
         position: "absolute"
       };
     }
-    function RW(e2) {
+    function XW(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -31193,20 +31180,20 @@ ${c}
         position: "absolute"
       };
     }
-    function zW(e2, r2) {
-      return r2 === "horizontal" ? VW(e2) : r2 === "vertical" ? BW(e2) : e2;
+    function ZW(e2, r2) {
+      return r2 === "horizontal" ? $W(e2) : r2 === "vertical" ? QW(e2) : e2;
     }
-    function BW(e2) {
+    function QW(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 VW(e2) {
+    function $W(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 HW(e2, r2, l2, u2, f2) {
+    function eG(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -31227,7 +31214,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function UW(e2) {
+    function tG(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -31244,7 +31231,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 WW(e2) {
+    function nG(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -34049,7 +34036,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, kW, Z, AW, jW, MW, NW, PW, FW, IW, LW, RW, zW, BW, VW, HW, UW, WW;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, VW, HW, Z, UW, WW, GW, KW, qW, JW, YW, XW, ZW, QW, $W, eG, tG, nG;
     if (r[10] !== u || r[11] !== S || r[12] !== O || r[13] !== g || r[14] !== M || r[15] !== h || r[16] !== j || r[17] !== f || r[18] !== c || r[19] !== d || r[20] !== l) {
       let e2 = Maps.keyBy(c.cells, _temp2$3), m2;
       r[47] !== c || r[48] !== l ? (m2 = (e3) => (r2) => {
@@ -34068,23 +34055,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, VW = "lg", r[58] === c.cells ? HW = r[59] : (HW = {
+      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, $W = "lg", r[58] === c.cells ? eG = r[59] : (eG = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = HW), UW = L, WW = S, R = false;
+      }, r[58] = c.cells, r[59] = eG), tG = L, nG = 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, kW = 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, VW = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (HW = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = Z) : Z = r[69], r[70] === g ? AW = r[71] : (AW = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = HW) : HW = r[69], r[70] === g ? Z = r[71] : (Z = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = AW), r[72] !== O || r[73] !== c || r[74] !== l ? (jW = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = Z), r[72] !== O || r[73] !== c || r[74] !== l ? (UW = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -34092,15 +34079,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = jW) : jW = r[75], r[76] === O ? (MW = r[77], NW = r[78], PW = r[79]) : (MW = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = UW) : UW = r[75], r[76] === O ? (WW = r[77], GW = r[78], KW = r[79]) : (WW = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, NW = (e3, r2, c2, l2, u2) => {
+      }, GW = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, PW = () => {
+      }, KW = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = MW, r[78] = NW, r[79] = PW), FW = _temp3$2, IW = M, LW = M, RW = M, zW = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = WW, r[78] = GW, r[79] = KW), qW = _temp3$2, JW = M, YW = M, XW = M, ZW = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), BW = u.filter(E2).map((r2) => {
+      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), QW = u.filter(E2).map((r2) => {
         let u2 = e2.get(r2.id), f2 = c.scrollableCells.has(r2.id) ?? false, p = c.cellSide.get(r2.id), m3 = (0, import_jsx_runtime.jsx)(GridCell, {
           code: r2.code,
           mode: d,
@@ -34130,14 +34117,14 @@ ${c}
         }, r2.id) : (0, import_jsx_runtime.jsx)("div", {
           children: m3
         }, r2.id);
-      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = kW, r[31] = Z, r[32] = AW, r[33] = jW, r[34] = MW, r[35] = NW, r[36] = PW, r[37] = FW, r[38] = IW, r[39] = LW, r[40] = RW, r[41] = zW, r[42] = BW, r[43] = VW, r[44] = HW, r[45] = UW, r[46] = WW;
-    } 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], kW = r[30], Z = r[31], AW = r[32], jW = r[33], MW = r[34], NW = r[35], PW = r[36], FW = r[37], IW = r[38], LW = r[39], RW = r[40], zW = r[41], BW = r[42], VW = r[43], HW = r[44], UW = r[45], WW = r[46];
-    let GW;
-    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] !== kW || r[91] !== Z || r[92] !== AW || r[93] !== jW || r[94] !== MW || r[95] !== NW || r[96] !== PW || r[97] !== FW || r[98] !== IW || r[99] !== LW || r[100] !== RW || r[101] !== zW || r[102] !== BW || r[103] !== VW || r[104] !== HW || r[105] !== UW || r[106] !== WW ? (GW = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: VW,
-      layouts: HW,
-      style: UW,
-      cols: WW,
+      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = VW, r[31] = HW, r[32] = Z, r[33] = UW, r[34] = WW, r[35] = GW, r[36] = KW, r[37] = qW, r[38] = JW, r[39] = YW, r[40] = XW, r[41] = ZW, r[42] = QW, r[43] = $W, r[44] = eG, r[45] = tG, r[46] = nG;
+    } 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], VW = r[30], HW = r[31], Z = r[32], UW = r[33], WW = r[34], GW = r[35], KW = r[36], qW = r[37], JW = r[38], YW = r[39], XW = r[40], ZW = r[41], QW = r[42], $W = r[43], eG = r[44], tG = r[45], nG = r[46];
+    let rG;
+    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] !== VW || r[91] !== HW || r[92] !== Z || r[93] !== UW || r[94] !== WW || r[95] !== GW || r[96] !== KW || r[97] !== qW || r[98] !== JW || r[99] !== YW || r[100] !== XW || r[101] !== ZW || r[102] !== QW || r[103] !== $W || r[104] !== eG || r[105] !== tG || r[106] !== nG ? (rG = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: $W,
+      layouts: eG,
+      style: tG,
+      cols: nG,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -34145,23 +34132,23 @@ ${c}
       isBounded: W,
       compactType: G,
       preventCollision: q,
-      rowHeight: kW,
-      onLayoutChange: Z,
-      droppingItem: AW,
-      onDrop: jW,
-      onDragStart: MW,
-      onDrag: NW,
-      onDragStop: PW,
-      onResizeStop: FW,
-      isDraggable: IW,
-      isDroppable: LW,
-      isResizable: RW,
-      draggableHandle: zW,
-      children: BW
-    }), 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] = kW, r[91] = Z, r[92] = AW, r[93] = jW, r[94] = MW, r[95] = NW, r[96] = PW, r[97] = FW, r[98] = IW, r[99] = LW, r[100] = RW, r[101] = zW, r[102] = BW, r[103] = VW, r[104] = HW, r[105] = UW, r[106] = WW, r[107] = GW) : GW = r[107];
-    let KW = GW, qW, JW, YW, XW, ZW, QW, $W;
-    if (r[108] !== u || r[109] !== KW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      $W = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      rowHeight: VW,
+      onLayoutChange: HW,
+      droppingItem: Z,
+      onDrop: UW,
+      onDragStart: WW,
+      onDrag: GW,
+      onDragStop: KW,
+      onResizeStop: qW,
+      isDraggable: JW,
+      isDroppable: YW,
+      isResizable: XW,
+      draggableHandle: ZW,
+      children: QW
+    }), 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] = VW, r[91] = HW, r[92] = Z, r[93] = UW, r[94] = WW, r[95] = GW, r[96] = KW, r[97] = qW, r[98] = JW, r[99] = YW, r[100] = XW, r[101] = ZW, r[102] = QW, r[103] = $W, r[104] = eG, r[105] = tG, r[106] = nG, r[107] = rG) : rG = r[107];
+    let iG = rG, aG, oG, sG, cG, lG, uG, dG;
+    if (r[108] !== u || r[109] !== iG || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      dG = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let e2;
         r[125] === h ? e2 = r[126] : (e2 = (e3) => !h.has(e3.id), r[125] = h, r[126] = e2);
@@ -34169,14 +34156,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== KW || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== iG || 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: KW
+                children: iG
               })
-            }), r[127] = KW, r[128] = L, r[129] = e4) : e4 = r[129], KW = e4;
+            }), r[127] = iG, r[128] = L, r[129] = e4) : e4 = r[129], iG = e4;
           }
           let e3 = m2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -34188,9 +34175,9 @@ ${c}
             stale: outputIsStale(e4, false),
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), $W = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), dG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              KW,
+              iG,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -34201,31 +34188,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === KW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === iG ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: KW
-          }), r[132] = KW, r[133] = e3);
+            children: iG
+          }), r[132] = iG, 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], KW = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], iG = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (QW = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (uG = (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] = QW) : QW = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = uG) : uG = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (XW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = XW, r[142] = g2) : (XW = r[141], g2 = r[142]), r[143] === KW ? ZW = r[144] : (ZW = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (cG = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = cG, r[142] = g2) : (cG = r[141], g2 = r[142]), r[143] === iG ? lG = r[144] : (lG = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: KW
-        }), r[143] = KW, r[144] = ZW), qW = "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") ? (JW = (0, import_jsx_runtime.jsx)("div", {
+          children: iG
+        }), r[143] = iG, r[144] = lG), aG = "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") ? (oG = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = JW) : JW = r[145];
+        }), r[145] = oG) : oG = 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,
@@ -34251,34 +34238,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], YW = m2.map(b2);
-      }
-      r[108] = u, r[109] = KW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = qW, r[118] = JW, r[119] = YW, r[120] = XW, r[121] = ZW, r[122] = QW, r[123] = $W, r[124] = KW;
-    } else qW = r[117], JW = r[118], YW = r[119], XW = r[120], ZW = r[121], QW = r[122], $W = r[123], KW = r[124];
-    if ($W !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return $W;
-    let eG;
-    r[150] !== qW || r[151] !== JW || r[152] !== YW ? (eG = (0, import_jsx_runtime.jsxs)("div", {
-      className: qW,
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], sG = m2.map(b2);
+      }
+      r[108] = u, r[109] = iG, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = aG, r[118] = oG, r[119] = sG, r[120] = cG, r[121] = lG, r[122] = uG, r[123] = dG, r[124] = iG;
+    } else aG = r[117], oG = r[118], sG = r[119], cG = r[120], lG = r[121], uG = r[122], dG = r[123], iG = r[124];
+    if (dG !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return dG;
+    let fG;
+    r[150] !== aG || r[151] !== oG || r[152] !== sG ? (fG = (0, import_jsx_runtime.jsxs)("div", {
+      className: aG,
       children: [
-        JW,
-        YW
+        oG,
+        sG
       ]
-    }), r[150] = qW, r[151] = JW, r[152] = YW, r[153] = eG) : eG = r[153];
-    let tG;
-    r[154] !== XW || r[155] !== ZW || r[156] !== eG ? (tG = (0, import_jsx_runtime.jsxs)("div", {
-      className: XW,
+    }), r[150] = aG, r[151] = oG, r[152] = sG, r[153] = fG) : fG = r[153];
+    let pG;
+    r[154] !== cG || r[155] !== lG || r[156] !== fG ? (pG = (0, import_jsx_runtime.jsxs)("div", {
+      className: cG,
       children: [
-        ZW,
-        eG
+        lG,
+        fG
       ]
-    }), r[154] = XW, r[155] = ZW, r[156] = eG, r[157] = tG) : tG = r[157];
-    let nG;
-    return r[158] !== QW || r[159] !== tG ? (nG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = cG, r[155] = lG, r[156] = fG, r[157] = pG) : pG = r[157];
+    let mG;
+    return r[158] !== uG || r[159] !== pG ? (mG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        QW,
-        tG
+        uG,
+        pG
       ]
-    }), r[158] = QW, r[159] = tG, r[160] = nG) : nG = r[160], nG;
+    }), r[158] = uG, r[159] = pG, r[160] = mG) : mG = r[160], mG;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$13.c)(21), { output: c, cellId: l, status: u, mode: d, code: f, hidden: m, isScrollable: h, side: g, className: _, stale: v } = e, y;
@@ -34579,25 +34566,25 @@ ${c}
         G
       ]
     }), r[31] = L, r[32] = R, r[33] = G, r[34] = q) : q = r[34];
-    let kW;
-    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (kW = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+    let VW;
+    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (VW = (0, import_jsx_runtime.jsx)(GripHorizontal, {
       className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
-    }), r[35] = kW) : kW = r[35];
-    let Z;
-    r[36] === l ? Z = r[37] : (Z = (0, import_jsx_runtime.jsx)(X, {
+    }), r[35] = VW) : VW = r[35];
+    let HW;
+    r[36] === l ? HW = r[37] : (HW = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
-    }), r[36] = l, r[37] = Z);
-    let AW;
-    return r[38] !== I || r[39] !== q || r[40] !== Z || r[41] !== w ? (AW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[36] = l, r[37] = HW);
+    let Z;
+    return r[38] !== I || r[39] !== q || r[40] !== HW || r[41] !== w ? (Z = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
         q,
-        kW,
-        Z
+        VW,
+        HW
       ]
-    }), r[38] = I, r[39] = q, r[40] = Z, r[41] = w, r[42] = AW) : AW = r[42], AW;
+    }), r[38] = I, r[39] = q, r[40] = HW, r[41] = w, r[42] = Z) : Z = r[42], Z;
   };
   function isSidebarCell(e) {
     var _a5;
@@ -36601,31 +36588,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), kW = (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), VW = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), Z = useMeasuringConfiguration(p), { droppableRects: AW, measureDroppableContainers: jW, measuringScheduled: MW } = useDroppableMeasuring(kW, {
+    ]), HW = useMeasuringConfiguration(p), { droppableRects: Z, measureDroppableContainers: UW, measuringScheduled: WW } = useDroppableMeasuring(VW, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
-      config: Z.droppable
-    }), NW = useCachedNode(E, T), PW = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+      config: HW.droppable
+    }), GW = useCachedNode(E, T), KW = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), FW = fG(), IW = useInitialRect(NW, Z.draggable.measure);
+    ]), qW = wG(), JW = useInitialRect(GW, HW.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: FW.layoutShiftCompensation,
-      initialRect: IW,
-      measure: Z.draggable.measure
+      config: qW.layoutShiftCompensation,
+      initialRect: JW,
+      measure: HW.draggable.measure
     });
-    let LW = useRect(NW, Z.draggable.measure, IW), RW = useRect(NW ? NW.parentElement : null), zW = (0, import_react.useRef)({
+    let YW = useRect(GW, HW.draggable.measure, JW), XW = useRect(GW ? GW.parentElement : null), ZW = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: NW,
+      activeNode: GW,
       collisionRect: null,
       collisions: null,
-      droppableRects: AW,
+      droppableRects: Z,
       draggableNodes: E,
       draggingNode: null,
       draggingNodeRect: null,
@@ -36633,45 +36620,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), BW = j.getNodeFor((_a5 = zW.current.over) == null ? void 0 : _a5.id), VW = useDragOverlayMeasuring({
-      measure: Z.dragOverlay.measure
-    }), HW = VW.nodeRef.current ?? NW, UW = w ? VW.rect ?? LW : null, WW = !!(VW.nodeRef.current && VW.rect), GW = useRectDelta(WW ? null : LW), KW = useWindowRect(HW ? getWindow(HW) : null), qW = useScrollableAncestors(w ? BW ?? NW : null), JW = useRects(qW), YW = applyModifiers(m, {
+    }), QW = j.getNodeFor((_a5 = ZW.current.over) == null ? void 0 : _a5.id), $W = useDragOverlayMeasuring({
+      measure: HW.dragOverlay.measure
+    }), eG = $W.nodeRef.current ?? GW, tG = w ? $W.rect ?? YW : null, nG = !!($W.nodeRef.current && $W.rect), rG = useRectDelta(nG ? null : YW), iG = useWindowRect(eG ? getWindow(eG) : null), aG = useScrollableAncestors(w ? QW ?? GW : null), oG = useRects(aG), sG = applyModifiers(m, {
       transform: {
-        x: O.x - GW.x,
-        y: O.y - GW.y,
+        x: O.x - rG.x,
+        y: O.y - rG.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: LW,
-      containerNodeRect: RW,
-      draggingNodeRect: UW,
-      over: zW.current.over,
-      overlayNodeRect: VW.rect,
-      scrollableAncestors: qW,
-      scrollableAncestorRects: JW,
-      windowRect: KW
-    }), XW = PW ? add(PW, O) : null, ZW = useScrollOffsets(qW), QW = useScrollOffsetsDelta(ZW), $W = useScrollOffsetsDelta(ZW, [
-      LW
-    ]), eG = add(YW, QW), tG = UW ? getAdjustedRect(UW, YW) : null, nG = L && tG ? f({
+      activeNodeRect: YW,
+      containerNodeRect: XW,
+      draggingNodeRect: tG,
+      over: ZW.current.over,
+      overlayNodeRect: $W.rect,
+      scrollableAncestors: aG,
+      scrollableAncestorRects: oG,
+      windowRect: iG
+    }), cG = KW ? add(KW, O) : null, lG = useScrollOffsets(aG), uG = useScrollOffsetsDelta(lG), dG = useScrollOffsetsDelta(lG, [
+      YW
+    ]), fG = add(sG, uG), pG = tG ? getAdjustedRect(tG, sG) : null, mG = L && pG ? f({
       active: L,
-      collisionRect: tG,
-      droppableRects: AW,
-      droppableContainers: kW,
-      pointerCoordinates: XW
-    }) : null, rG = getFirstCollision(nG, "id"), [iG, aG] = (0, import_react.useState)(null), oG = adjustScale(WW ? YW : add(YW, $W), (iG == null ? void 0 : iG.rect) ?? null, LW), sG = (0, import_react.useRef)(null), cG = (0, import_react.useCallback)((e2, r2) => {
+      collisionRect: pG,
+      droppableRects: Z,
+      droppableContainers: VW,
+      pointerCoordinates: cG
+    }) : null, hG = getFirstCollision(mG, "id"), [gG, _G] = (0, import_react.useState)(null), vG = adjustScale(nG ? sG : add(sG, dG), (gG == null ? void 0 : gG.rect) ?? null, YW), yG = (0, import_react.useRef)(null), bG = (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;
-      sG.current = new c2({
+      yG.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: zW,
+        context: ZW,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -36716,7 +36703,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(sG.current), W(d2);
+            }), B(yG.current), W(d2);
           });
         },
         onMove(e3) {
@@ -36730,7 +36717,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = zW.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = ZW.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -36744,7 +36731,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), aG(null), B(null), W(null), sG.current = null;
+            }), S(Status.Uninitialized), _G(null), B(null), W(null), yG.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e4 = G.current[r4];
@@ -36758,7 +36745,7 @@ ${c}
       }
     }, [
       E
-    ]), lG = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), xG = 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 = {
@@ -36766,26 +36753,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, cG(c2, r2));
+      }, R.current = l2, bG(c2, r2));
     }, [
       E,
-      cG
+      bG
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      LW && b === Status.Initializing && S(Status.Initialized);
+      YW && b === Status.Initializing && S(Status.Initialized);
     }, [
-      LW,
+      YW,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = zW.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = ZW.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: eG.x,
-          y: eG.y
+          x: fG.x,
+          y: fG.y
         },
         over: u2
       };
@@ -36796,12 +36783,12 @@ ${c}
         });
       });
     }, [
-      eG.x,
-      eG.y
+      fG.x,
+      fG.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = zW.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = ZW.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(rG), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(hG), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -36817,127 +36804,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        aG(p2), d2 == null ? void 0 : d2(m2), v({
+        _G(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      rG
+      hG
     ]), useIsomorphicLayoutEffect(() => {
-      zW.current = {
+      ZW.current = {
         activatorEvent: H,
         active: L,
-        activeNode: NW,
-        collisionRect: tG,
-        collisions: nG,
-        droppableRects: AW,
+        activeNode: GW,
+        collisionRect: pG,
+        collisions: mG,
+        droppableRects: Z,
         draggableNodes: E,
-        draggingNode: HW,
-        draggingNodeRect: UW,
+        draggingNode: eG,
+        draggingNodeRect: tG,
         droppableContainers: j,
-        over: iG,
-        scrollableAncestors: qW,
-        scrollAdjustedTranslate: eG
+        over: gG,
+        scrollableAncestors: aG,
+        scrollAdjustedTranslate: fG
       }, I.current = {
-        initial: UW,
-        translated: tG
+        initial: tG,
+        translated: pG
       };
     }, [
       L,
-      NW,
-      nG,
-      tG,
+      GW,
+      mG,
+      pG,
       E,
-      HW,
-      UW,
-      AW,
+      eG,
+      tG,
+      Z,
       j,
-      iG,
-      qW,
-      eG
+      gG,
+      aG,
+      fG
     ]), useAutoScroller({
-      ...FW,
+      ...qW,
       delta: O,
-      draggingRect: tG,
-      pointerCoordinates: XW,
-      scrollableAncestors: qW,
-      scrollableAncestorRects: JW
+      draggingRect: pG,
+      pointerCoordinates: cG,
+      scrollableAncestors: aG,
+      scrollableAncestorRects: oG
     });
-    let uG = (0, import_react.useMemo)(() => ({
+    let SG = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: NW,
-      activeNodeRect: LW,
+      activeNode: GW,
+      activeNodeRect: YW,
       activatorEvent: H,
-      collisions: nG,
-      containerNodeRect: RW,
-      dragOverlay: VW,
+      collisions: mG,
+      containerNodeRect: XW,
+      dragOverlay: $W,
       draggableNodes: E,
       droppableContainers: j,
-      droppableRects: AW,
-      over: iG,
-      measureDroppableContainers: jW,
-      scrollableAncestors: qW,
-      scrollableAncestorRects: JW,
-      measuringConfiguration: Z,
-      measuringScheduled: MW,
-      windowRect: KW
+      droppableRects: Z,
+      over: gG,
+      measureDroppableContainers: UW,
+      scrollableAncestors: aG,
+      scrollableAncestorRects: oG,
+      measuringConfiguration: HW,
+      measuringScheduled: WW,
+      windowRect: iG
     }), [
       L,
-      NW,
-      LW,
+      GW,
+      YW,
       H,
-      nG,
-      RW,
-      VW,
+      mG,
+      XW,
+      $W,
       E,
       j,
-      AW,
-      iG,
-      jW,
-      qW,
-      JW,
       Z,
-      MW,
-      KW
-    ]), dG = (0, import_react.useMemo)(() => ({
+      gG,
+      UW,
+      aG,
+      oG,
+      HW,
+      WW,
+      iG
+    ]), CG = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: lG,
+      activators: xG,
       active: L,
-      activeNodeRect: LW,
+      activeNodeRect: YW,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: iG,
-      measureDroppableContainers: jW
+      over: gG,
+      measureDroppableContainers: UW
     }), [
       H,
-      lG,
+      xG,
       L,
-      LW,
+      YW,
       _,
       q,
       E,
-      iG,
-      jW
+      gG,
+      UW
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: dG
+      value: CG
     }, import_react.createElement(PublicContext.Provider, {
-      value: uG
+      value: SG
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: oG
+      value: vG
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function fG() {
+    function wG() {
       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,
@@ -37465,7 +37452,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: kW, listeners: Z, isDragging: AW, over: jW, setActivatorNodeRef: MW, transform: NW } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: VW, listeners: HW, isDragging: Z, over: UW, setActivatorNodeRef: WW, transform: GW } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -37473,60 +37460,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), PW = useCombinedRefs(B, kW), FW = !!H, IW = FW && !b && isValidIndex(v) && isValidIndex(w), LW = !T && AW, RW = IW ? (LW && IW ? NW : null) ?? (p ?? E)({
+    }), KW = useCombinedRefs(B, VW), qW = !!H, JW = qW && !b && isValidIndex(v) && isValidIndex(w), YW = !T && Z, XW = JW ? (YW && JW ? GW : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, zW = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, ZW = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, BW = H == null ? void 0 : H.id, VW = (0, import_react.useRef)({
-      activeId: BW,
+    }) : j, QW = H == null ? void 0 : H.id, $W = (0, import_react.useRef)({
+      activeId: QW,
       items: g,
-      newIndex: zW,
+      newIndex: ZW,
       containerId: _
-    }), HW = g !== VW.current.items, UW = r({
+    }), eG = g !== $W.current.items, tG = r({
       active: H,
       containerId: _,
-      isDragging: AW,
-      isSorting: FW,
+      isDragging: Z,
+      isSorting: qW,
       id: f,
       index: j,
       items: g,
-      newIndex: VW.current.newIndex,
-      previousItems: VW.current.items,
-      previousContainerId: VW.current.containerId,
+      newIndex: $W.current.newIndex,
+      previousItems: $W.current.items,
+      previousContainerId: $W.current.containerId,
       transition: h,
-      wasDragging: VW.current.activeId != null
-    }), WW = useDerivedTransform({
-      disabled: !UW,
+      wasDragging: $W.current.activeId != null
+    }), nG = useDerivedTransform({
+      disabled: !tG,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      FW && VW.current.newIndex !== zW && (VW.current.newIndex = zW), _ !== VW.current.containerId && (VW.current.containerId = _), g !== VW.current.items && (VW.current.items = g);
+      qW && $W.current.newIndex !== ZW && ($W.current.newIndex = ZW), _ !== $W.current.containerId && ($W.current.containerId = _), g !== $W.current.items && ($W.current.items = g);
     }, [
-      FW,
-      zW,
+      qW,
+      ZW,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (BW === VW.current.activeId) return;
-      if (BW != null && VW.current.activeId == null) {
-        VW.current.activeId = BW;
+      if (QW === $W.current.activeId) return;
+      if (QW != null && $W.current.activeId == null) {
+        $W.current.activeId = QW;
         return;
       }
       let e2 = setTimeout(() => {
-        VW.current.activeId = BW;
+        $W.current.activeId = QW;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      BW
+      QW
     ]), {
       active: H,
       activeIndex: v,
@@ -37534,25 +37521,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: zW,
+      newIndex: ZW,
       items: g,
       isOver: z,
-      isSorting: FW,
-      isDragging: AW,
-      listeners: Z,
+      isSorting: qW,
+      isDragging: Z,
+      listeners: HW,
       node: R,
       overIndex: w,
-      over: jW,
-      setNodeRef: PW,
-      setActivatorNodeRef: MW,
+      over: UW,
+      setNodeRef: KW,
+      setActivatorNodeRef: WW,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: kW,
-      transform: WW ?? RW,
-      transition: GW()
+      setDraggableNodeRef: VW,
+      transform: nG ?? XW,
+      transition: rG()
     };
-    function GW() {
-      if (WW || HW && VW.current.newIndex === j) return disabledTransition;
-      if (!(LW && !isKeyboardEvent(W) || !h) && (FW || UW)) return CSS$1.Transition.toString({
+    function rG() {
+      if (nG || eG && $W.current.newIndex === j) return disabledTransition;
+      if (!(YW && !isKeyboardEvent(W) || !h) && (qW || tG)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -37852,15 +37839,15 @@ ${c}
         G
       ]
     }), r[35] = c.id, r[36] = h, r[37] = y, r[38] = b, r[39] = I, r[40] = z, r[41] = B, r[42] = H, r[43] = W, r[44] = G, r[45] = q) : q = r[45];
-    let kW = q;
-    if (!v && !g) return kW;
-    let Z;
-    r[46] === kW ? Z = r[47] : (Z = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
+    let VW = q;
+    if (!v && !g) return VW;
+    let HW;
+    r[46] === VW ? HW = r[47] : (HW = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
       asChild: true,
-      children: kW
-    }), r[46] = kW, r[47] = Z);
-    let AW;
-    r[48] === v ? AW = r[49] : (AW = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+      children: VW
+    }), r[46] = VW, r[47] = HW);
+    let Z;
+    r[48] === v ? Z = r[49] : (Z = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       onSelect: v,
       children: [
         (0, import_jsx_runtime.jsx)(Plus, {
@@ -37868,11 +37855,11 @@ ${c}
         }),
         "Add cell"
       ]
-    }), r[48] = v, r[49] = AW);
-    let jW;
-    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (jW = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = jW) : jW = r[50];
-    let MW;
-    r[51] === g ? MW = r[52] : (MW = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+    }), r[48] = v, r[49] = Z);
+    let UW;
+    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (UW = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = UW) : UW = r[50];
+    let WW;
+    r[51] === g ? WW = r[52] : (WW = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       variant: "danger",
       onSelect: g,
       children: [
@@ -37881,22 +37868,22 @@ ${c}
         }),
         "Delete cell"
       ]
-    }), r[51] = g, r[52] = MW);
-    let NW;
-    r[53] !== AW || r[54] !== MW ? (NW = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+    }), r[51] = g, r[52] = WW);
+    let GW;
+    r[53] !== Z || r[54] !== WW ? (GW = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
       children: [
-        AW,
-        jW,
-        MW
+        Z,
+        UW,
+        WW
       ]
-    }), r[53] = AW, r[54] = MW, r[55] = NW) : NW = r[55];
-    let PW;
-    return r[56] !== Z || r[57] !== NW ? (PW = (0, import_jsx_runtime.jsxs)(ContextMenu, {
+    }), r[53] = Z, r[54] = WW, r[55] = GW) : GW = r[55];
+    let KW;
+    return r[56] !== HW || r[57] !== GW ? (KW = (0, import_jsx_runtime.jsxs)(ContextMenu, {
       children: [
-        Z,
-        NW
+        HW,
+        GW
       ]
-    }), r[56] = Z, r[57] = NW, r[58] = PW) : PW = r[58], PW;
+    }), r[56] = HW, r[57] = GW, r[58] = KW) : KW = r[58], KW;
   }, 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);
@@ -37950,10 +37937,10 @@ ${c}
       ...B,
       ...h
     }, r[20] = M, r[21] = h, r[22] = B, r[23] = j, r[24] = H) : H = r[24];
-    let W = H, G = E || T, q = S || w || T ? "border-blue-500" : "border-border hover:border-blue-500/50", kW = w && !T && "opacity-35", Z = T && "opacity-95 shadow-lg", AW;
-    r[25] !== l || r[26] !== kW || r[27] !== Z || r[28] !== q ? (AW = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, kW, Z, l), r[25] = l, r[26] = kW, r[27] = Z, r[28] = q, r[29] = AW) : AW = r[29];
-    let jW;
-    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (jW = 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", VW = w && !T && "opacity-35", HW = T && "opacity-95 shadow-lg", Z;
+    r[25] !== l || r[26] !== VW || r[27] !== HW || r[28] !== q ? (Z = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, VW, HW, l), r[25] = l, r[26] = VW, r[27] = HW, r[28] = q, r[29] = Z) : Z = r[29];
+    let UW;
+    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (UW = 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})`,
@@ -37969,14 +37956,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] = jW) : jW = r[36];
-    let MW;
-    r[37] === z ? MW = r[38] : (MW = 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] = UW) : UW = r[36];
+    let WW;
+    r[37] === z ? WW = r[38] : (WW = 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] = MW);
-    let NW;
-    r[39] !== z || r[40] !== R ? (NW = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[37] = z, r[38] = WW);
+    let GW;
+    r[39] !== z || r[40] !== R ? (GW = (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
@@ -37988,19 +37975,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[39] = z, r[40] = R, r[41] = NW) : NW = r[41];
-    let PW;
-    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== AW || r[46] !== jW || r[47] !== MW || r[48] !== NW ? (PW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[39] = z, r[40] = R, r[41] = GW) : GW = r[41];
+    let KW;
+    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== Z || r[46] !== UW || r[47] !== WW || r[48] !== GW ? (KW = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: AW,
+      className: Z,
       style: W,
       ...d,
       children: [
-        jW,
-        MW,
-        NW
+        UW,
+        WW,
+        GW
       ]
-    }), r[42] = W, r[43] = d, r[44] = f, r[45] = AW, r[46] = jW, r[47] = MW, r[48] = NW, r[49] = PW) : PW = r[49], PW;
+    }), r[42] = W, r[43] = d, r[44] = f, r[45] = Z, r[46] = UW, r[47] = WW, r[48] = GW, r[49] = KW) : KW = r[49], KW;
   }, 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", {
@@ -38040,7 +38027,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-DfOZrkd6.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-BkZp_qsV.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), [
@@ -38095,15 +38082,20 @@ ${c}
     ]).optional(),
     speakerNotes: string().optional(),
     showCode: boolean().optional()
-  }), DeckConfigSchema = looseObject({
-    transition: _enum([
-      "none",
-      "fade",
-      "slide",
-      "convex",
-      "concave",
-      "zoom"
-    ]).optional()
+  }), DeckTransitionSchema = _enum([
+    "none",
+    "fade",
+    "slide",
+    "convex",
+    "concave",
+    "zoom"
+  ]), DeckVerticalAlignSchema = _enum([
+    "top",
+    "center",
+    "bottom"
+  ]), DeckConfigSchema = looseObject({
+    transition: DeckTransitionSchema.optional(),
+    verticalAlign: DeckVerticalAlignSchema.optional()
   });
   const SlidesLayoutPlugin = {
     type: "slides",
@@ -38420,7 +38412,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, kW, Z, jW, MW, NW, PW;
+    let H, W, G, q, VW, HW, Z, UW, WW, GW;
     if (r[3] !== T || r[4] !== M || r[5] !== I || r[6] !== L || r[7] !== _ || r[8] !== b || r[9] !== d || r[10] !== z || r[11] !== O || r[12] !== j || r[13] !== E || r[14] !== R || r[15] !== f || r[16] !== u || r[17] !== y || r[18] !== m || r[19] !== l) {
       let e2 = I.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), S2;
       r[30] === I ? S2 = r[31] : (S2 = () => I.filter(_temp3$1).map(_temp4$1).join("\n"), r[30] = I, r[31] = S2);
@@ -38466,11 +38458,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", kW = c, Z = R, jW = 0;
-      let AW = y && "marimo-output-stale", FW2 = L ? "p-5" : "p-3";
-      r[40] !== M || r[41] !== AW || r[42] !== FW2 ? (MW = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", AW, FW2, M), r[40] = M, r[41] = AW, r[42] = FW2, r[43] = MW) : MW = r[43], r[44] === d ? NW = r[45] : (NW = 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", VW = c, HW = R, Z = 0;
+      let KW2 = y && "marimo-output-stale", qW2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== KW2 || r[42] !== qW2 ? (UW = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", KW2, qW2, M), r[40] = M, r[41] = KW2, r[42] = qW2, r[43] = UW) : UW = r[43], r[44] === d ? WW = r[45] : (WW = d ? {
         maxHeight: "none"
-      } : void 0, r[44] = d, r[45] = NW), PW = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = WW), GW = 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");
@@ -38499,36 +38491,36 @@ ${c}
             wrapText: l
           })
         }, r2);
-      }), r[3] = T, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = m, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = kW, r[25] = Z, r[26] = jW, r[27] = MW, r[28] = NW, r[29] = PW;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], kW = r[24], Z = r[25], jW = r[26], MW = r[27], NW = r[28], PW = r[29];
-    let FW;
-    r[46] !== T || r[47] !== S ? (FW = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      }), r[3] = T, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = m, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = VW, r[25] = HW, r[26] = Z, r[27] = UW, r[28] = WW, r[29] = GW;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], VW = r[24], HW = r[25], Z = r[26], UW = r[27], WW = r[28], GW = r[29];
+    let KW;
+    r[46] !== T || r[47] !== S ? (KW = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: S,
       cellId: T,
       className: "bg-(--slate-4) border-(--slate-4) hover:bg-(--slate-5) dark:border-(--sky-5) dark:bg-(--sky-6) dark:text-(--sky-12) text-(--slate-12) rounded-l rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono max-w-[75%] whitespace-nowrap overflow-hidden"
-    }), r[46] = T, r[47] = S, r[48] = FW) : FW = r[48];
-    let IW;
-    r[49] !== FW || r[50] !== G || r[51] !== q || r[52] !== kW || r[53] !== Z || r[54] !== jW || r[55] !== MW || r[56] !== NW || r[57] !== PW ? (IW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[46] = T, r[47] = S, r[48] = KW) : KW = r[48];
+    let qW;
+    r[49] !== KW || r[50] !== G || r[51] !== q || r[52] !== VW || r[53] !== HW || r[54] !== Z || r[55] !== UW || r[56] !== WW || r[57] !== GW ? (qW = (0, import_jsx_runtime.jsxs)("div", {
       title: G,
       "data-testid": q,
-      ref: kW,
-      ...Z,
-      tabIndex: jW,
-      className: MW,
-      style: NW,
+      ref: VW,
+      ...HW,
+      tabIndex: Z,
+      className: UW,
+      style: WW,
       children: [
-        PW,
-        FW
+        GW,
+        KW
       ]
-    }), r[49] = FW, r[50] = G, r[51] = q, r[52] = kW, r[53] = Z, r[54] = jW, r[55] = MW, r[56] = NW, r[57] = PW, r[58] = IW) : IW = r[58];
-    let LW;
-    return r[59] !== H || r[60] !== W || r[61] !== IW ? (LW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[49] = KW, r[50] = G, r[51] = q, r[52] = VW, r[53] = HW, r[54] = Z, r[55] = UW, r[56] = WW, r[57] = GW, r[58] = qW) : qW = r[58];
+    let JW;
+    return r[59] !== H || r[60] !== W || r[61] !== qW ? (JW = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
       children: [
         W,
-        IW
+        qW
       ]
-    }), r[59] = H, r[60] = W, r[61] = IW, r[62] = LW) : LW = r[62], LW;
+    }), r[59] = H, r[60] = W, r[61] = qW, r[62] = JW) : JW = r[62], JW;
   }, 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);
@@ -38950,12 +38942,14 @@ ${c}
     r[6] === f ? L = r[7] : (L = outputIsLoading(f), r[6] = f, r[7] = L);
     let R = L, z = E && w !== "present", B;
     if (r[8] !== b || r[9] !== h || r[10] !== z || r[11] !== S || r[12] !== m) {
-      let e2 = new MarkdownLanguageAdapter().isSupported(b), c2 = !S && !z;
-      B = cn("marimo-cell", "hover-actions-parent empty:invisible", {
-        published: c2,
+      let e2 = new MarkdownLanguageAdapter().isSupported(b);
+      B = cn("marimo-cell", "hover-actions-parent empty:invisible", !S && !z ? publishedCellClasses({
+        errored: h,
+        stopped: m
+      }) : {
         "has-error": h,
         stopped: m,
-        borderless: e2 && !c2
+        borderless: e2
       }), r[8] = b, r[9] = h, r[10] = z, r[11] = S, r[12] = m, r[13] = B;
     } else B = r[13];
     let H = B;
@@ -39008,27 +39002,32 @@ ${c}
         ]
       }), r[37] = H, r[38] = E2, r[39] = O2, r[40] = y2, r[41] = S2, r[42] = w2, r[43] = M2) : M2 = r[43], M2;
     }
-    let W = isErrorMime(c == null ? void 0 : c.mimetype), G = O && W && Array.isArray(c == null ? void 0 : c.data) && c.data.some(_temp5);
-    if ((h || _ || m || W) && !G) return null;
-    let q;
-    r[44] !== d || r[45] !== T ? (q = cellDomProps(d, T), r[44] = d, r[45] = T, r[46] = q) : q = r[46];
-    let kW = w === "edit", Z;
-    r[47] !== d || r[48] !== R || r[49] !== c || r[50] !== I || r[51] !== kW ? (Z = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: kW,
+    if (shouldHidePublishedCell({
+      errored: h,
+      interrupted: _,
+      stopped: m,
+      output: c,
+      showErrorTracebacks: O
+    })) return null;
+    let W;
+    r[44] !== d || r[45] !== T ? (W = cellDomProps(d, T), r[44] = d, r[45] = T, r[46] = W) : W = r[46];
+    let G = w === "edit", q;
+    r[47] !== d || r[48] !== R || r[49] !== c || r[50] !== I || r[51] !== G ? (q = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: G,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[47] = d, r[48] = R, r[49] = c, r[50] = I, r[51] = kW, r[52] = Z) : Z = r[52];
-    let AW;
-    return r[53] !== H || r[54] !== q || r[55] !== Z ? (AW = (0, import_jsx_runtime.jsx)("div", {
+    }), r[47] = d, r[48] = R, r[49] = c, r[50] = I, r[51] = G, r[52] = q) : q = r[52];
+    let VW;
+    return r[53] !== H || r[54] !== W || r[55] !== q ? (VW = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
-      ...q,
-      children: Z
-    }), r[53] = H, r[54] = q, r[55] = Z, r[56] = AW) : AW = r[56], AW;
+      ...W,
+      children: q
+    }), r[53] = H, r[54] = W, r[55] = q, r[56] = VW) : VW = r[56], VW;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {
@@ -39074,9 +39073,6 @@ ${c}
   function _temp4() {
     return null;
   }
-  function _temp5(e) {
-    return e.type === "exception" && "traceback" in e && e.traceback;
-  }
   const cellRendererPlugins = [
     GridLayoutPlugin,
     SlidesLayoutPlugin,
@@ -39255,94 +39251,101 @@ ${c}
       }
       document.removeEventListener(MarimoValueReadyEvent.TYPE, this.handleReadyEvent), this.hasStarted = false;
     }
-  };
-  function parseMarimoIslandApps(e = document) {
-    let r = [
+  }, retainedPayloadCellIds = /* @__PURE__ */ new WeakMap();
+  function parseMarimoIslandApps(e = document, r = {}) {
+    let c = [
       ...e.querySelectorAll(ISLAND_TAG_NAMES.ISLAND)
-    ], c = parseMarimoIslandPayloads(e);
-    return r.length === 0 ? (Logger.warn("No embedded marimo apps found."), []) : c.length > 0 ? parsePayloadBackedApps(r, c) : parseIslandElementsIntoApps(r);
-  }
-  function parseIslandElementsIntoApps(e) {
-    let r = /* @__PURE__ */ new Map();
-    for (let c of e) {
-      let e2 = c.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID);
+    ], l = parseMarimoIslandPayloads(e);
+    if (c.length === 0) return Logger.warn("No embedded marimo apps found."), [];
+    let u = r.materialize ?? true;
+    return l.length > 0 ? parsePayloadBackedApps({
+      embeds: c,
+      materialize: u,
+      payloads: l
+    }) : parseIslandElementsIntoApps(c, u);
+  }
+  function parseIslandElementsIntoApps(e, r = true) {
+    let c = /* @__PURE__ */ new Map();
+    for (let l of e) {
+      let e2 = l.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID);
       if (!e2) {
         Logger.warn("Embedded marimo cell missing data-app-id attribute.");
         continue;
       }
-      if (c.getAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE) !== "true") continue;
-      let l = parseIslandElement(c);
-      if (!l) {
+      if (l.getAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE) !== "true") continue;
+      let u = parseIslandElement(l);
+      if (!u) {
         Logger.warn(`Embedded marimo app ${e2} missing cell output or code.`);
         continue;
       }
-      let u = r.get(e2);
-      u || (u = {
+      let f = c.get(e2);
+      f || (f = {
         id: e2,
         cells: []
-      }, r.set(e2, u));
-      let f = u.cells.length;
-      u.cells.push({
-        output: l.output,
-        code: l.code,
-        idx: f
-      }), c.setAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX, f.toString());
+      }, c.set(e2, f));
+      let p = f.cells.length;
+      f.cells.push({
+        output: u.output,
+        code: u.code,
+        idx: p
+      }), r && (l.setAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX, p.toString()), l.dispatchEvent(new Event(ISLAND_SOURCE_CHANGED_EVENT)));
     }
     return [
-      ...r.values()
+      ...c.values()
     ];
   }
-  function parsePayloadBackedApps(e, r) {
-    let c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), d = [];
-    for (let c2 of r) {
-      let r2 = false;
-      for (let d2 of c2.cells) {
-        let f2 = findMatchingIsland({
+  function parsePayloadBackedApps({ embeds: e, materialize: r, payloads: c }) {
+    let l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Set(), f = [];
+    for (let l2 of c) {
+      let c2 = false;
+      for (let f2 of l2.cells) {
+        let p2 = findMatchingIsland({
           embeds: e,
-          appId: c2.appId,
-          cell: d2,
-          consumedEmbeds: u
+          appId: l2.appId,
+          cell: f2,
+          consumedEmbeds: d
         });
-        f2 && (u.add(f2), l.set(d2, f2), materializeIslandPayload(f2, d2), r2 = true);
+        p2 && (d.add(p2), u.set(f2, p2), r && materializeIslandPayload(p2, f2), c2 = true);
       }
-      r2 && d.push(c2);
+      c2 && f.push(l2);
     }
-    let f = new Set(d.map((e2) => e2.appId)), p = new Set(d.filter((e2) => e2.cells.some((e3) => e3.reactive)).map((e2) => e2.appId));
-    for (let e2 of d) for (let r2 of e2.cells) {
-      let u2 = l.get(r2);
-      if (!p.has(e2.appId)) continue;
-      let d2 = c.get(e2.appId);
-      d2 || (d2 = {
+    let p = new Set(f.map((e2) => e2.appId)), m = new Set(f.filter((e2) => e2.cells.some((e3) => e3.reactive)).map((e2) => e2.appId));
+    for (let e2 of f) for (let c2 of e2.cells) {
+      let d2 = u.get(c2);
+      if (!m.has(e2.appId)) continue;
+      let f2 = l.get(e2.appId);
+      f2 || (f2 = {
         id: e2.appId,
         payloadBacked: true,
         cells: []
-      }, c.set(e2.appId, d2));
-      let f2 = d2.cells.length, m2 = {
-        cellId: r2.cellId,
-        output: r2.outputHtml,
-        code: r2.reactive ? r2.code : "",
-        idx: f2
+      }, l.set(e2.appId, f2));
+      let p2 = f2.cells.length, h2 = {
+        cellId: c2.cellId,
+        output: c2.outputHtml,
+        code: c2.reactive ? c2.code : "",
+        idx: p2
       };
-      r2.reactive || (m2.disabled = true), d2.cells.push(m2), r2.reactive && (u2 == null ? void 0 : u2.setAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX, f2.toString()));
+      c2.reactive || (h2.disabled = true), f2.cells.push(h2), r && c2.reactive && (d2 == null ? void 0 : d2.setAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX, p2.toString()));
     }
-    for (let r2 of e) {
+    if (r) for (let r2 of e) {
       let e2 = r2.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID);
-      e2 && f.has(e2) && !u.has(r2) && (r2.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID), r2.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX), r2.setAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE, "false"));
+      e2 && p.has(e2) && !d.has(r2) && (r2.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID), r2.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX), r2.setAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE, "false"), d.add(r2));
     }
-    let m = e.filter((e2) => {
+    let h = e.filter((e2) => {
       let r2 = e2.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID);
-      return !r2 || !f.has(r2);
+      return !r2 || !p.has(r2);
     });
+    if (r) for (let e2 of d) e2.dispatchEvent(new Event(ISLAND_SOURCE_CHANGED_EVENT));
     return [
-      ...c.values(),
-      ...parseIslandElementsIntoApps(m)
+      ...l.values(),
+      ...parseIslandElementsIntoApps(h, r)
     ];
   }
   function findMatchingIsland({ embeds: e, appId: r, cell: c, consumedEmbeds: l }) {
-    return e.find((e2) => l.has(e2) ? false : e2.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID) === r && e2.getAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID) === c.cellId);
+    return e.find((e2) => l.has(e2) ? false : e2.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID) === r && (e2.getAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID) ?? retainedPayloadCellIds.get(e2)) === c.cellId);
   }
   function materializeIslandPayload(e, r) {
-    e.setAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE, JSON.stringify(r.reactive)), e.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID), r.reactive || e.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX);
+    retainedPayloadCellIds.set(e, r.cellId), e.setAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE, JSON.stringify(r.reactive)), e.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID), r.reactive || e.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX);
     let c = ensureIslandChild(e, ISLAND_TAG_NAMES.CELL_OUTPUT);
     c.innerHTML = r.displayOutput ? r.outputHtml : "";
     let l = ensureIslandChild(e, ISLAND_TAG_NAMES.CELL_CODE);
@@ -39354,12 +39357,18 @@ ${c}
     let c = e.querySelector(r);
     return c || (c = e.ownerDocument.createElement(r), e.appendChild(c)), c;
   }
+  var retainedIslandSources = /* @__PURE__ */ new WeakMap();
+  function retainIslandSource(e, r) {
+    r.code ? retainedIslandSources.set(e, r) : retainedIslandSources.delete(e);
+  }
   function parseIslandElement(e) {
     let r = e.querySelector(ISLAND_TAG_NAMES.CELL_OUTPUT), c = extractIslandCodeFromEmbed(e);
-    return !r || !c ? null : {
+    if (r && c) return {
       output: r.innerHTML,
       code: c
     };
+    let l = retainedIslandSources.get(e);
+    return (l == null ? void 0 : l.code) ? l : null;
   }
   function createMarimoFile(e) {
     return [
@@ -39596,7 +39605,13 @@ ${c}
     }), r[0] = c, r[1] = l), l;
   }, import_client = __toESM(require_client(), 1), MarimoIslandElement = (_h2 = class extends HTMLElement {
     constructor() {
-      super(), this.classList.add(_h2.styleNamespace);
+      super();
+      __publicField(this, "connectionGeneration", 0);
+      __publicField(this, "handleSourceChanged", () => {
+        var _a5, _b3;
+        this.querySelector(_h2.outputTagName) && (this.renderConfig = this.extractRenderConfig(), (_a5 = this.querySelector(_h2.outputTagName)) == null ? void 0 : _a5.remove(), (_b3 = this.querySelector(_h2.codeTagName)) == null ? void 0 : _b3.remove()), this.runtimeCellId = this.isReactive && this.runtimeAppId === this.appId ? this.cellId : void 0, this.runtimeAppId = this.appId, this.syncCellIdsSubscription(), this.renderIsland();
+      });
+      this.classList.add(_h2.styleNamespace);
     }
     get appId() {
       let e = this.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID);
@@ -39606,6 +39621,7 @@ ${c}
       return this.getAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE) === "true";
     }
     get cellId() {
+      if (!this.isReactive) return;
       let e = this.getAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID);
       if (e) return e;
       let r = this.getAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX);
@@ -39615,35 +39631,51 @@ ${c}
       return extractIslandCodeFromEmbed(this);
     }
     getCellIdFromIndex(e) {
-      let { cellIds: r } = store.get(notebookAtom), c = r.inOrderIds.at(e);
-      return invariant(c, `Missing cell ID at index ${e}`), c;
+      let { cellIds: r } = store.get(notebookAtom);
+      return r.inOrderIds.at(e);
     }
     connectedCallback() {
-      let e = this.extractRenderConfig();
-      queueMicrotask(() => {
-        this.isConnected && (this.root = import_client.createRoot(this), this.renderIsland(e));
+      let r = ++this.connectionGeneration;
+      this.addEventListener(ISLAND_SOURCE_CHANGED_EVENT, this.handleSourceChanged), this.querySelector(_h2.outputTagName) && (this.renderConfig = this.extractRenderConfig()), invariant(this.renderConfig, "Missing island render source"), this.runtimeAppId = this.appId, this.runtimeCellId = this.hasAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX) ? this.cellId : void 0, this.syncCellIdsSubscription(), queueMicrotask(() => {
+        !this.isConnected || r !== this.connectionGeneration || (this.root = import_client.createRoot(this), this.renderIsland());
       });
     }
+    syncCellIdsSubscription() {
+      var _a5;
+      if (this.isReactive) {
+        this.unsubscribeCellIds ?? (this.unsubscribeCellIds = store.sub(cellIdsAtom, () => {
+          this.runtimeCellId = this.cellId, this.renderIsland();
+        }));
+        return;
+      }
+      (_a5 = this.unsubscribeCellIds) == null ? void 0 : _a5.call(this), this.unsubscribeCellIds = void 0;
+    }
     extractRenderConfig() {
       var _a5, _b3;
-      let r = this.querySelectorOrThrow(_h2.outputTagName).innerHTML, c = this.getOptionalEditor(), l = this.code, u = this.cellId, d = (_b3 = (_a5 = this.querySelector(_h2.editorTagName)) == null ? void 0 : _a5.parentElement) == null ? void 0 : _b3.getAttribute(OBJECT_ID_ATTR);
+      let r = this.querySelectorOrThrow(_h2.outputTagName).innerHTML, c = this.getOptionalEditor(), l = this.code;
+      retainIslandSource(this, {
+        code: l,
+        output: r
+      });
+      let u = (_b3 = (_a5 = this.querySelector(_h2.editorTagName)) == null ? void 0 : _a5.parentElement) == null ? void 0 : _b3.getAttribute(OBJECT_ID_ATTR);
       return {
         html: r,
-        codeCallback: c && d ? () => {
-          let e = UI_ELEMENT_REGISTRY.lookupValue(d);
+        codeCallback: c && u ? () => {
+          let e = UI_ELEMENT_REGISTRY.lookupValue(u);
           return e === void 0 ? l : String(e);
         } : () => l,
-        editor: c,
-        cellId: u
+        editor: c
       };
     }
-    renderIsland(e) {
+    renderIsland() {
       var _a5, _b3;
-      let { html: r, codeCallback: c, editor: l, cellId: u } = e, d = !!l, f = r.trim(), p = f === "<span></span>" || f === "" ? null : renderHTML({
+      let e = this.renderConfig;
+      if (!e) return;
+      let { html: r, codeCallback: c, editor: l } = e, u = this.runtimeCellId, d = !!l, f = r.trim(), p = f === "<span></span>" || f === "" ? null : renderHTML({
         html: f
       });
       if (!u) {
-        (_a5 = this.root) == null ? void 0 : _a5.render((0, import_jsx_runtime.jsx)(ErrorBoundary, {
+        this.removeAttribute("data-status"), (_a5 = this.root) == null ? void 0 : _a5.render((0, import_jsx_runtime.jsx)(ErrorBoundary, {
           children: (0, import_jsx_runtime.jsx)(Provider, {
             store,
             children: (0, import_jsx_runtime.jsx)(LocaleProvider, {
@@ -39688,6 +39720,8 @@ ${c}
       return invariant(r, `Missing ${e} element`), r;
     }
     disconnectedCallback() {
+      var _a5;
+      this.removeEventListener(ISLAND_SOURCE_CHANGED_EVENT, this.handleSourceChanged), (_a5 = this.unsubscribeCellIds) == null ? void 0 : _a5.call(this), this.unsubscribeCellIds = void 0;
       let e = this.root;
       this.root = void 0, e && queueMicrotask(() => e.unmount());
     }
@@ -39714,12 +39748,13 @@ ${c}
       r.set(notebookAtom, (r2) => reducer(r2, e2));
     });
     r.sub(shouldShowIslandsWarningIndicatorAtom, () => {
-      if (r.get(shouldShowIslandsWarningIndicatorAtom)) {
+      let e2 = r.get(shouldShowIslandsWarningIndicatorAtom), l2 = c.querySelectorAll(ISLAND_TAG_NAMES.ISLAND);
+      if (e2) {
         toastIslandsLoading();
-        for (let e2 of u) e2.style.setProperty("opacity", "0.5");
+        for (let e3 of l2) e3.style.setProperty("opacity", "0.5");
       } else {
         dismissIslandsLoadingToast();
-        for (let e2 of u) e2.style.removeProperty("opacity");
+        for (let e3 of l2) e3.style.removeProperty("opacity");
       }
     }), l.consumeMessages((e2) => {
       handleMessage(e2, f);
@@ -39730,6 +39765,7 @@ ${c}
     }), RuntimeState.INSTANCE.start(l.sendComponentValues);
   }
   function handleMessage(e, r) {
+    var _a5;
     try {
       let c = jsonParseWithSpecialChar(e);
       switch (Logger.debug("Islands received message:", c.op), c.op) {
@@ -39771,7 +39807,7 @@ ${c}
             setCapabilities: Functions.NOOP,
             setKernelState: Functions.NOOP,
             onError: Logger.error
-          }), defineCustomElement(ISLAND_TAG_NAMES.ISLAND, MarimoIslandElement);
+          }), ((_a5 = window.customElements) == null ? void 0 : _a5.get(ISLAND_TAG_NAMES.ISLAND)) || defineCustomElement(ISLAND_TAG_NAMES.ISLAND, MarimoIslandElement);
           return;
         case "send-ui-element-message":
           UI_ELEMENT_REGISTRY.broadcastMessage(c.data.ui_element, c.data.message, safeExtractSetUIElementMessageBuffers(c.data));
@@ -40044,7 +40080,7 @@ ${c}
     });
   }
   const getMarimoVersion = () => store.get(marimoVersionAtom);
-  var worker_default = "/assets/worker-DAWRHcPq.js", DefaultWorkerFactory = class {
+  var worker_default = "/assets/worker-B3XPCb6y.js", DefaultWorkerFactory = class {
     constructor(e = {}) {
       this.url = e.workerUrl || this.getDefaultWorkerUrl(), this.name = e.workerName || getMarimoVersion();
     }
@@ -40068,6 +40104,10 @@ ${c}
   }
   var IslandsPyodideBridge = class {
     constructor(e = {}) {
+      __publicField(this, "sessionReady", new Deferred());
+      __publicField(this, "nextSessionGeneration", 0);
+      __publicField(this, "appTransition", Promise.resolve());
+      __publicField(this, "workerReady", new Deferred());
       __publicField(this, "initialized", new Deferred());
       __publicField(this, "sendComponentValues", async (e) => (await this.putControlRequest({
         type: "update-ui-element",
@@ -40083,11 +40123,19 @@ ${c}
         type: "model",
         ...e
       }), null));
-      __publicField(this, "sendRun", async (e) => (await this.rpc.proxy.request.loadPackages(e.codes.join("\n")), await this.putControlRequest({
-        type: "execute-cells",
-        ...e
-      }), null));
+      __publicField(this, "sendRun", async (e) => {
+        let r = await this.getActiveSession();
+        return await this.rpc.proxy.request.loadPackages({
+          appId: r.appId,
+          code: e.codes.join("\n"),
+          sessionGeneration: r.sessionGeneration
+        }), await this.putControlRequest({
+          type: "execute-cells",
+          ...e
+        }, r), null;
+      });
       __publicField(this, "getUsageStats", throwNotImplemented);
+      __publicField(this, "getEnvironmentInfo", throwNotImplemented);
       __publicField(this, "sendRename", throwNotImplemented);
       __publicField(this, "sendSave", throwNotImplemented);
       __publicField(this, "sendCopy", throwNotImplemented);
@@ -40147,7 +40195,7 @@ ${c}
       __publicField(this, "getCacheInfo", throwNotImplemented);
       __publicField(this, "listStorageEntries", throwNotImplemented);
       __publicField(this, "downloadStorage", throwNotImplemented);
-      this.store = e.store || store, this.root = e.root || document, this.autoStartSessions = e.autoStartSessions ?? true;
+      this.store = e.store || store, this.root = e.root || document;
       try {
         this.rpc = getWorkerRPC((e.workerFactory || new DefaultWorkerFactory()).create()), this.setupMessageListeners();
       } catch (e2) {
@@ -40156,7 +40204,7 @@ ${c}
     }
     setupMessageListeners() {
       this.rpc.addMessageListener("ready", () => {
-        this.autoStartSessions && this.startSessionsForAllApps();
+        this.workerReady.resolve();
       }), this.rpc.addMessageListener("initialized", () => {
         this.store.set(islandsInitializedAtom, true), this.initialized.resolve();
       }), this.rpc.addMessageListener("initializedError", ({ error: e }) => {
@@ -40166,44 +40214,94 @@ ${c}
         (_a5 = this.messageConsumer) == null ? void 0 : _a5.call(this, e);
       });
     }
-    startSessionsForAllApps() {
-      var _a5, _b3;
-      let e = parseMarimoIslandApps(this.root);
+    async initializeApps() {
+      await this.enqueueAppTransition(async () => {
+        await this.workerReady.promise, await this.startApps();
+      });
+    }
+    async startApps() {
+      var _a5, _b3, _c4, _d4;
+      let e = parseMarimoIslandApps(this.root), r = e.length === 1;
       Logger.debug(`Starting sessions for ${e.length} app(s):`, e.map((e2) => `${e2.id} (${e2.cells.length} cells)`));
-      let r = (_b3 = e.length === 1 && !((_a5 = e[0]) == null ? void 0 : _a5.payloadBacked) ? getMarimoExportContext() : void 0) == null ? void 0 : _b3.notebookCode;
-      for (let c of e) {
-        let e2 = r || createMarimoFile(c);
-        Logger.debug(`App ${c.id} marimo file:
-`, e2), this.startSession({
+      let c = (_b3 = e.length === 1 && !((_a5 = e[0]) == null ? void 0 : _a5.payloadBacked) ? getMarimoExportContext() : void 0) == null ? void 0 : _b3.notebookCode;
+      for (let l of e) {
+        let e2 = c || createMarimoFile(l);
+        if (r && ((_c4 = this.session) == null ? void 0 : _c4.appId) === l.id && this.session.code === e2) return;
+        Logger.debug(`App ${l.id} marimo file:
+`, e2);
+        let u = {
           code: e2,
-          appId: c.id
-        }).catch((e3) => {
-          Logger.error(`Failed to start session for app ${c.id}:`, e3);
+          appId: l.id,
+          sessionGeneration: ++this.nextSessionGeneration
+        }, f = this.session, p = r && f !== void 0;
+        p && this.store.set(notebookAtom, initialNotebookState()), (r || !f) && (r && this.sessionReady.status !== "pending" && (this.sessionReady = new Deferred()), this.session = {
+          ...u,
+          code: r ? e2 : void 0
         });
+        let m = p ? this.rpc.proxy.request.replaceSession(u) : this.startSession(u);
+        try {
+          await m, this.sessionReady.status === "pending" && this.session && this.sessionReady.resolve(this.session);
+        } catch (e3) {
+          if (((_d4 = this.session) == null ? void 0 : _d4.sessionGeneration) === u.sessionGeneration && (this.session = f), Logger.error(`Failed to start session for app ${l.id}:`, e3), r) throw e3;
+        }
       }
     }
+    async stopSession(e) {
+      await this.enqueueAppTransition(async () => {
+        let r = this.session;
+        (r == null ? void 0 : r.code) === void 0 || e && r.appId !== e || (await this.rpc.proxy.request.stopSession({
+          appId: r.appId,
+          sessionGeneration: r.sessionGeneration
+        }), this.session = void 0, this.sessionReady = new Deferred(), this.store.set(notebookAtom, initialNotebookState()));
+      });
+    }
+    enqueueAppTransition(e) {
+      let r = this.appTransition.then(e);
+      return this.appTransition = r.catch(() => void 0), r;
+    }
     async startSession(e) {
       await this.rpc.proxy.request.startSession(e);
     }
     consumeMessages(e) {
       this.messageConsumer = e, this.rpc.proxy.send.consumerReady({});
     }
-    async putControlRequest(e) {
-      await this.rpc.proxy.request.bridge({
+    async putControlRequest(e, r) {
+      r ?? (r = await this.getActiveSession()), await this.rpc.proxy.request.bridge({
+        appId: r.appId,
         functionName: "put_control_request",
-        payload: e
+        payload: e,
+        sessionGeneration: r.sessionGeneration
       });
     }
+    async getActiveSession() {
+      let e = this.appTransition, r = this.session, c = this.sessionReady;
+      return await e, r ?? c.promise;
+    }
     destroy() {
     }
   }, globalBridgeInstance = null;
   function getGlobalBridge() {
     return globalBridgeInstance || (globalBridgeInstance = new IslandsPyodideBridge()), globalBridgeInstance;
   }
+  var bridge = getGlobalBridge(), bootstrapPromise;
+  canReplaceApp = function() {
+    return document.querySelector(ISLAND_TAG_NAMES.ISLAND) ? parseMarimoIslandApps(document, {
+      materialize: false
+    }).length === 1 : false;
+  };
   initialize = async function() {
-    await initializeIslands({
-      bridge: getGlobalBridge()
-    });
+    let e = document.querySelectorAll(ISLAND_TAG_NAMES.ISLAND);
+    if (e.length !== 0) {
+      for (let r of e) r.classList.add(ISLAND_CSS_CLASSES.NAMESPACE);
+      bootstrapPromise ?? (bootstrapPromise = initializeIslands({
+        bridge
+      }).catch((e2) => {
+        throw bootstrapPromise = void 0, e2;
+      })), await bootstrapPromise, await bridge.initializeApps();
+    }
+  };
+  stopApp = async function(e) {
+    await bridge.stopSession(e);
   };
   initialize().catch((e) => {
     Logger.error("Failed to initialize islands:", e);
@@ -40211,5 +40309,7 @@ ${c}
 });
 export {
   __tla,
-  initialize
+  canReplaceApp,
+  initialize,
+  stopApp
 };