@marimo-team/islands 0.23.9-dev3 → 0.23.9-dev4

package/dist/main.js

@@ -18,64 +18,64 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
 });
 import { a as __toCommonJS, n as __esmMin, r as __export, s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as useEventListener, m as useComposedRefs, n as buttonVariants, o as isPlatformMac, p as composeRefs, r as cva, t as Button, u as Slot, v as Functions, y as throwNotImplemented } from "./button-Dj4BTre0.js";
+import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as useEventListener, m as useComposedRefs, n as buttonVariants, o as isPlatformMac, p as composeRefs, r as cva, t as Button, u as Slot, v as Functions, y as throwNotImplemented } from "./button-C5K9fIPF.js";
 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-DLf4aN7I.js";
-import { $ as useCellActions, At as DeferredRequestRegistry, B as safeExtractSetUIElementMessageBuffers, Bn as CircleAlert, Bt as getDataTypeColor, C as AccordionContent, Cn as Root2$1, Ct as customPythonLanguageSupport, Dn as Table2, Dt as Paths, E as BorderAllIcon, En as Trash2, Et as PathBuilder, F as base64ToDataView, Fn as Eye, Ft as jotaiJsonStorage, Gt as convertStatsName, H as getMarimoExportContext, J as getCellNames, Jt as useRequestClient, K as createActions, Kt as getRequestClient, L as dataViewToBase64, Ln as Database, Mn as Layers, Nn as Info, Nt as repl, On as PaintRoller, Pn as FileText, Q as reducer, Rn as Columns2, Rt as PluralWords, S as Accordion, Sn as Item$1, St as Checkbox, T as AccordionTrigger, U as hasTrustedExportContext, V as renderHTML, Vn as Braces, Vt as require_client, W as hasRunAnyCellAtom, X as notebookOutline, Y as notebookAtom, Yt as isUninstantiated, Z as numColumnsAtom, _n as atomWithStorage, a as useLastFocusedCellId, an as parseInitialValue, bt as isInternalCellName, ct as kioskModeAtom, dn as OBJECT_ID_ATTR, dt as outputIsLoading, en as NotebookScopedLocalStorage, et as useCellIds, f as isOutputEmpty, fn as RANDOM_ID_ATTR, ft as outputIsStale, gn as atomWithReducer, i as useCellFocusActions, in as parseDataset, jn as LoaderCircle, jt as generateUUID, k as ChevronDownIcon, ln as UIElementId, mt as headingToIdentifier, nt as createCell, o as maybeAddAltairImport, ot as getInitialAppMode, p as useExpandedConsoleOutput, pn as jsonParseWithSpecialChar, pt as isErrorMime, qt as requestClientAtom, r as LazyAnyLanguageCodeMirror, rn as parseAttrValue, s as Spinner, sn as HTMLCellId, st as initialModeAtom, un as findCellId, vn as selectAtom, w as AccordionItem, wn as Trigger2, wt as MarkdownLanguageAdapter, xn as Content2, xt as normalizeName, yt as getValidName, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-CpggM7u1.js";
-import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BOg95xG5.js";
-import { o as useSize, s as Root$2, u as createLucideIcon } from "./dist-D3ZI9nhS.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-hVaaZsY5.js";
-import { $ as DelayMount, A as contextAwarePanelOwner, At as Kbd, B as Provider$1, Bt as Ellipsis, C as prettifyRowCount, Ct as TabsTrigger, D as ContextAwarePanelItem, Dt as LazyVegaEmbed, E as ComboboxItem, Et as ChartLoadingState, F as Toggle, Ft as TextWrap, G as TableHeader, Gt as ChevronsLeft, H as TableBody, Ht as Code, It as GripHorizontal, J as generateColumns, Jt as ArrowDownWideNarrow, K as TableRow, Kt as ChevronsDownUp, Lt as Funnel, M as isCellAwareAtom, Mt as EmotionCacheProvider, N as SlotNames, Nt as $fae977aafc393c5c$export$588937bcd60ade55, O as PANEL_TYPES, Ot as useOverflowDetection, P as slotsController, Pt as $fae977aafc393c5c$export$6b862160d295c8e, Q as ColumnChartSpecModel, Rt as EyeOff, S as prettifyRowColumnCount, St as TabsList, T as Combobox, Tt as ChartInfoState, U as TableCell, Ut as ChevronsUpDown, V as Table, Vt as Download, W as TableHead, Wt as ChevronsRight, X as renderCellValue, Y as inferFieldTypes, Z as ColumnChartContext, _ as downloadBlob, _t as CommandList, at as getPageIndexForRow, b as Progress, bt as Tabs, c as Slide, ct as INDEX_COLUMN_NAME, d as JsonOutput, dt as toFieldTypes, et as useIntersectionObserver, f as OutputArea, ft as getMimeValues, g as ADD_PRINTING_CLASS, gt as CommandItem, h as InstallPackageButton, ht as CommandInput, it as filtersToFilterGroup, j as contextAwarePanelType, jt as HtmlOutput, k as contextAwarePanelOpen, kt as RenderTextWithLinks, l as RadioGroup, lt as SELECT_COLUMN_ID, m as DataTable, mt as CommandEmpty, n as marimoVersionAtom, nt as DatePicker, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as loadTableAndRawData, p as OutputRenderer, pt as Command, q as NAMELESS_COLUMN_PREFIX, qt as ChevronLeft, r as showCodeInRunModeAtom, rt as DateRangePicker, st as loadTableData, t as useNotebookCodeAvailable, tt as usePrevious$1, u as RadioGroupItem, ut as TOO_MANY_ROWS, v as downloadByURL, vt as CommandSeparator, w as useInternalStateWithSync, wt as ChartErrorState, x as Filenames, xt as TabsContent, y as downloadHTMLAsImage, yt as Maps, z as Fill, __tla as __tla_2 } from "./code-visibility-BKxrBMod.js";
-import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-BF6-z62y.js";
-import { t as Check } from "./check-BcUIXnUT.js";
-import { A as Trigger$1, C as $a916eb452884faea$export$b7a616150fdb9f44, E as $18f2051aff69b9bf$export$a54013f0d02a8f82, F as X, L as ChevronDown, M as usePrevious$2, N as useDirection, P as createCollection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as clamp$2, k as Icon, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, x as assertNever } from "./strings-BiIhGaI8.js";
-import { I as $64fa3d84918910a7$export$29f1550f4b0d4415, K as useDebounceControlledState, L as $64fa3d84918910a7$export$4d86445c2cf5e3, Mt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, Nt as $3ef42575df84b30b$export$9d1611c77c2fe928, V as $64fa3d84918910a7$export$df3a06d6289f983e, Vt as $ff5963eb1fccf552$export$e08e3b67e392101e, a as NumberField, b as DropdownMenuTrigger, c as prettyNumber, d as DropdownMenuContent, f as DropdownMenuGroup, fn as Circle, g as DropdownMenuSeparator, i as OnBlurredInput, it as $701a24aa0da5b062$export$ea18c227d4417cc3, l as prettyScientificNumber, m as DropdownMenuLabel, n as DebouncedNumberInput, p as DropdownMenuItem, pn as ChevronRight, q as useDebouncedCallback, r as Input, rt as $f7dceffc5ad7768b$export$4e328f61c538687f, t as DebouncedInput, u as DropdownMenu, ut as $6179b936705e76d3$export$ae780daf29e6d456, vt as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./input-D4kjoQUB.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-CIpC_34u.js";
-import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-X8TR20AK.js";
-import { i as Pencil, n as Trash, r as Plus, t as BulkEdit } from "./types-Dzuoc3LN.js";
-import { t as require_react_dom } from "./react-dom-BWRJ_g_k.js";
-import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
-import { $ as StyleNamespace, A as looseObject, B as union, C as any, 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, Q as isInVscodeExtension, R as string, S as _null, T as boolean, U as ZodError, V as unknown, _ as ZodString, _t as Primitive, a as ZodIssueCode, b as _enum, c as ZodBoolean, d as ZodDiscriminatedUnion, dt as Presence, f as ZodEnum, ft as useControllableState, g as ZodOptional, gt as createContextScope, h as ZodObject, i as string$1, j as nan, k as literal, l as ZodDate, lt as useCallbackRef, m as ZodNumber, mt as composeEventHandlers$1, n as date, nt as __awaiter, o as ZodAny, p as ZodLiteral, pt as useLayoutEffect2, q as $ZodError, r as number$1, s as ZodArray, st as DismissableLayer, t as zod_default, u as ZodDefault, ut as useId$11, v as ZodType, vt as dispatchDiscreteCustomEvent, w as array, x as _instanceof, y as ZodUnion, z as tuple } from "./zod-BWkcDORu.js";
-import { i as prettyError, n as ErrorBanner, r as CellNotInitializedError, t as Banner } from "./error-banner-CVkfBUT3.js";
-import { t as Label } from "./label-BLqV33b1.js";
-import { a as TooltipRoot, i as TooltipProvider, n as TooltipContent, o as TooltipTrigger, r as TooltipPortal, t as Tooltip } from "./tooltip-DRaMBu06.js";
-import { f as CopyClipboardIcon } from "./extends-vAi97cpa.js";
-import { a as get_default } from "./hasIn-COs6vImh.js";
-import { n as _baseSet_default, t as pick_default } from "./pick-CRAXxDYn.js";
-import { i as debounce_default, r as KnownQueryParams, t as CSSClasses } from "./constants-D0gkYoE2.js";
-import { C as dequal, c as AppConfigSchema, g as useAtomValue, h as useAtom, i as autoInstantiateAtom, m as Provider, n as useTheme, o as localeAtom, p as isIslands, s as useResolvedMarimoConfig, u as store, w as useEvent_default, y as atom } from "./useTheme-DykuNHR2.js";
-import { Z as EditorView } from "./dist-CCADb07R.js";
-import { t as invariant } from "./invariant-UcGKQEhF.js";
-import { l as clamp, o as arrayShallowEquals, t as Arrays } from "./arrays-CldYf7p7.js";
-import { n as once } from "./once-rJImu7SE.js";
-import "./main-CThhXnXU.js";
-import { f as sql } from "./dist-BrBucRXs.js";
-import "./dist-Yrfc6L0I.js";
-import "./dist-UcOPnRMa.js";
-import "./dist-BTyJtnNg.js";
-import "./dist-DGAfI2rB.js";
-import { r as python } from "./dist-nuW5EDYT.js";
-import { n as minimalSetup, t as esm_default } from "./esm-CWp0KQeK.js";
-import "./purify.es-DT70lfR0.js";
-import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-Dsy9kkZu.js";
-import { n as require_prop_types, t as ErrorBoundary } from "./ErrorBoundary-D3wrPNma.js";
-import "./vega-loader.browser-3_z8GoFC.js";
-import { a as getContainerWidth, n as vegaLoadData, o as getVegaFieldTypes, s as tooltipHandler } from "./loader-Dr8Qem8p.js";
-import { t as useAsyncData } from "./useAsyncData-C56Khv_R.js";
-import "./defaultLocale-BpsHxBd7.js";
-import "./defaultLocale-DoeErsX2.js";
-import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-Dt98v2ua.js";
-import "./dist-C34oIrQ9.js";
-import "./dist-B507mf_I.js";
-import "./dist-BvCfQQQE.js";
-import "./dist-B4LJpMEg.js";
-import "./dist-DJ6zJQZ4.js";
-import "./dist-WdPUFc56.js";
-import "./dist-t_qL7eB8.js";
-import "./dist-CDFZi-QD.js";
-import "./dist-Bc5pmZIw.js";
-import { t as langs } from "./esm-DjNnlmpf.js";
+import { n as Copy, r as toast, t as copyToClipboard } from "./copy-BuQpJEzp.js";
+import { $ as useCellActions, At as DeferredRequestRegistry, B as safeExtractSetUIElementMessageBuffers, Bn as CircleAlert, Bt as getDataTypeColor, C as AccordionContent, Cn as Root2$1, Ct as customPythonLanguageSupport, Dn as Table2, Dt as Paths, E as BorderAllIcon, En as Trash2, Et as PathBuilder, F as base64ToDataView, Fn as Eye, Ft as jotaiJsonStorage, Gt as convertStatsName, H as getMarimoExportContext, J as getCellNames, Jt as useRequestClient, K as createActions, Kt as getRequestClient, L as dataViewToBase64, Ln as Database, Mn as Layers, Nn as Info, Nt as repl, On as PaintRoller, Pn as FileText, Q as reducer, Rn as Columns2, Rt as PluralWords, S as Accordion, Sn as Item$1, St as Checkbox, T as AccordionTrigger, U as hasTrustedExportContext, V as renderHTML, Vn as Braces, Vt as require_client, W as hasRunAnyCellAtom, X as notebookOutline, Y as notebookAtom, Yt as isUninstantiated, Z as numColumnsAtom, _n as atomWithStorage, a as useCellFocusActions, an as parseInitialValue, bt as isInternalCellName, ct as kioskModeAtom, dn as OBJECT_ID_ATTR, dt as outputIsLoading, en as NotebookScopedLocalStorage, et as useCellIds, f as isOutputEmpty, fn as RANDOM_ID_ATTR, ft as outputIsStale, gn as atomWithReducer, i as LazyAnyLanguageCodeMirror, in as parseDataset, jn as LoaderCircle, jt as generateUUID, k as ChevronDownIcon, ln as UIElementId, mt as headingToIdentifier, n as Spinner, nt as createCell, o as useLastFocusedCellId, ot as getInitialAppMode, p as useExpandedConsoleOutput, pn as jsonParseWithSpecialChar, pt as isErrorMime, qt as requestClientAtom, rn as parseAttrValue, s as maybeAddAltairImport, sn as HTMLCellId, st as initialModeAtom, un as findCellId, vn as selectAtom, w as AccordionItem, wn as Trigger2, wt as MarkdownLanguageAdapter, xn as Content2, xt as normalizeName, yt as getValidName, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-CiSinpSR.js";
+import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BNjes6Yx.js";
+import { o as useSize, s as Root$2, u as createLucideIcon } from "./dist-C1BYNeCR.js";
+import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-a6DaqW__.js";
+import { $ as TableHeader, A as CommandEmpty, At as LazyVegaEmbed, B as isCellAwareAtom, Bt as Funnel, C as prettifyRowCount, Ct as Tabs, D as Combobox, Dt as ChartErrorState, E as DateRangePicker, Et as TabsTrigger, F as ContextAwarePanelItem, Ft as EmotionCacheProvider, Gt as Code, H as slotsController, I as PANEL_TYPES, It as $fae977aafc393c5c$export$588937bcd60ade55, J as Provider$1, Jt as ChevronsLeft, Kt as ChevronsUpDown, L as contextAwarePanelOpen, Lt as $fae977aafc393c5c$export$6b862160d295c8e, M as CommandItem, Mt as RenderTextWithLinks, N as CommandList, Nt as Kbd, O as ComboboxItem, Ot as ChartInfoState, P as CommandSeparator, Pt as HtmlOutput, Q as TableHead, R as contextAwarePanelOwner, Rt as TextWrap, S as prettifyRowColumnCount, St as dateToLocalISOTime, T as DatePicker, Tt as TabsList, U as Toggle, Ut as Ellipsis, V as SlotNames, Vt as EyeOff, Wt as Download, X as TableBody, Xt as ChevronLeft, Y as Table, Yt as ChevronsDownUp, Z as TableCell, Zt as ArrowDownWideNarrow, _ as downloadBlob, _t as getMimeValues, at as ColumnChartContext, b as Progress, bt as dateToLocalISODate, c as Slide, ct as useIntersectionObserver, d as JsonOutput, dt as loadTableAndRawData, et as TableRow, f as OutputArea, ft as loadTableData, g as ADD_PRINTING_CLASS, gt as toFieldTypes, h as InstallPackageButton, ht as TOO_MANY_ROWS, it as renderCellValue, j as CommandInput, jt as useOverflowDetection, k as Command, kt as ChartLoadingState, l as RadioGroup, lt as usePrevious$1, m as DataTable, mt as SELECT_COLUMN_ID, n as marimoVersionAtom, nt as generateColumns, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as ColumnChartSpecModel, p as OutputRenderer, pt as INDEX_COLUMN_NAME, q as Fill, qt as ChevronsRight, r as showCodeInRunModeAtom, rt as inferFieldTypes, st as DelayMount, t as useNotebookCodeAvailable, tt as NAMELESS_COLUMN_PREFIX, u as RadioGroupItem, ut as getPageIndexForRow, v as downloadByURL, vt as isNullishFilter, w as useInternalStateWithSync, wt as TabsContent, x as Filenames, xt as dateToLocalISODateTime, y as downloadHTMLAsImage, yt as Maps, z as contextAwarePanelType, zt as GripHorizontal, __tla as __tla_2 } from "./code-visibility-VZebNmSs.js";
+import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-BNaoJ5a4.js";
+import { t as Check } from "./check-DTbrK0zt.js";
+import { A as Trigger$1, C as $a916eb452884faea$export$b7a616150fdb9f44, E as $18f2051aff69b9bf$export$a54013f0d02a8f82, F as X, L as ChevronDown, M as usePrevious$2, N as useDirection, P as createCollection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as clamp$2, k as Icon, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, x as assertNever } from "./strings-Bu3vlb6W.js";
+import { I as $64fa3d84918910a7$export$29f1550f4b0d4415, K as useDebounceControlledState, L as $64fa3d84918910a7$export$4d86445c2cf5e3, Mt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, Nt as $3ef42575df84b30b$export$9d1611c77c2fe928, V as $64fa3d84918910a7$export$df3a06d6289f983e, Vt as $ff5963eb1fccf552$export$e08e3b67e392101e, a as NumberField, b as DropdownMenuTrigger, c as prettyNumber, d as DropdownMenuContent, f as DropdownMenuGroup, fn as Circle, g as DropdownMenuSeparator, i as OnBlurredInput, it as $701a24aa0da5b062$export$ea18c227d4417cc3, l as prettyScientificNumber, m as DropdownMenuLabel, n as DebouncedNumberInput, p as DropdownMenuItem, pn as ChevronRight, q as useDebouncedCallback, r as Input, rt as $f7dceffc5ad7768b$export$4e328f61c538687f, t as DebouncedInput, u as DropdownMenu, ut as $6179b936705e76d3$export$ae780daf29e6d456, vt as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./input-CZD2z6X2.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-ZVVIBmdk.js";
+import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-5qJjMRKh.js";
+import { n as Trash, r as Pencil, t as BulkEdit } from "./types-CVvp1fKr.js";
+import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-rULOrC_p.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 StyleNamespace, A as looseObject, B as union, C as any, 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, Q as isInVscodeExtension, R as string, S as _null, T as boolean, U as ZodError, V as unknown, _ as ZodString, _t as Primitive, a as ZodIssueCode, b as _enum, c as ZodBoolean, d as ZodDiscriminatedUnion, dt as Presence, f as ZodEnum, ft as useControllableState, g as ZodOptional, gt as createContextScope, h as ZodObject, i as string$1, j as nan, k as literal, l as ZodDate, lt as useCallbackRef, m as ZodNumber, mt as composeEventHandlers$1, n as date, nt as __awaiter, o as ZodAny, p as ZodLiteral, pt as useLayoutEffect2, q as $ZodError, r as number$1, s as ZodArray, st as DismissableLayer, t as zod_default, u as ZodDefault, ut as useId$11, v as ZodType, vt as dispatchDiscreteCustomEvent, w as array, x as _instanceof, y as ZodUnion, z as tuple } from "./zod-CoBiJ5v4.js";
+import { i as prettyError, n as ErrorBanner, r as CellNotInitializedError, t as Banner } from "./error-banner-5bz0L9hS.js";
+import { t as Label } from "./label-LWtdw5i8.js";
+import { a as TooltipRoot, i as TooltipProvider, n as TooltipContent, o as TooltipTrigger, r as TooltipPortal, t as Tooltip } from "./tooltip-C5FYOpQc.js";
+import { f as CopyClipboardIcon } from "./extends-BgdxCfYu.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 { C as dequal, c as AppConfigSchema, g as useAtomValue, h as useAtom, i as autoInstantiateAtom, m as Provider, n as useTheme, o as localeAtom, p as isIslands, s as useResolvedMarimoConfig, u as store, w as useEvent_default, y as atom } from "./useTheme-7O0YWlE5.js";
+import { Z as EditorView } from "./dist-DNdhYsgW.js";
+import { t as invariant } from "./invariant-wRzNXIsJ.js";
+import { l as clamp, o as arrayShallowEquals, t as Arrays } from "./arrays-sEtDRoG4.js";
+import { n as once } from "./once-DPuqGUeo.js";
+import "./main-Tj_-QTyF.js";
+import { f as sql } from "./dist-BTfv03uy.js";
+import "./dist-fQ0ViXGs.js";
+import "./dist-CcXxepx6.js";
+import "./dist-DxvORzUR.js";
+import "./dist-DqAWR3CS.js";
+import { r as python } from "./dist-BotSqB48.js";
+import { n as minimalSetup, t as esm_default } from "./esm-BfhQmZjp.js";
+import "./purify.es-H92eMd9-.js";
+import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-DQ5qjo_Q.js";
+import "./vega-loader.browser-CZ-J8Py3.js";
+import { a as getContainerWidth, n as vegaLoadData, o as getVegaFieldTypes, s as tooltipHandler } from "./loader-BWLPpjKK.js";
+import "./defaultLocale-u-3osm0P.js";
+import "./defaultLocale-BoHTsDG6.js";
+import { t as useAsyncData } from "./useAsyncData-C008zUPi.js";
+import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-BrA3_n61.js";
+import "./dist-CLUtPrdy.js";
+import "./dist-RqXTaiir.js";
+import "./dist-DgnE8F-r.js";
+import "./dist-h2c8sZvT.js";
+import "./dist-Bde4a2kU.js";
+import "./dist-D4CewLk6.js";
+import "./dist-Bfwsv11D.js";
+import "./dist-B3P2fFpz.js";
+import "./dist-C5VC_yzu.js";
+import { t as langs } from "./esm-Duie8iU-.js";
 let initialize;
 let __tla = Promise.all([
   (() => {
@@ -4434,6 +4434,160 @@ let __tla = Promise.all([
     }
     window.customElements.define(e, r);
   }
+  function filterToFilterCondition(e, r) {
+    if (!r) return [];
+    let c = e;
+    if (isNullishFilter(r)) return [
+      {
+        column_id: c,
+        operator: r.operator,
+        type: "condition",
+        negate: false
+      }
+    ];
+    switch (r.type) {
+      case "number":
+        switch (r.operator) {
+          case "between":
+            return [
+              {
+                column_id: c,
+                operator: "between",
+                value: {
+                  min: r.min,
+                  max: r.max
+                },
+                type: "condition",
+                negate: false
+              }
+            ];
+          case "==":
+          case "!=":
+          case ">":
+          case ">=":
+          case "<":
+          case "<=":
+            return [
+              {
+                column_id: c,
+                operator: r.operator,
+                value: r.value,
+                type: "condition",
+                negate: false
+              }
+            ];
+          case "in":
+          case "not_in":
+            return [
+              {
+                column_id: c,
+                operator: r.operator,
+                value: r.values,
+                type: "condition",
+                negate: false
+              }
+            ];
+          default:
+            assertNever(r);
+        }
+      case "text":
+        switch (r.operator) {
+          case "contains":
+          case "equals":
+          case "does_not_equal":
+          case "regex":
+          case "starts_with":
+          case "ends_with":
+            return [
+              {
+                column_id: c,
+                operator: r.operator,
+                value: r.text,
+                type: "condition",
+                negate: false
+              }
+            ];
+          case "in":
+          case "not_in":
+            return [
+              {
+                column_id: c,
+                operator: r.operator,
+                value: r.values,
+                type: "condition",
+                negate: false
+              }
+            ];
+          case "is_empty":
+            return [
+              {
+                column_id: c,
+                operator: "is_empty",
+                type: "condition",
+                negate: false
+              }
+            ];
+          default:
+            assertNever(r);
+        }
+      case "date":
+      case "datetime":
+      case "time": {
+        let e2 = r.type === "date" ? dateToLocalISODate : r.type === "time" ? dateToLocalISOTime : dateToLocalISODateTime;
+        switch (r.operator) {
+          case "between":
+            return [
+              {
+                column_id: c,
+                operator: "between",
+                value: {
+                  min: e2(r.min),
+                  max: e2(r.max)
+                },
+                type: "condition",
+                negate: false
+              }
+            ];
+          case "==":
+          case "!=":
+          case ">":
+          case ">=":
+          case "<":
+          case "<=":
+            return [
+              {
+                column_id: c,
+                operator: r.operator,
+                value: e2(r.value),
+                type: "condition",
+                negate: false
+              }
+            ];
+          default:
+            assertNever(r);
+        }
+      }
+      case "boolean":
+        return [
+          {
+            column_id: c,
+            operator: r.operator,
+            type: "condition",
+            negate: false
+          }
+        ];
+      default:
+        assertNever(r);
+    }
+  }
+  function filtersToFilterGroup(e) {
+    return {
+      type: "group",
+      operator: "and",
+      children: e.flatMap((e2) => filterToFilterCondition(e2.id, e2.value)),
+      negate: false
+    };
+  }
   var import_compiler_runtime$87 = require_compiler_runtime(), Accordion$1 = Root2$1, AccordionContent$1 = Content2, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
   const BadPluginData = (e) => {
     let r = (0, import_compiler_runtime$87.c)(16), { error: c, badData: l, shadowRoot: u } = e;
@@ -5448,7 +5602,7 @@ let __tla = Promise.all([
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-D3XBept8.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-BDI3FMI8.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -5592,7 +5746,7 @@ let __tla = Promise.all([
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$80 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-DucgdjRo.js").then(async (m) => {
+  var import_compiler_runtime$80 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-DqRY9naW.js").then(async (m) => {
     await m.__tla;
     return m;
   }));
@@ -6558,7 +6712,7 @@ let __tla = Promise.all([
       let m2 = get(l, e2);
       if (m2) {
         let l2 = get(d, e2, isUndefined(c2) ? get(u, e2) : c2);
-        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : zU(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : WU(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -6631,14 +6785,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)) && YU(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && eW(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(WU(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(YU(), 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, []) : [])), zU = (e2, r2, c2 = {}) => {
+    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), WU = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -6651,11 +6805,11 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && UU(e2);
-    }, BU = (e2, r2, c2) => {
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && JU(e2);
+    }, GU = (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) ? BU(f2, d2, c2) : zU(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? GU(f2, d2, c2) : WU(f2, d2, c2);
       }
     }, Z = (e2, r2, m2 = {}) => {
       let h2 = get(l, e2), v2 = p.array.has(e2), y2 = cloneObject(r2);
@@ -6668,7 +6822,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? BU(e2, y2, m2) : zU(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? GU(e2, y2, m2) : WU(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -6676,7 +6830,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, VU = async (e2) => {
+    }, KU = 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));
@@ -6710,11 +6864,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 && UU(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && JU(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, HU = (e2, r2) => {
+    }, qU = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, UU = async (e2, u2 = {}) => {
+    }, JU = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -6733,23 +6887,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, HU, e2 ? m2 : p.mount), f2;
-    }, WU = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, qU, e2 ? m2 : p.mount), f2;
+    }, YU = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, GU = (e2, r2) => ({
+    }, XU = (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)
-    }), KU = (e2) => {
+    }), ZU = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, qU = (e2, r2, u2) => {
+    }, QU = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -6762,9 +6916,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, JU = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, $U = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), YU = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), eW = (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: {
@@ -6776,9 +6930,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, XU = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, tW = ({ 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));
-    }, ZU = (e2, c2 = {}) => {
+    }, nW = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -6792,7 +6946,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? XU({
+      }), p.mount.add(e2), d2 ? tW({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -6809,11 +6963,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: VU,
-        onBlur: VU,
+        onChange: KU,
+        onBlur: KU,
         ref: (m3) => {
           if (m3) {
-            ZU(e2, c2), d2 = get(l, e2);
+            nW(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, {
@@ -6839,7 +6993,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);
         }
       };
-    }, QU = () => r.shouldFocusError && iterateFieldsByAction(l, HU, p.mount), $U = (e2) => {
+    }, rW = () => r.shouldFocusError && iterateFieldsByAction(l, qU, p.mount), iW = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -6848,7 +7002,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, eW = (e2, u2) => async (f2) => {
+    }, aW = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -6870,7 +7024,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), QU(), setTimeout(QU);
+      }, f2), rW(), setTimeout(rW);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -6878,11 +7032,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, tW = (e2, r2 = {}) => {
+    }, oW = (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
       }));
-    }, nW = (e2, m2 = {}) => {
+    }, sW = (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) {
@@ -6935,25 +7089,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, rW = (e2, r2) => nW(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, cW = (e2, r2) => sW(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: ZU,
-        unregister: YU,
-        getFieldState: GU,
-        handleSubmit: eW,
-        setError: qU,
+        register: nW,
+        unregister: eW,
+        getFieldState: XU,
+        handleSubmit: aW,
+        setError: QU,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: XU,
+        _updateDisabledField: tW,
         _getFieldArray: q,
-        _reset: nW,
+        _reset: sW,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          rW(e2, r.resetOptions), _.state.next({
+          cW(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -6963,7 +7117,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: $U,
+        _disableForm: iW,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -7004,17 +7158,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: UU,
-      register: ZU,
-      handleSubmit: eW,
-      watch: JU,
+      trigger: JU,
+      register: nW,
+      handleSubmit: aW,
+      watch: $U,
       setValue: Z,
-      getValues: WU,
-      reset: rW,
-      resetField: tW,
-      clearErrors: KU,
-      unregister: YU,
-      setError: qU,
+      getValues: YU,
+      reset: cW,
+      resetField: oW,
+      clearErrors: ZU,
+      unregister: eW,
+      setError: QU,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -7022,7 +7176,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: GU
+      getFieldState: XU
     };
   }
   function useForm(e = {}) {
@@ -10184,33 +10338,33 @@ ${c}
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), zU = C({
+    }), H = U(), W = U(), G = C(0), q = C(null), WU = C({
       column: 0,
       row: 0
-    }), BU = U(), Z = U(), VU = C(false), HU = C(0), UU = C(true), WU = C(false), GU = C(false);
-    Y(x(b, $(HU), P(([e2, r2]) => !!r2)), () => {
-      D(UU, false);
-    }), Y(x(ut(b, UU, B, z, HU, WU), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(WU, true), Ue(1, () => {
+    }), GU = U(), Z = U(), KU = C(false), qU = C(0), JU = C(true), YU = C(false), XU = C(false);
+    Y(x(b, $(qU), P(([e2, r2]) => !!r2)), () => {
+      D(JU, false);
+    }), Y(x(ut(b, JU, B, z, qU, YU), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(YU, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(UU, true);
+        ]), D(JU, true);
       });
     }), F(x(Z, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(Z), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(zU, e2.gap), e2.scrollTop > 0 && (D(VU, true), Et(x(h, Kt(1)), (e3) => {
-        D(VU, false);
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(WU, e2.gap), e2.scrollTop > 0 && (D(KU, true), Et(x(h, Kt(1)), (e3) => {
+        D(KU, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(zU, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
+    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(WU, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
       gap: c2,
       item: r2,
       scrollTop: l2,
       viewport: e2
-    }))), BU), F(x(ut(V(I), l, V(zU, Or), V(B, xe), V(z, xe), V(q), V(L), V(VU), V(UU), V(HU)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), GU), F(x(ut(V(I), l, V(WU, Or), V(B, xe), V(z, xe), V(q), V(L), V(KU), V(JU), V(qU)), 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) {
@@ -10229,23 +10383,23 @@ ${c}
         offsetTop: j2,
         top: j2
       };
-    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, zU), 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, WU), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
       let { bottom: u2, top: d2 } = Bn(e2, l2, r2, c2);
       return [
         d2,
         u2
       ];
     }), J(ce)), r);
-    let KU = C(false);
-    F(x(h, $(KU), k(([e2, r2]) => r2 || e2 !== 0)), KU);
-    let qU = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(KU), P(([[e2, r2], c2]) => {
+    let ZU = C(false);
+    F(x(h, $(ZU), k(([e2, r2]) => r2 || e2 !== 0)), ZU);
+    let QU = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(ZU), 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())), JU = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), YU = bt(x(V(R), $(VU), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), $U = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), eW = bt(x(V(R), $(KU), 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(YU, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, zU), k(([e2, r2, c2, l2, u2]) => {
+    F(eW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, WU), k(([e2, r2, c2, l2, u2]) => {
       let d2 = $n(e2), { align: f2, behavior: p2, offset: m2 } = d2, h2 = d2.index;
       h2 === "LAST" && (h2 = l2 - 1), h2 = re(0, h2, Oe(l2 - 1, h2));
       let g2 = Me(r2, u2, c2, h2);
@@ -10254,7 +10408,7 @@ ${c}
         top: g2
       };
     })), m);
-    let XU = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let tW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -10263,7 +10417,7 @@ ${c}
       data: q,
       deviation: G,
       footerHeight: u,
-      gap: zU,
+      gap: WU,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
@@ -10285,16 +10439,16 @@ ${c}
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: GU,
-      initialTopMostItemIndex: HU,
-      totalListHeight: XU,
+      horizontalDirection: XU,
+      initialTopMostItemIndex: qU,
+      totalListHeight: tW,
       ...v,
-      endReached: qU,
+      endReached: QU,
       propsReady: S,
-      rangeChanged: YU,
-      startReached: JU,
-      stateChanged: BU,
-      stateRestoreInProgress: VU,
+      rangeChanged: eW,
+      startReached: $U,
+      stateChanged: GU,
+      stateRestoreInProgress: KU,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -13569,53 +13723,53 @@ ${c}
       className: "text-muted-foreground text-xs",
       children: "|"
     }), r[24] = q) : q = r[24];
-    let zU;
-    r[25] === E ? zU = r[26] : (zU = () => E(PANEL_TYPES.COLUMN_EXPLORER), r[25] = E, r[26] = zU);
-    let BU = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, Z;
-    r[27] === BU ? Z = r[28] : (Z = cn(tabTriggerClassName, BU), r[27] = BU, r[28] = Z);
-    let VU;
-    r[29] !== Z || r[30] !== zU ? (VU = (0, import_jsx_runtime.jsx)(Button, {
+    let WU;
+    r[25] === E ? WU = r[26] : (WU = () => E(PANEL_TYPES.COLUMN_EXPLORER), r[25] = E, r[26] = WU);
+    let GU = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, Z;
+    r[27] === GU ? Z = r[28] : (Z = cn(tabTriggerClassName, GU), r[27] = GU, r[28] = Z);
+    let KU;
+    r[29] !== Z || r[30] !== WU ? (KU = (0, import_jsx_runtime.jsx)(Button, {
       variant: "text",
       size: "xs",
-      onClick: zU,
+      onClick: WU,
       className: Z,
       children: "Columns"
-    }), r[29] = Z, r[30] = zU, r[31] = VU) : VU = r[31];
-    let HU;
-    r[32] !== VU || r[33] !== G ? (HU = (0, import_jsx_runtime.jsx)(Fill, {
+    }), r[29] = Z, r[30] = WU, r[31] = KU) : KU = r[31];
+    let qU;
+    r[32] !== KU || r[33] !== G ? (qU = (0, import_jsx_runtime.jsx)(Fill, {
       name: SlotNames.CONTEXT_AWARE_PANEL_HEADER,
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: "flex items-center gap-1",
         children: [
           G,
           q,
-          VU
+          KU
         ]
       })
-    }), r[32] = VU, r[33] = G, r[34] = HU) : HU = r[34];
-    let UU;
-    r[35] === M ? UU = r[36] : (UU = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[32] = KU, r[33] = G, r[34] = qU) : qU = r[34];
+    let JU;
+    r[35] === M ? JU = r[36] : (JU = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: PANEL_TYPES.ROW_VIEWER,
       className: "flex-1 overflow-auto",
       children: M
-    }), r[35] = M, r[36] = UU);
-    let WU;
-    r[37] === L ? WU = r[38] : (WU = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[35] = M, r[36] = JU);
+    let YU;
+    r[37] === L ? YU = r[38] : (YU = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: PANEL_TYPES.COLUMN_EXPLORER,
       className: "flex-1 overflow-auto",
       children: L
-    }), r[37] = L, r[38] = WU);
-    let GU;
-    return r[39] !== R || r[40] !== HU || r[41] !== UU || r[42] !== WU || r[43] !== z ? (GU = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[37] = L, r[38] = YU);
+    let XU;
+    return r[39] !== R || r[40] !== qU || r[41] !== JU || r[42] !== YU || r[43] !== z ? (XU = (0, import_jsx_runtime.jsxs)(Tabs, {
       value: R,
       onValueChange: z,
       className: "flex flex-col min-w-[350px]",
       children: [
-        HU,
-        UU,
-        WU
+        qU,
+        JU,
+        YU
       ]
-    }), r[39] = R, r[40] = HU, r[41] = UU, r[42] = WU, r[43] = z, r[44] = GU) : GU = r[44], GU;
+    }), r[39] = R, r[40] = qU, r[41] = JU, r[42] = YU, r[43] = z, r[44] = XU) : XU = r[44], XU;
   };
   var import_compiler_runtime$59 = require_compiler_runtime();
   function useEffectSkipFirstRender(e, r) {
@@ -14344,8 +14498,8 @@ ${c}
       _.pageSize,
       _.pageIndex
     ], r[36] = w, r[37] = _.pageIndex, r[38] = _.pageSize, r[39] = e.cellHoverTexts, r[40] = e.cellStyles, r[41] = e.data, r[42] = e.lazy, r[43] = e.sizeBytes, r[44] = e.totalRows, r[45] = u, r[46] = y, r[47] = m, r[48] = B, r[49] = H) : H = r[49];
-    let { data: W, error: G, isPending: q, isFetching: zU } = useAsyncData(z, H), BU;
-    r[50] !== w || r[51] !== u || r[52] !== y || r[53] !== m ? (BU = async (e2) => ({
+    let { data: W, error: G, isPending: q, isFetching: WU } = useAsyncData(z, H), GU;
+    r[50] !== w || r[51] !== u || r[52] !== y || r[53] !== m ? (GU = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -14354,38 +14508,38 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[50] = w, r[51] = u, r[52] = y, r[53] = m, r[54] = BU) : BU = r[54];
-    let Z = BU, VU;
-    r[55] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (VU = () => {
+    }), r[50] = w, r[51] = u, r[52] = y, r[53] = m, r[54] = GU) : GU = r[54];
+    let Z = GU, KU;
+    r[55] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (KU = () => {
       v(_temp4$4);
-    }, r[55] = VU) : VU = r[55];
-    let HU = W == null ? void 0 : W.totalRows, UU;
-    r[56] === HU ? UU = r[57] : (UU = [
-      HU
-    ], r[56] = HU, r[57] = UU), (0, import_react.useEffect)(VU, UU);
-    let WU;
-    r[58] === e ? WU = r[59] : (WU = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
+    }, r[55] = KU) : KU = r[55];
+    let qU = W == null ? void 0 : W.totalRows, JU;
+    r[56] === qU ? JU = r[57] : (JU = [
+      qU
+    ], r[56] = qU, r[57] = JU), (0, import_react.useEffect)(KU, JU);
+    let YU;
+    r[58] === e ? YU = r[59] : (YU = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
       data: null,
       stats: {},
       bin_values: {},
       value_counts: {},
       show_charts: false
-    } : e.get_column_summaries({}), r[58] = e, r[59] = WU);
-    let GU;
-    r[60] !== w || r[61] !== e.data || r[62] !== e.get_column_summaries || r[63] !== e.showColumnSummaries || r[64] !== e.totalRows || r[65] !== y ? (GU = [
+    } : e.get_column_summaries({}), r[58] = e, r[59] = YU);
+    let XU;
+    r[60] !== w || r[61] !== e.data || r[62] !== e.get_column_summaries || r[63] !== e.showColumnSummaries || r[64] !== e.totalRows || r[65] !== y ? (XU = [
       e.get_column_summaries,
       e.showColumnSummaries,
       w,
       y,
       e.totalRows,
       e.data
-    ], r[60] = w, r[61] = e.data, r[62] = e.get_column_summaries, r[63] = e.showColumnSummaries, r[64] = e.totalRows, r[65] = y, r[66] = GU) : GU = r[66];
-    let { data: KU, error: qU } = useAsyncData(WU, GU), JU, YU;
-    if (r[67] === qU ? (JU = r[68], YU = r[69]) : (JU = () => {
-      qU && Logger.error(qU);
-    }, YU = [
-      qU
-    ], r[67] = qU, r[68] = JU, r[69] = YU), (0, import_react.useEffect)(JU, YU), q) {
+    ], r[60] = w, r[61] = e.data, r[62] = e.get_column_summaries, r[63] = e.showColumnSummaries, r[64] = e.totalRows, r[65] = y, r[66] = XU) : XU = r[66];
+    let { data: ZU, error: QU } = useAsyncData(YU, XU), $U, eW;
+    if (r[67] === QU ? ($U = r[68], eW = r[69]) : ($U = () => {
+      QU && Logger.error(QU);
+    }, eW = [
+      QU
+    ], r[67] = QU, r[68] = $U, r[69] = eW), (0, import_react.useEffect)($U, eW), q) {
       let c2 = e.totalRows !== "too_many" && e.totalRows > 0 ? Math.min(e.totalRows, e.pageSize) : e.pageSize, l2;
       return r[70] === c2 ? l2 = r[71] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
         milliseconds: 200,
@@ -14394,7 +14548,7 @@ ${c}
         })
       }), r[70] = c2, r[71] = l2), l2;
     }
-    let XU = null;
+    let tW = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -14410,60 +14564,60 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[72] = G, r[73] = e2), XU = e2;
+      }), r[72] = G, r[73] = e2), tW = e2;
     }
-    let ZU;
-    r[74] === O ? ZU = r[75] : (ZU = () => {
+    let nW;
+    r[74] === O ? nW = r[75] : (nW = () => {
       j(!O);
-    }, r[74] = O, r[75] = ZU);
-    let QU = ZU, $U = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, eW = W == null ? void 0 : W.rawRows, tW = zU && !q, nW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, rW = (W == null ? void 0 : W.sizeBytes) ?? e.sizeBytes ?? null, iW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, aW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, oW;
-    r[76] !== l || r[77] !== KU || r[78] !== O || r[79] !== w || r[80] !== Z || r[81] !== _ || r[82] !== e || r[83] !== y || r[84] !== m || r[85] !== $U || r[86] !== eW || r[87] !== tW || r[88] !== nW || r[89] !== rW || r[90] !== iW || r[91] !== aW || r[92] !== QU ? (oW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[74] = O, r[75] = nW);
+    let rW = nW, iW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, aW = W == null ? void 0 : W.rawRows, oW = WU && !q, sW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, cW = (W == null ? void 0 : W.sizeBytes) ?? e.sizeBytes ?? null, lW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, uW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, dW;
+    r[76] !== l || r[77] !== ZU || r[78] !== O || r[79] !== w || r[80] !== Z || r[81] !== _ || r[82] !== e || r[83] !== y || r[84] !== m || r[85] !== iW || r[86] !== aW || r[87] !== oW || r[88] !== sW || r[89] !== cW || r[90] !== lW || r[91] !== uW || r[92] !== rW ? (dW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: $U,
-      rawData: eW,
-      columnSummaries: KU,
+      data: iW,
+      rawData: aW,
+      columnSummaries: ZU,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: tW,
-      totalRows: nW,
-      sizeBytes: rW,
+      reloading: oW,
+      totalRows: sW,
+      sizeBytes: cW,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: iW,
-      cellHoverTexts: aW,
-      toggleDisplayHeader: QU,
+      cellStyles: lW,
+      cellHoverTexts: uW,
+      toggleDisplayHeader: rW,
       isChartBuilderOpen: O,
       getRow: Z,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[76] = l, r[77] = KU, r[78] = O, r[79] = w, r[80] = Z, r[81] = _, r[82] = e, r[83] = y, r[84] = m, r[85] = $U, r[86] = eW, r[87] = tW, r[88] = nW, r[89] = rW, r[90] = iW, r[91] = aW, r[92] = QU, r[93] = oW) : oW = r[93];
-    let sW = oW, cW;
-    r[94] !== l || r[95] !== sW || r[96] !== (W == null ? void 0 : W.rows) || r[97] !== O || r[98] !== e.fieldTypes || r[99] !== e.get_data_url || r[100] !== e.showChartBuilder || r[101] !== e.totalColumns || r[102] !== e.totalRows ? (cW = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[76] = l, r[77] = ZU, r[78] = O, r[79] = w, r[80] = Z, r[81] = _, r[82] = e, r[83] = y, r[84] = m, r[85] = iW, r[86] = aW, r[87] = oW, r[88] = sW, r[89] = cW, r[90] = lW, r[91] = uW, r[92] = rW, r[93] = dW) : dW = r[93];
+    let fW = dW, pW;
+    r[94] !== l || r[95] !== fW || r[96] !== (W == null ? void 0 : W.rows) || r[97] !== O || r[98] !== e.fieldTypes || r[99] !== e.get_data_url || r[100] !== e.showChartBuilder || r[101] !== e.totalColumns || r[102] !== e.totalRows ? (pW = 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: sW,
+      dataTable: fW,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       cellId: l
-    }) : sW, r[94] = l, r[95] = sW, r[96] = W == null ? void 0 : W.rows, r[97] = O, r[98] = e.fieldTypes, r[99] = e.get_data_url, r[100] = e.showChartBuilder, r[101] = e.totalColumns, r[102] = e.totalRows, r[103] = cW) : cW = r[103];
-    let lW;
-    return r[104] !== XU || r[105] !== cW ? (lW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : fW, r[94] = l, r[95] = fW, r[96] = W == null ? void 0 : W.rows, r[97] = O, r[98] = e.fieldTypes, r[99] = e.get_data_url, r[100] = e.showChartBuilder, r[101] = e.totalColumns, r[102] = e.totalRows, r[103] = pW) : pW = r[103];
+    let mW;
+    return r[104] !== tW || r[105] !== pW ? (mW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        XU,
-        cW
+        tW,
+        pW
       ]
-    }), r[104] = XU, r[105] = cW, r[106] = lW) : lW = r[106], lW;
+    }), r[104] = tW, r[105] = pW, r[106] = mW) : mW = r[106], mW;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, maxColumns: d, pagination: f, selection: p, value: m, showFilters: h, showDownload: g, showPageSizeSelector: _, showColumnExplorer: v, showRowExplorer: y, showChartBuilder: b, showDataTypes: S, rowHeaders: w, fieldTypes: T, paginationState: O, setPaginationState: j, download_as: M, columnSummaries: I, className: L, setValue: R, sorting: z, setSorting: B, enableSearch: H, searchQuery: W, setSearchQuery: G, filters: q, setFilters: zU, reloading: BU, freezeColumnsLeft: Z, freezeColumnsRight: VU, textJustifyColumns: HU, wrappedColumns: UU, headerTooltip: WU, totalColumns: GU, get_row_ids: KU, cellStyles: qU, hoverTemplate: JU, cellHoverTexts: YU, toggleDisplayHeader: XU, isChartBuilderOpen: ZU, calculate_top_k_rows: QU, preview_column: $U, getRow: eW, cellId: tW, maxHeight: nW }) => {
-    let rW = (0, import_react.useId)(), [iW, aW] = (0, import_react.useState)(0), { isPanelOpen: oW, isAnyPanelOpen: sW, togglePanel: cW, panelType: lW, setPanelType: uW } = usePanelOwnership(rW, tW), dW = (0, import_react.useMemo)(() => {
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, maxColumns: d, pagination: f, selection: p, value: m, showFilters: h, showDownload: g, showPageSizeSelector: _, showColumnExplorer: v, showRowExplorer: y, showChartBuilder: b, showDataTypes: S, rowHeaders: w, fieldTypes: T, paginationState: O, setPaginationState: j, download_as: M, columnSummaries: I, className: L, setValue: R, sorting: z, setSorting: B, enableSearch: H, searchQuery: W, setSearchQuery: G, filters: q, setFilters: WU, reloading: GU, freezeColumnsLeft: Z, freezeColumnsRight: KU, textJustifyColumns: qU, wrappedColumns: JU, headerTooltip: YU, totalColumns: XU, get_row_ids: ZU, cellStyles: QU, hoverTemplate: $U, cellHoverTexts: eW, toggleDisplayHeader: tW, isChartBuilderOpen: nW, calculate_top_k_rows: rW, preview_column: iW, getRow: aW, cellId: oW, maxHeight: sW }) => {
+    let cW = (0, import_react.useId)(), [lW, uW] = (0, import_react.useState)(0), { isPanelOpen: dW, isAnyPanelOpen: fW, togglePanel: pW, panelType: mW, setPanelType: hW } = usePanelOwnership(cW, oW), gW = (0, import_react.useMemo)(() => {
       if (!I || !T || !I.stats) return ColumnChartSpecModel.EMPTY;
       let e2 = toFieldTypes(T);
       return new ColumnChartSpecModel(I.data || [], e2, I.stats, I.bin_values, I.value_counts, {
@@ -14472,13 +14626,13 @@ ${c}
     }, [
       T,
       I
-    ]), fW = useDeepCompareMemoize(T ?? inferFieldTypes(r)), pW = (0, import_react.useMemo)(() => d === "all" ? fW : fW.slice(0, d), [
+    ]), _W = useDeepCompareMemoize(T ?? inferFieldTypes(r)), vW = (0, import_react.useMemo)(() => d === "all" ? _W : _W.slice(0, d), [
       d,
-      fW
-    ]), mW = (0, import_react.useMemo)(() => {
+      _W
+    ]), yW = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of pW) if (l2[0] === "number") {
+        for (let [c2, l2] of vW) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -14493,55 +14647,55 @@ ${c}
       return e2;
     }, [
       r,
-      pW
-    ]), hW = useDeepCompareMemoize(w), gW = useDeepCompareMemoize(HU), _W = useDeepCompareMemoize(UU), vW = useDeepCompareMemoize(dW), yW = useDeepCompareMemoize(mW), bW = pW.length;
+      vW
+    ]), bW = useDeepCompareMemoize(w), xW = useDeepCompareMemoize(qU), SW = useDeepCompareMemoize(JU), CW = useDeepCompareMemoize(gW), wW = useDeepCompareMemoize(yW), TW = vW.length;
     T || (S = false);
-    let xW = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: hW,
+    let EW = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: bW,
       selection: p,
-      chartSpecModel: vW,
-      fieldTypes: pW,
-      textJustifyColumns: gW,
-      wrappedColumns: _W,
-      headerTooltip: WU,
+      chartSpecModel: CW,
+      fieldTypes: vW,
+      textJustifyColumns: xW,
+      wrappedColumns: SW,
+      headerTooltip: YU,
       showDataTypes: S,
-      calculateTopKRows: QU,
-      fractionDigitsByColumn: yW
+      calculateTopKRows: rW,
+      fractionDigitsByColumn: wW
     }), [
       p,
       S,
+      CW,
+      bW,
       vW,
-      hW,
-      pW,
-      gW,
-      _W,
-      WU,
-      QU,
-      yW
-    ]), SW = (0, import_react.useMemo)(() => Object.fromEntries((m || []).map((e2) => [
+      xW,
+      SW,
+      YU,
+      rW,
+      wW
+    ]), DW = (0, import_react.useMemo)(() => Object.fromEntries((m || []).map((e2) => [
       e2,
       true
     ])), [
       m
-    ]), CW = useEvent_default((e2) => {
+    ]), OW = useEvent_default((e2) => {
       if (p === "single") {
         let r2 = Functions.asUpdater(e2)({});
         R(Object.keys(r2).slice(0, 1));
       }
       if (p === "multi") {
-        let r2 = Functions.asUpdater(e2)(SW);
+        let r2 = Functions.asUpdater(e2)(DW);
         R(Object.keys(r2));
       }
-    }), wW = useEvent_default((e2) => {
-      if (aW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), kW = useEvent_default((e2) => {
+      if (uW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
       let r2 = getPageIndexForRow(e2, O.pageIndex, O.pageSize);
       r2 !== null && j((e3) => ({
         ...e3,
         pageIndex: r2
       }));
-    }), TW = m.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), EW = useEvent_default((e2) => {
-      p === "single-cell" && R(Functions.asUpdater(e2)(TW).slice(0, 1)), p === "multi-cell" && R(Functions.asUpdater(e2)(TW));
-    }), DW = p === "multi" || p === "single", OW = v && !!$U, kW = isInVscodeExtension(), AW = isIslands();
+    }), AW = m.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), jW = useEvent_default((e2) => {
+      p === "single-cell" && R(Functions.asUpdater(e2)(AW).slice(0, 1)), p === "multi-cell" && R(Functions.asUpdater(e2)(AW));
+    }), MW = p === "multi" || p === "single", NW = v && !!iW, PW = isInVscodeExtension(), FW = isIslands();
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         l === "too_many" && O.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
@@ -14552,13 +14706,13 @@ ${c}
             " rows."
           ]
         }),
-        bW < GU && bW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        TW < XU && TW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            bW,
+            TW,
             " of ",
-            GU,
+            XU,
             " columns."
           ]
         }),
@@ -14566,27 +14720,27 @@ ${c}
           className: "mb-1 rounded",
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
-        sW && (y || OW) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        fW && (y || NW) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
           children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-            rowIdx: iW,
-            setRowIdx: wW,
+            rowIdx: lW,
+            setRowIdx: kW,
             totalRows: l,
-            fieldTypes: fW,
-            getRow: eW,
-            isSelectable: DW,
-            isRowSelected: !!SW[iW],
-            handleRowSelectionChange: CW,
-            previewColumn: $U,
-            totalColumns: GU,
-            tableId: rW,
-            showRowExplorer: y && !kW,
-            showColumnExplorer: OW && !kW,
-            activeTab: lW,
-            onTabChange: uW
+            fieldTypes: _W,
+            getRow: aW,
+            isSelectable: MW,
+            isRowSelected: !!DW[lW],
+            handleRowSelectionChange: OW,
+            previewColumn: iW,
+            totalColumns: XU,
+            tableId: cW,
+            showRowExplorer: y && !PW,
+            showColumnExplorer: NW && !PW,
+            activeTab: mW,
+            onTabChange: hW
           })
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: dW,
+          value: gW,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -14594,13 +14748,13 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: xW,
+              columns: EW,
               className: L,
-              maxHeight: nW,
+              maxHeight: sW,
               sorting: z,
               totalRows: l,
               sizeBytes: u,
-              totalColumns: GU,
+              totalColumns: XU,
               manualSorting: true,
               setSorting: B,
               pagination: f,
@@ -14608,35 +14762,35 @@ ${c}
               selection: p,
               paginationState: O,
               setPaginationState: j,
-              rowSelection: SW,
-              cellSelection: TW,
-              cellStyling: qU,
-              hoverTemplate: JU,
-              cellHoverTexts: YU,
+              rowSelection: DW,
+              cellSelection: AW,
+              cellStyling: QU,
+              hoverTemplate: $U,
+              cellHoverTexts: eW,
               downloadAs: g ? M : void 0,
               enableSearch: H,
               searchQuery: W,
               onSearchQueryChange: G,
               showFilters: h,
               filters: q,
-              onFiltersChange: zU,
-              calculateTopKRows: QU,
-              reloading: BU,
-              onRowSelectionChange: CW,
+              onFiltersChange: WU,
+              calculateTopKRows: rW,
+              reloading: GU,
+              onRowSelectionChange: OW,
               freezeColumnsLeft: Z,
-              freezeColumnsRight: VU,
-              onCellSelectionChange: EW,
-              getRowIds: KU,
-              toggleDisplayHeader: XU,
-              showChartBuilder: b && !AW,
-              isChartBuilderOpen: ZU,
+              freezeColumnsRight: KU,
+              onCellSelectionChange: jW,
+              getRowIds: ZU,
+              toggleDisplayHeader: tW,
+              showChartBuilder: b && !FW,
+              isChartBuilderOpen: nW,
               showPageSizeSelector: _,
-              showTableExplorer: (y || OW) && !kW && !AW,
-              togglePanel: cW,
-              isPanelOpen: oW,
-              isAnyPanelOpen: sW,
-              viewedRowIdx: iW,
-              onViewedRowChange: (e2) => aW(e2)
+              showTableExplorer: (y || NW) && !PW && !FW,
+              togglePanel: pW,
+              isPanelOpen: dW,
+              isAnyPanelOpen: fW,
+              viewedRowIdx: lW,
+              onViewedRowChange: (e2) => uW(e2)
             })
           })
         })
@@ -15046,7 +15200,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-2lBNiUv6.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-OzrfMM5L.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object({
     label: string().nullish(),
     data: string()
@@ -16738,29 +16892,29 @@ ${c}
     ], r[2] = b, r[3] = S);
     let { data: w, error: T, isPending: O } = useAsyncData(y, S), j;
     r[4] === w ? j = r[5] : (j = w || {}, r[4] = w, r[5] = j);
-    let { url: M, total_rows: I, row_headers: L, field_types: R, column_types_per_step: z, python_code: B, sql_code: H, size_bytes: W } = j, G = R == null ? void 0 : R.length, [q, zU] = (0, import_react.useState)(f || EMPTY), BU = (0, import_react.useRef)(null), Z;
+    let { url: M, total_rows: I, row_headers: L, field_types: R, column_types_per_step: z, python_code: B, sql_code: H, size_bytes: W } = j, G = R == null ? void 0 : R.length, [q, WU] = (0, import_react.useState)(f || EMPTY), GU = (0, import_react.useRef)(null), Z;
     r[6] === d ? Z = r[7] : (Z = (e2) => {
       var _a3;
-      d && e2 !== "transform" && ((_a3 = BU.current) == null ? void 0 : _a3.submit());
+      d && e2 !== "transform" && ((_a3 = GU.current) == null ? void 0 : _a3.submit());
     }, r[6] = d, r[7] = Z);
-    let VU = Z, HU = (0, import_react.useRef)(q), UU;
-    r[8] === q ? UU = r[9] : (UU = () => {
-      HU.current = q;
-    }, r[8] = q, r[9] = UU), (0, import_react.useEffect)(UU);
-    let WU;
-    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (WU = () => {
-      let e2 = HU.current;
+    let KU = Z, qU = (0, import_react.useRef)(q), JU;
+    r[8] === q ? JU = r[9] : (JU = () => {
+      qU.current = q;
+    }, r[8] = q, r[9] = JU), (0, import_react.useEffect)(JU);
+    let YU;
+    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (YU = () => {
+      let e2 = qU.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] = WU) : WU = r[12];
-    let GU = f == null ? void 0 : f.transforms.length, KU;
-    r[13] !== w || r[14] !== p || r[15] !== GU ? (KU = [
+    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = YU) : YU = r[12];
+    let XU = f == null ? void 0 : f.transforms.length, ZU;
+    r[13] !== w || r[14] !== p || r[15] !== XU ? (ZU = [
       w,
-      GU,
-      HU,
+      XU,
+      qU,
       p
-    ], r[13] = w, r[14] = p, r[15] = GU, r[16] = KU) : KU = r[16], (0, import_react.useEffect)(WU, KU);
-    let qU;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (qU = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = w, r[14] = p, r[15] = XU, r[16] = ZU) : ZU = r[16], (0, import_react.useEffect)(YU, ZU);
+    let QU;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (QU = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -16769,9 +16923,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = qU) : qU = r[17];
-    let JU;
-    r[18] === B ? JU = r[19] : (JU = B && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = QU) : QU = r[17];
+    let $U;
+    r[18] === B ? $U = r[19] : ($U = B && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -16780,9 +16934,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = B, r[19] = JU);
-    let YU;
-    r[20] === H ? YU = r[21] : (YU = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = B, r[19] = $U);
+    let eW;
+    r[20] === H ? eW = r[21] : (eW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -16791,54 +16945,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = H, r[21] = YU);
-    let XU;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (XU = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = H, r[21] = eW);
+    let tW;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (tW = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = XU) : XU = r[22];
-    let ZU;
-    r[23] !== JU || r[24] !== YU ? (ZU = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = tW) : tW = r[22];
+    let nW;
+    r[23] !== $U || r[24] !== eW ? (nW = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        qU,
-        JU,
-        YU,
-        XU
+        QU,
+        $U,
+        eW,
+        tW
       ]
-    }), r[23] = JU, r[24] = YU, r[25] = ZU) : ZU = r[25];
-    let QU;
-    r[26] === O ? QU = r[27] : (QU = O && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = $U, r[24] = eW, r[25] = nW) : nW = r[25];
+    let rW;
+    r[26] === O ? rW = r[27] : (rW = O && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = O, r[27] = QU);
-    let $U;
-    r[28] !== ZU || r[29] !== QU ? ($U = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = O, r[27] = rW);
+    let iW;
+    r[28] !== nW || r[29] !== rW ? (iW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        ZU,
-        QU
+        nW,
+        rW
       ]
-    }), r[28] = ZU, r[29] = QU, r[30] = $U) : $U = r[30];
-    let eW;
-    r[31] !== p || r[32] !== f ? (eW = (e2) => {
-      dequal(e2, f) || (p(e2), zU(e2));
-    }, r[31] = p, r[32] = f, r[33] = eW) : eW = r[33];
-    let nW;
-    r[34] !== z || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== eW ? (nW = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[28] = nW, r[29] = rW, r[30] = iW) : iW = r[30];
+    let aW;
+    r[31] !== p || r[32] !== f ? (aW = (e2) => {
+      dequal(e2, f) || (p(e2), WU(e2));
+    }, r[31] = p, r[32] = f, r[33] = aW) : aW = r[33];
+    let sW;
+    r[34] !== z || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== aW ? (sW = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: BU,
+        ref: GU,
         initialValue: q,
         columns: c,
-        onChange: eW,
-        onInvalidChange: zU,
+        onChange: aW,
+        onInvalidChange: WU,
         getColumnValues: h,
         columnTypesPerStep: z,
         lazy: d
       })
-    }), r[34] = z, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = eW, r[40] = nW) : nW = r[40];
-    let rW;
-    r[41] === B ? rW = r[42] : (rW = B && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = z, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = aW, r[40] = sW) : sW = r[40];
+    let cW;
+    r[41] === B ? cW = r[42] : (cW = B && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -16847,9 +17001,9 @@ ${c}
         code: B,
         language: "python"
       })
-    }), r[41] = B, r[42] = rW);
-    let iW;
-    r[43] === H ? iW = r[44] : (iW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = B, r[42] = cW);
+    let lW;
+    r[43] === H ? lW = r[44] : (lW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -16858,36 +17012,36 @@ ${c}
         code: H,
         language: "sql"
       })
-    }), r[43] = H, r[44] = iW);
-    let aW;
-    r[45] !== VU || r[46] !== $U || r[47] !== nW || r[48] !== rW || r[49] !== iW ? (aW = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = H, r[44] = lW);
+    let uW;
+    r[45] !== KU || r[46] !== iW || r[47] !== sW || r[48] !== cW || r[49] !== lW ? (uW = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: VU,
+      onValueChange: KU,
       children: [
-        $U,
-        nW,
-        rW,
-        iW
+        iW,
+        sW,
+        cW,
+        lW
       ]
-    }), r[45] = VU, r[46] = $U, r[47] = nW, r[48] = rW, r[49] = iW, r[50] = aW) : aW = r[50];
-    let oW;
-    r[51] === T ? oW = r[52] : (oW = T && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = KU, r[46] = iW, r[47] = sW, r[48] = cW, r[49] = lW, r[50] = uW) : uW = r[50];
+    let dW;
+    r[51] === T ? dW = r[52] : (dW = T && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: T
-    }), r[51] = T, r[52] = oW);
-    let sW = M || "", cW = I ?? 0, lW = W ?? null, uW = G ?? 0, dW = L || Arrays.EMPTY, fW = I && I > 5 || false, pW;
-    r[53] !== _ || r[54] !== R || r[55] !== v || r[56] !== l || r[57] !== g || r[58] !== u || r[59] !== sW || r[60] !== cW || r[61] !== lW || r[62] !== uW || r[63] !== dW || r[64] !== fW ? (pW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = T, r[52] = dW);
+    let fW = M || "", pW = I ?? 0, mW = W ?? null, hW = G ?? 0, gW = L || Arrays.EMPTY, _W = I && I > 5 || false, vW;
+    r[53] !== _ || r[54] !== R || r[55] !== v || r[56] !== l || r[57] !== g || r[58] !== u || r[59] !== fW || r[60] !== pW || r[61] !== mW || r[62] !== hW || r[63] !== gW || r[64] !== _W ? (vW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: sW,
+      data: fW,
       hasStableRowId: false,
-      totalRows: cW,
-      sizeBytes: lW,
-      totalColumns: uW,
+      totalRows: pW,
+      sizeBytes: mW,
+      totalColumns: hW,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: R,
-      rowHeaders: dW,
+      rowHeaders: gW,
       showDownload: u,
       download_as: _,
       enableSearch: false,
@@ -16896,7 +17050,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: fW,
+      showPageSizeSelector: _W,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -16905,15 +17059,15 @@ ${c}
       selection: null,
       lazy: false,
       host: v
-    }), r[53] = _, r[54] = R, r[55] = v, r[56] = l, r[57] = g, r[58] = u, r[59] = sW, r[60] = cW, r[61] = lW, r[62] = uW, r[63] = dW, r[64] = fW, r[65] = pW) : pW = r[65];
-    let mW;
-    return r[66] !== aW || r[67] !== oW || r[68] !== pW ? (mW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = _, r[54] = R, r[55] = v, r[56] = l, r[57] = g, r[58] = u, r[59] = fW, r[60] = pW, r[61] = mW, r[62] = hW, r[63] = gW, r[64] = _W, r[65] = vW) : vW = r[65];
+    let yW;
+    return r[66] !== uW || r[67] !== dW || r[68] !== vW ? (yW = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        aW,
-        oW,
-        pW
+        uW,
+        dW,
+        vW
       ]
-    }), r[66] = aW, r[67] = oW, r[68] = pW, r[69] = mW) : mW = r[69], mW;
+    }), r[66] = uW, r[67] = dW, r[68] = vW, r[69] = yW) : yW = r[69], yW;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -17101,9 +17255,9 @@ ${c}
     }, W = [
       B
     ], r[8] = B, r[9] = H, r[10] = W), (0, import_react.useEffect)(H, W);
-    let G, q, zU, BU, Z, HU, UU, GU, KU;
+    let G, q, WU, GU, Z, qU, JU, XU, ZU;
     if (r[11] !== R || r[12] !== z || r[13] !== u || r[14] !== b || r[15] !== f || r[16] !== v || r[17] !== h || r[18] !== d || r[19] !== y || r[20] !== l || r[21] !== c) {
-      KU = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      ZU = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         Z = (R == null ? void 0 : R.files) ?? [];
         let e2;
@@ -17116,13 +17270,13 @@ ${c}
           r[36] === z.message ? e3 = r[37] : (e3 = (0, import_jsx_runtime.jsx)(Banner, {
             kind: "danger",
             children: z.message
-          }), r[36] = z.message, r[37] = e3), KU = e3;
+          }), r[36] = z.message, r[37] = e3), ZU = e3;
           break bb0;
         }
         let E2;
         r[38] === u ? E2 = r[39] : (E2 = PathBuilder.guessDeliminator(u), r[38] = u, r[39] = E2), q = E2.deliminator;
         let O2;
-        r[40] === c ? O2 = r[41] : (O2 = c.map(_temp2$6), r[40] = c, r[41] = O2), UU = O2;
+        r[40] === c ? O2 = r[41] : (O2 = c.map(_temp2$6), r[40] = c, r[41] = O2), JU = O2;
         let j2;
         r[42] !== q || r[43] !== u || r[44] !== b || r[45] !== v || r[46] !== h || r[47] !== y ? (j2 = function(e3) {
           if (b) return;
@@ -17143,7 +17297,7 @@ ${c}
             return;
           }
           y(e3), S(false);
-        }, r[42] = q, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], GU = j2;
+        }, r[42] = q, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], XU = j2;
         let M2;
         r[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M2 = function(e3) {
           let { path: r2, name: c2, isDirectory: l2 } = e3;
@@ -17171,7 +17325,7 @@ ${c}
         let H2 = B2, W2;
         r[55] !== v || r[56] !== l || r[57] !== c ? (W2 = function() {
           l(c.filter((e3) => Paths.dirname(e3.path) !== v));
-        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], zU = W2, HU = function() {
+        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], WU = W2, qU = function() {
           let e3 = [];
           for (let r2 of Z) {
             if (!g2 && r2.is_directory || m2.has(r2.path)) continue;
@@ -17186,35 +17340,35 @@ ${c}
             ...c,
             ...e3
           ]);
-        }, BU = [];
-        let qU2;
-        r[59] === GU ? qU2 = r[60] : (qU2 = () => GU(PARENT_DIRECTORY), r[59] = GU, r[60] = qU2);
-        let JU2, YU2;
-        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (JU2 = (0, import_jsx_runtime.jsx)(TableCell, {
+        }, GU = [];
+        let QU2;
+        r[59] === XU ? QU2 = r[60] : (QU2 = () => XU(PARENT_DIRECTORY), r[59] = XU, r[60] = QU2);
+        let $U2, eW2;
+        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($U2 = (0, import_jsx_runtime.jsx)(TableCell, {
           className: "w-[50px] pl-4",
           children: (0, import_jsx_runtime.jsx)(CornerLeftUp, {
             size: 16
           })
-        }), YU2 = (0, import_jsx_runtime.jsx)(TableCell, {
+        }), eW2 = (0, import_jsx_runtime.jsx)(TableCell, {
           children: PARENT_DIRECTORY
-        }), r[61] = JU2, r[62] = YU2) : (JU2 = r[61], YU2 = r[62]);
-        let XU2;
-        r[63] === qU2 ? XU2 = r[64] : (XU2 = (0, import_jsx_runtime.jsxs)(TableRow, {
+        }), r[61] = $U2, r[62] = eW2) : ($U2 = r[61], eW2 = r[62]);
+        let tW2;
+        r[63] === QU2 ? tW2 = r[64] : (tW2 = (0, import_jsx_runtime.jsxs)(TableRow, {
           className: "hover:bg-accent select-none",
-          onClick: qU2,
+          onClick: QU2,
           children: [
-            JU2,
-            YU2
+            $U2,
+            eW2
           ]
-        }, "Parent directory"), r[63] = qU2, r[64] = XU2), BU.push(XU2);
+        }, "Parent directory"), r[63] = QU2, r[64] = tW2), GU.push(tW2);
         for (let e3 of Z) {
           let r2 = e3.path;
           r2.startsWith("//") && (r2 = r2.slice(1));
           let c2 = e3.is_directory ? (e4) => {
             let { path: r3 } = e4;
-            return GU(r3);
+            return XU(r3);
           } : H2, l2 = FILE_ICON[e3.is_directory ? "directory" : guessFileIconType(e3.name)], u2 = m2.has(r2);
-          BU.push((0, import_jsx_runtime.jsxs)(TableRow, {
+          GU.push((0, import_jsx_runtime.jsxs)(TableRow, {
             className: cn("hover:bg-accent group select-none", {
               "bg-primary/25 hover:bg-primary/35": u2
             }),
@@ -17244,21 +17398,21 @@ ${c}
           }, e3.id));
         }
       }
-      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = zU, r[25] = BU, r[26] = Z, r[27] = HU, r[28] = UU, r[29] = GU, r[30] = KU;
-    } else G = r[22], q = r[23], zU = r[24], BU = r[25], Z = r[26], HU = r[27], UU = r[28], GU = r[29], KU = r[30];
-    if (KU !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return KU;
-    let qU, JU, YU, XU, ZU, QU, $U;
-    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== zU || r[69] !== z || r[70] !== BU || r[71] !== Z || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== HU || r[79] !== UU || r[80] !== d || r[81] !== GU || r[82] !== l || r[83] !== T || r[84] !== c.length) {
+      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = WU, r[25] = GU, r[26] = Z, r[27] = qU, r[28] = JU, r[29] = XU, r[30] = ZU;
+    } else G = r[22], q = r[23], WU = r[24], GU = r[25], Z = r[26], qU = r[27], JU = r[28], XU = r[29], ZU = r[30];
+    if (ZU !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return ZU;
+    let QU, $U, eW, tW, nW, rW, iW;
+    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== WU || r[69] !== z || r[70] !== GU || r[71] !== Z || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== qU || r[79] !== JU || r[80] !== d || r[81] !== XU || r[82] !== l || r[83] !== T || r[84] !== c.length) {
       let { parentDirectories: e2 } = getProtocolAndParentDirectories({
         path: v,
         delimiter: q,
         initialPath: u,
         restrictNavigation: h
       }), g2 = d === "all" ? PluralWords.of("file", "folder") : d === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
-      r[92] === z ? $U = r[93] : ($U = z && (0, import_jsx_runtime.jsx)(Banner, {
+      r[92] === z ? iW = r[93] : (iW = z && (0, import_jsx_runtime.jsx)(Banner, {
         kind: "danger",
         children: z.message
-      }), r[92] = z, r[93] = $U), qU = (() => {
+      }), r[92] = z, r[93] = iW), QU = (() => {
         let e3 = (0, import_jsx_runtime.jsx)(Label, {
           children: renderHTML({
             html: m ?? `Select ${g2.join(" and ", 2)}...`
@@ -17275,7 +17429,7 @@ ${c}
               children: (0, import_jsx_runtime.jsx)(Button, {
                 size: "xs",
                 variant: "link",
-                onClick: G ? zU : HU,
+                onClick: G ? WU : qU,
                 children: G ? "Deselect all" : "Select all"
               })
             })
@@ -17283,18 +17437,18 @@ ${c}
         }) : e3;
       })();
       let _2;
-      r[94] === GU ? _2 = r[95] : (_2 = (e3) => GU(e3.target.value), r[94] = GU, r[95] = _2);
+      r[94] === XU ? _2 = r[95] : (_2 = (e3) => XU(e3.target.value), r[94] = XU, r[95] = _2);
       let y2 = e2.map(_temp3$5);
-      r[96] !== v || r[97] !== _2 || r[98] !== y2 ? (JU = (0, import_jsx_runtime.jsx)(NativeSelect, {
+      r[96] !== v || r[97] !== _2 || r[98] !== y2 ? ($U = (0, import_jsx_runtime.jsx)(NativeSelect, {
         className: "mt-2 w-full",
         placeholder: v,
         value: v,
         onChange: _2,
         children: y2
-      }), r[96] = v, r[97] = _2, r[98] = y2, r[99] = JU) : JU = r[99], r[100] !== R || r[101] !== Z ? (YU = R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
+      }), r[96] = v, r[97] = _2, r[98] = y2, r[99] = $U) : $U = r[99], r[100] !== R || r[101] !== Z ? (eW = 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 ${Z.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
-      }), r[100] = R, r[101] = Z, r[102] = YU) : YU = r[102];
+      }), r[100] = R, r[101] = Z, r[102] = eW) : eW = r[102];
       let b2;
       r[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b2 = {
         height: "14rem"
@@ -17313,12 +17467,12 @@ ${c}
         ]
       }), r[104] = T, r[105] = S2);
       let E2;
-      r[106] === BU ? E2 = r[107] : (E2 = (0, import_jsx_runtime.jsx)(Table, {
+      r[106] === GU ? E2 = r[107] : (E2 = (0, import_jsx_runtime.jsx)(Table, {
         className: "cursor-pointer table-fixed",
         children: (0, import_jsx_runtime.jsx)(TableBody, {
-          children: BU
+          children: GU
         })
-      }), r[106] = BU, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? (XU = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[106] = GU, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? (tW = (0, import_jsx_runtime.jsxs)("div", {
         className: "mt-3 overflow-y-auto w-full border relative",
         style: b2,
         "aria-busy": B,
@@ -17327,7 +17481,7 @@ ${c}
           S2,
           E2
         ]
-      }), r[108] = B, r[109] = S2, r[110] = E2, r[111] = XU) : XU = r[111], ZU = "mt-4", QU = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      }), r[108] = B, r[109] = S2, r[110] = E2, r[111] = tW) : tW = r[111], nW = "mt-4", rW = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           (0, import_jsx_runtime.jsxs)("div", {
             className: "flex items-center gap-2",
@@ -17357,28 +17511,28 @@ ${c}
                 marginBlock: 0
               },
               className: "m-0 text-xs text-muted-foreground",
-              children: UU
+              children: JU
             })
           })
         ]
-      }), r[65] = G, r[66] = R, r[67] = q, r[68] = zU, r[69] = z, r[70] = BU, r[71] = Z, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = HU, r[79] = UU, r[80] = d, r[81] = GU, r[82] = l, r[83] = T, r[84] = c.length, r[85] = qU, r[86] = JU, r[87] = YU, r[88] = XU, r[89] = ZU, r[90] = QU, r[91] = $U;
-    } else qU = r[85], JU = r[86], YU = r[87], XU = r[88], ZU = r[89], QU = r[90], $U = r[91];
-    let eW;
-    r[112] !== ZU || r[113] !== QU ? (eW = (0, import_jsx_runtime.jsx)("div", {
-      className: ZU,
-      children: QU
-    }), r[112] = ZU, r[113] = QU, r[114] = eW) : eW = r[114];
-    let tW;
-    return r[115] !== qU || r[116] !== JU || r[117] !== YU || r[118] !== XU || r[119] !== eW || r[120] !== $U ? (tW = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[65] = G, r[66] = R, r[67] = q, r[68] = WU, r[69] = z, r[70] = GU, r[71] = Z, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = qU, r[79] = JU, r[80] = d, r[81] = XU, r[82] = l, r[83] = T, r[84] = c.length, r[85] = QU, r[86] = $U, r[87] = eW, r[88] = tW, r[89] = nW, r[90] = rW, r[91] = iW;
+    } else QU = r[85], $U = r[86], eW = r[87], tW = r[88], nW = r[89], rW = r[90], iW = r[91];
+    let aW;
+    r[112] !== nW || r[113] !== rW ? (aW = (0, import_jsx_runtime.jsx)("div", {
+      className: nW,
+      children: rW
+    }), r[112] = nW, r[113] = rW, r[114] = aW) : aW = r[114];
+    let oW;
+    return r[115] !== QU || r[116] !== $U || r[117] !== eW || r[118] !== tW || r[119] !== aW || r[120] !== iW ? (oW = (0, import_jsx_runtime.jsxs)("div", {
       children: [
+        iW,
+        QU,
         $U,
-        qU,
-        JU,
-        YU,
-        XU,
-        eW
+        eW,
+        tW,
+        aW
       ]
-    }), r[115] = qU, r[116] = JU, r[117] = YU, r[118] = XU, r[119] = eW, r[120] = $U, r[121] = tW) : tW = r[121], tW;
+    }), r[115] = QU, r[116] = $U, r[117] = eW, r[118] = tW, r[119] = aW, r[120] = iW, r[121] = oW) : oW = r[121], oW;
   };
   function _temp$12(e) {
     return e.path;
@@ -22768,55 +22922,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), zU = (0, import_react.useRef)(null), BU = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), Z = BU[0], VU = BU[1], HU = Z.isFocused, UU = Z.isFileDialogActive, WU = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), GU = function() {
-      !WU.current && UU && setTimeout(function() {
-        zU.current && (zU.current.files.length || (VU({
+    ]), q = (0, import_react.useRef)(null), WU = (0, import_react.useRef)(null), GU = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), Z = GU[0], KU = GU[1], qU = Z.isFocused, JU = Z.isFileDialogActive, YU = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), XU = function() {
+      !YU.current && JU && setTimeout(function() {
+        WU.current && (WU.current.files.length || (KU({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", GU, false), function() {
-        window.removeEventListener("focus", GU, false);
+      return window.addEventListener("focus", XU, false), function() {
+        window.removeEventListener("focus", XU, false);
       };
     }, [
-      zU,
-      UU,
+      WU,
+      JU,
       G,
-      WU
+      YU
     ]);
-    var KU = (0, import_react.useRef)([]), qU = (0, import_react.useRef)([]), JU = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), KU.current = []);
+    var ZU = (0, import_react.useRef)([]), QU = (0, import_react.useRef)([]), $U = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), ZU.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", JU, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", JU));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", $U, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", $U));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        qU.current = [].concat(_toConsumableArray(qU.current), [
+        QU.current = [].concat(_toConsumableArray(QU.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && VU({
+        ]), isEvtWithFiles(e3) && KU({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        qU.current = qU.current.filter(function(r3) {
+        QU.current = QU.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(qU.current.length > 0) && VU({
+        }), !(QU.current.length > 0) && KU({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        qU.current = [], VU({
+        QU.current = [], KU({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        qU.current = [], VU({
+        QU.current = [], KU({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -22834,12 +22988,12 @@ ${c}
       E,
       l
     ]);
-    var YU = (0, import_react.useCallback)(function(e2) {
+    var eW = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), XU = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), lW(e2), KU.current = [].concat(_toConsumableArray(KU.current), [
+    ]), tW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), mW(e2), ZU.current = [].concat(_toConsumableArray(ZU.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -22852,7 +23006,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          VU({
+          KU({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -22860,12 +23014,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return YU(e3);
+        return eW(e3);
       });
     }, [
       u,
       h,
-      YU,
+      eW,
       L,
       B,
       f,
@@ -22873,8 +23027,8 @@ ${c}
       p,
       m,
       z
-    ]), ZU = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), lW(e2);
+    ]), nW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), mW(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -22884,12 +23038,12 @@ ${c}
     }, [
       _,
       L
-    ]), QU = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), lW(e2);
-      var r2 = KU.current.filter(function(e3) {
+    ]), rW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), mW(e2);
+      var r2 = ZU.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), KU.current = r2, !(r2.length > 0) && (VU({
+      c2 !== -1 && r2.splice(c2, 1), ZU.current = r2, !(r2.length > 0) && (KU({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -22899,7 +23053,7 @@ ${c}
       q,
       g,
       L
-    ]), $U = (0, import_react.useCallback)(function(e2, r2) {
+    ]), iW = (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;
@@ -22923,14 +23077,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), VU({
+      }), c2.splice(0)), KU({
         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);
     }, [
-      VU,
+      KU,
       p,
       B,
       f,
@@ -22940,22 +23094,22 @@ ${c}
       y,
       b,
       z
-    ]), eW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), lW(e2), KU.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || $U(r2, e2);
+    ]), aW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), mW(e2), ZU.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || iW(r2, e2);
       }).catch(function(e3) {
-        return YU(e3);
-      }), VU({
+        return eW(e3);
+      }), KU({
         type: "reset"
       });
     }, [
       u,
-      $U,
-      YU,
+      iW,
+      eW,
       L
-    ]), tW = (0, import_react.useCallback)(function() {
-      if (WU.current) {
-        VU({
+    ]), oW = (0, import_react.useCallback)(function() {
+      if (YU.current) {
+        KU({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -22965,66 +23119,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          $U(e3, null), VU({
+          iW(e3, null), KU({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), VU({
+          isAbort(e3) ? (G(e3), KU({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (WU.current = false, zU.current ? (zU.current.value = null, zU.current.click()) : YU(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."))) : YU(e3);
+          })) : isSecurityError(e3) ? (YU.current = false, WU.current ? (WU.current.value = null, WU.current.click()) : eW(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."))) : eW(e3);
         });
         return;
       }
-      zU.current && (VU({
+      WU.current && (KU({
         type: "openDialog"
-      }), W(), zU.current.value = null, zU.current.click());
+      }), W(), WU.current.value = null, WU.current.click());
     }, [
-      VU,
+      KU,
       W,
       G,
       T,
-      $U,
-      YU,
+      iW,
+      eW,
       H,
       p
-    ]), nW = (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(), tW());
+    ]), sW = (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(), oW());
     }, [
       q,
-      tW
-    ]), rW = (0, import_react.useCallback)(function() {
-      VU({
+      oW
+    ]), cW = (0, import_react.useCallback)(function() {
+      KU({
         type: "focus"
       });
-    }, []), iW = (0, import_react.useCallback)(function() {
-      VU({
+    }, []), lW = (0, import_react.useCallback)(function() {
+      KU({
         type: "blur"
       });
-    }, []), aW = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(tW, 0) : tW());
+    }, []), uW = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(oW, 0) : oW());
     }, [
       j,
-      tW
-    ]), oW = function(e2) {
+      oW
+    ]), dW = function(e2) {
       return l ? null : e2;
-    }, sW = function(e2) {
-      return M ? null : oW(e2);
-    }, cW = function(e2) {
-      return I ? null : oW(e2);
-    }, lW = function(e2) {
+    }, fW = function(e2) {
+      return M ? null : dW(e2);
+    }, pW = function(e2) {
+      return I ? null : dW(e2);
+    }, mW = function(e2) {
       L && e2.stopPropagation();
-    }, uW = (0, import_react.useMemo)(function() {
+    }, hW = (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: sW(composeEventHandlers(d2, nW)),
-          onFocus: sW(composeEventHandlers(f2, rW)),
-          onBlur: sW(composeEventHandlers(p2, iW)),
-          onClick: oW(composeEventHandlers(m2, aW)),
-          onDragEnter: cW(composeEventHandlers(h2, XU)),
-          onDragOver: cW(composeEventHandlers(g2, ZU)),
-          onDragLeave: cW(composeEventHandlers(_2, QU)),
-          onDrop: cW(composeEventHandlers(v2, eW)),
+          onKeyDown: fW(composeEventHandlers(d2, sW)),
+          onFocus: fW(composeEventHandlers(f2, cW)),
+          onBlur: fW(composeEventHandlers(p2, lW)),
+          onClick: dW(composeEventHandlers(m2, uW)),
+          onDragEnter: pW(composeEventHandlers(h2, tW)),
+          onDragOver: pW(composeEventHandlers(g2, nW)),
+          onDragLeave: pW(composeEventHandlers(_2, rW)),
+          onDrop: pW(composeEventHandlers(v2, aW)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -23032,20 +23186,20 @@ ${c}
       };
     }, [
       q,
+      sW,
+      cW,
+      lW,
+      uW,
+      tW,
       nW,
       rW,
-      iW,
       aW,
-      XU,
-      ZU,
-      QU,
-      eW,
       M,
       I,
       l
-    ]), dW = (0, import_react.useCallback)(function(e2) {
+    ]), gW = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), fW = (0, import_react.useMemo)(function() {
+    }, []), _W = (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({
@@ -23064,25 +23218,25 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: oW(composeEventHandlers(l2, eW)),
-          onClick: oW(composeEventHandlers(u2, dW)),
+          onChange: dW(composeEventHandlers(l2, aW)),
+          onClick: dW(composeEventHandlers(u2, gW)),
           tabIndex: -1
-        }, c2, zU)), d2);
+        }, c2, WU)), d2);
       };
     }, [
-      zU,
+      WU,
       c,
       p,
-      eW,
+      aW,
       l
     ]);
     return _objectSpread$7(_objectSpread$7({}, Z), {}, {
-      isFocused: HU && !l,
-      getRootProps: uW,
-      getInputProps: fW,
+      isFocused: qU && !l,
+      getRootProps: hW,
+      getInputProps: _W,
       rootRef: q,
-      inputRef: zU,
-      open: oW(tW)
+      inputRef: WU,
+      open: dW(oW)
     });
   }
   function reducer$2(e, r) {
@@ -23314,47 +23468,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", zU = T && "text-destructive", BU;
-    r[48] !== q || r[49] !== zU ? (BU = cn(q, zU), r[48] = q, r[49] = zU, r[50] = BU) : BU = r[50];
+    let q = w && "text-primary", WU = T && "text-destructive", GU;
+    r[48] !== q || r[49] !== WU ? (GU = cn(q, WU), r[48] = q, r[49] = WU, r[50] = GU) : GU = r[50];
     let Z;
-    r[51] === BU ? Z = r[52] : (Z = (0, import_jsx_runtime.jsx)(Upload, {
+    r[51] === GU ? Z = r[52] : (Z = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
-      className: BU
-    }), r[51] = BU, r[52] = Z);
-    let VU = w && "text-primary", HU = T && "text-destructive", UU;
-    r[53] !== VU || r[54] !== HU ? (UU = cn(VU, HU), r[53] = VU, r[54] = HU, r[55] = UU) : UU = r[55];
-    let WU;
-    r[56] === UU ? WU = r[57] : (WU = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+      className: GU
+    }), r[51] = GU, r[52] = Z);
+    let KU = w && "text-primary", qU = T && "text-destructive", JU;
+    r[53] !== KU || r[54] !== qU ? (JU = cn(KU, qU), r[53] = KU, r[54] = qU, r[55] = JU) : JU = r[55];
+    let YU;
+    r[56] === JU ? YU = r[57] : (YU = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
-      className: UU
-    }), r[56] = UU, r[57] = WU);
-    let GU;
-    r[58] !== Z || r[59] !== WU ? (GU = (0, import_jsx_runtime.jsxs)("div", {
+      className: JU
+    }), r[56] = JU, r[57] = YU);
+    let XU;
+    r[58] !== Z || r[59] !== YU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
         Z,
-        WU
+        YU
       ]
-    }), r[58] = Z, r[59] = WU, r[60] = GU) : GU = r[60];
-    let KU;
-    r[61] !== G || r[62] !== GU ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = Z, r[59] = YU, r[60] = XU) : XU = r[60];
+    let ZU;
+    r[61] !== G || r[62] !== XU ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        GU
+        XU
       ]
-    }), r[61] = G, r[62] = GU, r[63] = KU) : KU = r[63];
-    let qU;
-    r[64] !== W || r[65] !== KU || r[66] !== z || r[67] !== B ? (qU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = XU, r[63] = ZU) : ZU = r[63];
+    let QU;
+    r[64] !== W || r[65] !== ZU || r[66] !== z || r[67] !== B ? (QU = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        KU
+        ZU
       ]
-    }), r[64] = W, r[65] = KU, r[66] = z, r[67] = B, r[68] = qU) : qU = r[68];
-    let JU;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (JU = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = ZU, r[66] = z, r[67] = B, r[68] = QU) : QU = r[68];
+    let $U;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? ($U = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -23390,17 +23544,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = JU) : JU = r[74];
-    let YU;
-    return r[75] !== qU || r[76] !== JU ? (YU = (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] = $U) : $U = r[74];
+    let eW;
+    return r[75] !== QU || r[76] !== $U ? (eW = (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: [
-          qU,
-          JU
+          QU,
+          $U
         ]
       })
-    }), r[75] = qU, r[76] = JU, r[77] = YU) : YU = r[77], YU;
+    }), r[75] = QU, r[76] = $U, r[77] = eW) : eW = r[77], eW;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -23496,75 +23650,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 zU;
-    r[13] === f ? zU = r[14] : (zU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    let WU;
+    r[13] === f ? WU = r[14] : (WU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = zU);
-    let BU;
-    r[15] === L ? BU = r[16] : (BU = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    }), r[13] = f, r[14] = WU);
+    let GU;
+    r[15] === L ? GU = r[16] : (GU = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = BU);
+    }), r[15] = L, r[16] = GU);
     let Z;
     r[17] === c ? Z = r[18] : (Z = (0, import_jsx_runtime.jsx)("div", {
       children: c
     }), r[17] = c, r[18] = Z);
-    let VU;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (VU = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    let KU;
+    r[19] !== S || r[20] !== T || r[21] !== b ? (KU = 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] = VU) : VU = r[22];
-    let HU = v || h, UU;
-    r[23] === h ? UU = r[24] : (UU = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = KU) : KU = r[22];
+    let qU = v || h, JU;
+    r[23] === h ? JU = r[24] : (JU = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = UU);
-    let WU;
-    r[25] !== g || r[26] !== HU || r[27] !== UU || r[28] !== I ? (WU = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = JU);
+    let YU;
+    r[25] !== g || r[26] !== qU || r[27] !== JU || r[28] !== I ? (YU = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: HU,
+      disabled: qU,
       type: "submit",
       children: [
-        UU,
+        JU,
         g
       ]
-    }), r[25] = g, r[26] = HU, r[27] = UU, r[28] = I, r[29] = WU) : WU = r[29];
-    let GU;
-    r[30] !== _ || r[31] !== WU ? (GU = withTooltip(WU, _), r[30] = _, r[31] = WU, r[32] = GU) : GU = r[32];
-    let KU;
-    r[33] !== GU || r[34] !== VU ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[25] = g, r[26] = qU, r[27] = JU, r[28] = I, r[29] = YU) : YU = r[29];
+    let XU;
+    r[30] !== _ || r[31] !== YU ? (XU = withTooltip(YU, _), r[30] = _, r[31] = YU, r[32] = XU) : XU = r[32];
+    let ZU;
+    r[33] !== XU || r[34] !== KU ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        VU,
-        GU
+        KU,
+        XU
       ]
-    }), r[33] = GU, r[34] = VU, r[35] = KU) : KU = r[35];
-    let qU;
-    r[36] !== KU || r[37] !== G || r[38] !== q || r[39] !== zU || r[40] !== BU || r[41] !== Z ? (qU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = XU, r[34] = KU, r[35] = ZU) : ZU = r[35];
+    let QU;
+    r[36] !== ZU || r[37] !== G || r[38] !== q || r[39] !== WU || r[40] !== GU || r[41] !== Z ? (QU = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
-        zU,
-        BU,
+        WU,
+        GU,
         Z,
-        KU
+        ZU
       ]
-    }), r[36] = KU, r[37] = G, r[38] = q, r[39] = zU, r[40] = BU, r[41] = Z, r[42] = qU) : qU = r[42];
-    let JU;
-    return r[43] !== qU || r[44] !== H ? (JU = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = ZU, r[37] = G, r[38] = q, r[39] = WU, r[40] = GU, r[41] = Z, r[42] = QU) : QU = r[42];
+    let $U;
+    return r[43] !== QU || r[44] !== H ? ($U = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: qU
-    }), r[43] = qU, r[44] = H, r[45] = JU) : JU = r[45], JU;
+      children: QU
+    }), r[43] = QU, r[44] = H, r[45] = $U) : $U = r[45], $U;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$42.c)(24), c, l, u, d, f, p;
@@ -25244,7 +25398,7 @@ ${c}
         setValue: e.setValue
       });
     }
-  }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-4wn-lMVn.js").then((e) => ({
+  }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-CAYS29h9.js").then((e) => ({
     default: e.Plot
   })));
   const PlotlyComponent = (0, import_react.memo)((e) => {
@@ -25324,8 +25478,8 @@ ${c}
         points: extractSunburstPoints(e2.points)
       }));
     }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), zU;
-    r[31] === u ? zU = r[32] : (zU = (e2) => {
+    let q = useEvent_default(G), WU;
+    r[31] === u ? WU = r[32] : (WU = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -25336,8 +25490,8 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = zU);
-    let BU = useEvent_default(zU), Z;
+    }, r[31] = u, r[32] = WU);
+    let GU = useEvent_default(WU), Z;
     r[33] === u ? Z = r[34] : (Z = (e2) => {
       e2 && u((r2) => ({
         ...r2,
@@ -25348,8 +25502,8 @@ ${c}
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
     }, r[33] = u, r[34] = Z);
-    let VU = useEvent_default(Z), HU = m.frames ?? void 0, UU = useEvent_default(_temp3$3), WU;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== BU || r[42] !== VU || r[43] !== HU || r[44] !== UU || r[45] !== R ? (WU = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    let KU = useEvent_default(Z), qU = m.frames ?? void 0, JU = useEvent_default(_temp3$3), YU;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== GU || r[42] !== KU || r[43] !== qU || r[44] !== JU || r[45] !== R ? (YU = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -25357,13 +25511,13 @@ ${c}
       onTreemapClick: W,
       onSunburstClick: q,
       config: L,
-      onClick: BU,
-      onSelected: VU,
+      onClick: GU,
+      onSelected: KU,
       className: "w-full",
       useResizeHandler: true,
-      frames: HU,
-      onError: UU
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = BU, r[42] = VU, r[43] = HU, r[44] = UU, r[45] = R, r[46] = WU) : WU = r[46], WU;
+      frames: qU,
+      onError: JU
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = GU, r[42] = KU, r[43] = qU, r[44] = JU, r[45] = R, r[46] = YU) : YU = r[46], YU;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -25495,8 +25649,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 zU;
-    c[19] !== L || c[20] !== z || c[21] !== H ? (zU = (0, import_jsx_runtime.jsx)(Track, {
+    let WU;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (WU = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
       className: G,
@@ -25507,9 +25661,9 @@ ${c}
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = zU) : zU = c[22];
-    let BU;
-    c[23] !== m.setFalse || c[24] !== m.setTrue ? (BU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = WU) : WU = c[22];
+    let GU;
+    c[23] !== m.setFalse || c[24] !== m.setTrue ? (GU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb$1, {
         "data-testid": "thumb",
@@ -25519,30 +25673,30 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = BU) : BU = c[25];
+    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = GU) : GU = c[25];
     let Z;
     c[26] !== h || c[27] !== u.value || c[28] !== d ? (Z = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[0]), {
         locale: h
       })
     }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = Z) : Z = c[29];
-    let VU;
-    c[30] === Z ? VU = c[31] : (VU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+    let KU;
+    c[30] === Z ? KU = c[31] : (KU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
       children: Z
-    }), c[30] = Z, c[31] = VU);
-    let HU;
-    c[32] !== f || c[33] !== BU || c[34] !== VU ? (HU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }), c[30] = Z, c[31] = KU);
+    let qU;
+    c[32] !== f || c[33] !== GU || c[34] !== KU ? (qU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          BU,
-          VU
+          GU,
+          KU
         ]
       })
-    }), c[32] = f, c[33] = BU, c[34] = VU, c[35] = HU) : HU = c[35];
-    let UU;
-    c[36] !== m.setFalse || c[37] !== m.setTrue ? (UU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = GU, c[34] = KU, c[35] = qU) : qU = c[35];
+    let JU;
+    c[36] !== m.setFalse || c[37] !== m.setTrue ? (JU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb$1, {
         "data-testid": "thumb",
@@ -25552,39 +25706,39 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = UU) : UU = c[38];
-    let WU;
-    c[39] !== h || c[40] !== u.value || c[41] !== d ? (WU = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = JU) : JU = c[38];
+    let YU;
+    c[39] !== h || c[40] !== u.value || c[41] !== d ? (YU = 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] = WU) : WU = c[42];
-    let GU;
-    c[43] === WU ? GU = c[44] : (GU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: WU
-    }), c[43] = WU, c[44] = GU);
-    let KU;
-    c[45] !== f || c[46] !== UU || c[47] !== GU ? (KU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = YU) : YU = c[42];
+    let XU;
+    c[43] === YU ? XU = c[44] : (XU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: YU
+    }), c[43] = YU, c[44] = XU);
+    let ZU;
+    c[45] !== f || c[46] !== JU || c[47] !== XU ? (ZU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          UU,
-          GU
+          JU,
+          XU
         ]
       })
-    }), c[45] = f, c[46] = UU, c[47] = GU, c[48] = KU) : KU = c[48];
-    let qU;
-    return c[49] !== M || c[50] !== u || c[51] !== zU || c[52] !== HU || c[53] !== KU || c[54] !== W ? (qU = (0, import_jsx_runtime.jsxs)(Root$1, {
+    }), c[45] = f, c[46] = JU, c[47] = XU, c[48] = ZU) : ZU = c[48];
+    let QU;
+    return c[49] !== M || c[50] !== u || c[51] !== WU || c[52] !== qU || c[53] !== ZU || c[54] !== W ? (QU = (0, import_jsx_runtime.jsxs)(Root$1, {
       ref: M,
       className: W,
       ...u,
       children: [
-        zU,
-        HU,
-        KU
+        WU,
+        qU,
+        ZU
       ]
-    }), c[49] = M, c[50] = u, c[51] = zU, c[52] = HU, c[53] = KU, c[54] = W, c[55] = qU) : qU = c[55], qU;
+    }), c[49] = M, c[50] = u, c[51] = WU, c[52] = qU, c[53] = ZU, c[54] = W, c[55] = QU) : QU = c[55], QU;
   });
   RangeSlider.displayName = Root$1.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -25635,14 +25789,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 zU, BU;
-    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (zU = () => {
+    let WU, GU;
+    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (WU = () => {
       h && !dequal(T, u) && l(T);
-    }, BU = () => {
+    }, GU = () => {
       h && !dequal(T, u) && l(T);
-    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = zU, r[19] = BU) : (zU = r[18], BU = r[19]);
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = WU, r[19] = GU) : (WU = r[18], GU = 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] !== zU || r[31] !== BU || r[32] !== b ? (Z = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== WU || r[31] !== GU || r[32] !== b ? (Z = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -25653,36 +25807,36 @@ ${c}
       disabled: y,
       onValueChange: G,
       onValueCommit: q,
-      onPointerUp: zU,
-      onMouseUp: BU,
+      onPointerUp: WU,
+      onMouseUp: GU,
       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] = zU, r[31] = BU, r[32] = b, r[33] = Z) : Z = r[33];
-    let VU;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (VU = _ && (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] = WU, r[31] = GU, r[32] = b, r[33] = Z) : Z = r[33];
+    let KU;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (KU = _ && (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] = VU) : VU = r[38];
-    let HU;
-    r[39] !== Z || r[40] !== VU || r[41] !== B ? (HU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = KU) : KU = r[38];
+    let qU;
+    r[39] !== Z || r[40] !== KU || r[41] !== B ? (qU = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
         Z,
-        VU
+        KU
       ]
-    }), r[39] = Z, r[40] = VU, r[41] = B, r[42] = HU) : HU = r[42];
-    let UU;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== HU || r[47] !== M || r[48] !== L ? (UU = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = Z, r[40] = KU, r[41] = B, r[42] = qU) : qU = r[42];
+    let JU;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== qU || r[47] !== M || r[48] !== L ? (JU = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: HU
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = HU, r[47] = M, r[48] = L, r[49] = UU) : UU = r[49], UU;
+      children: qU
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = qU, r[47] = M, r[48] = L, r[49] = JU) : JU = r[49], JU;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -25910,16 +26064,16 @@ ${c}
     r[9] === E ? G = r[10] : (G = [
       E
     ], r[9] = E, r[10] = G);
-    let q, zU;
+    let q, WU;
     r[11] !== h || r[12] !== l ? (q = (e2) => {
       let [r2] = e2;
       O(r2), h || l(r2);
-    }, zU = (e2) => {
+    }, WU = (e2) => {
       let [r2] = e2;
       h && l(r2);
-    }, r[11] = h, r[12] = l, r[13] = q, r[14] = zU) : (q = r[13], zU = r[14]);
-    let BU;
-    r[15] !== S || r[16] !== w || r[17] !== g || r[18] !== d || r[19] !== m || r[20] !== f || r[21] !== G || r[22] !== q || r[23] !== zU || r[24] !== W || r[25] !== y ? (BU = (0, import_jsx_runtime.jsx)(Slider, {
+    }, r[11] = h, r[12] = l, r[13] = q, r[14] = WU) : (q = r[13], WU = r[14]);
+    let GU;
+    r[15] !== S || r[16] !== w || r[17] !== g || r[18] !== d || r[19] !== m || r[20] !== f || r[21] !== G || r[22] !== q || r[23] !== WU || r[24] !== W || r[25] !== y ? (GU = (0, import_jsx_runtime.jsx)(Slider, {
       id: w,
       className: W,
       value: G,
@@ -25928,10 +26082,10 @@ ${c}
       step: m,
       orientation: g,
       onValueChange: q,
-      onValueCommit: zU,
+      onValueCommit: WU,
       valueMap: y,
       disabled: S
-    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = G, r[22] = q, r[23] = zU, r[24] = W, r[25] = y, r[26] = BU) : BU = r[26];
+    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = G, r[22] = q, r[23] = WU, r[24] = W, r[25] = y, r[26] = GU) : GU = r[26];
     let Z;
     r[27] !== E || r[28] !== T || r[29] !== _ || r[30] !== y ? (Z = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
@@ -25939,8 +26093,8 @@ ${c}
         locale: T
       })
     }), r[27] = E, r[28] = T, r[29] = _, r[30] = y, r[31] = Z) : Z = r[31];
-    let VU;
-    r[32] !== S || r[33] !== b || r[34] !== E || r[35] !== c || r[36] !== l || r[37] !== d || r[38] !== m || r[39] !== f || r[40] !== y ? (VU = b && (0, import_jsx_runtime.jsx)(NumberField, {
+    let KU;
+    r[32] !== S || r[33] !== b || r[34] !== E || r[35] !== c || r[36] !== l || r[37] !== d || r[38] !== m || r[39] !== f || r[40] !== y ? (KU = b && (0, import_jsx_runtime.jsx)(NumberField, {
       value: y(E),
       onChange: (e2) => {
         (e2 == null || Number.isNaN(e2)) && (e2 = Number(d)), O(e2), l(e2);
@@ -25951,25 +26105,25 @@ ${c}
       className: "w-24",
       "aria-label": `${c || "Slider"} value input`,
       isDisabled: S
-    }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = VU) : VU = r[41];
-    let HU;
-    r[42] !== BU || r[43] !== Z || r[44] !== VU || r[45] !== B ? (HU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = KU) : KU = r[41];
+    let qU;
+    r[42] !== GU || r[43] !== Z || r[44] !== KU || r[45] !== B ? (qU = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        BU,
+        GU,
         Z,
-        VU
+        KU
       ]
-    }), r[42] = BU, r[43] = Z, r[44] = VU, r[45] = B, r[46] = HU) : HU = r[46];
-    let UU;
-    return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== HU || r[51] !== I || r[52] !== R ? (UU = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[42] = GU, r[43] = Z, r[44] = KU, r[45] = B, r[46] = qU) : qU = r[46];
+    let JU;
+    return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== qU || r[51] !== I || r[52] !== R ? (JU = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: w,
       align: I,
       fullWidth: v,
       className: R,
-      children: HU
-    }), r[47] = v, r[48] = w, r[49] = c, r[50] = HU, r[51] = I, r[52] = R, r[53] = UU) : UU = r[53], UU;
+      children: qU
+    }), r[47] = v, r[48] = w, r[49] = c, r[50] = qU, r[51] = I, r[52] = R, r[53] = JU) : JU = r[53], JU;
   }, import_compiler_runtime$28 = require_compiler_runtime(), switchVariants = cva("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", {
     variants: {
       size: {
@@ -26400,7 +26554,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-cSdqoAxe.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-DJNmOdUj.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object({
@@ -26540,7 +26694,7 @@ ${c}
         children: e.children
       });
     }
-  }, LazySlidesComponent$1 = import_react.lazy(() => import("./swiper-component-DlD2GU2g.js"));
+  }, LazySlidesComponent$1 = import_react.lazy(() => import("./swiper-component-B2t5sN1q.js"));
   const DownloadPlugin = createPlugin("marimo-download").withData(object({
     data: string(),
     disabled: boolean().default(false),
@@ -26596,7 +26750,7 @@ ${c}
         m
       ]
     });
-  }, LazyImageComparisonComponent = import_react.lazy(() => import("./ImageComparisonComponent-CNHIsPDj.js")), ImageComparisonPlugin = class {
+  }, LazyImageComparisonComponent = import_react.lazy(() => import("./ImageComparisonComponent-CHrI72em.js")), ImageComparisonPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-image-comparison");
       __publicField(this, "validator", object({
@@ -26730,7 +26884,7 @@ ${c}
         themeVariables: e.data.theme_variables
       });
     }
-  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-DO-Daq7u.js").then(async (m) => {
+  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-IU93XzmY.js").then(async (m) => {
     await m.__tla;
     return m;
   })), import_compiler_runtime$20 = require_compiler_runtime();
@@ -28985,7 +29139,7 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), zU = Object.freeze({
+      }), WU = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
@@ -28993,40 +29147,40 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: G,
         createIsNestedEqual: r2
-      }), BU = T(q);
+      }), GU = T(q);
       function Z(e3, r3) {
-        return BU(e3, r3, void 0);
+        return GU(e3, r3, void 0);
       }
-      var VU = T(l(q, {
+      var KU = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function HU(e3, r3) {
-        return VU(e3, r3, void 0);
+      function qU(e3, r3) {
+        return KU(e3, r3, void 0);
       }
-      var UU = T(zU);
-      function WU(e3, r3) {
-        return UU(e3, r3, /* @__PURE__ */ new WeakMap());
+      var JU = T(WU);
+      function YU(e3, r3) {
+        return JU(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var GU = T(l(zU, {
+      var XU = T(l(WU, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function KU(e3, r3) {
-        return GU(e3, r3, /* @__PURE__ */ new WeakMap());
+      function ZU(e3, r3) {
+        return XU(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function qU(e3) {
+      function QU(e3) {
         return T(l(q, e3(q)));
       }
-      function JU(e3) {
-        var r3 = T(l(zU, e3(zU)));
+      function $U(e3) {
+        var r3 = T(l(WU, e3(WU)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = WU, e2.circularShallowEqual = KU, e2.createCustomCircularEqual = JU, e2.createCustomEqual = qU, e2.deepEqual = Z, e2.sameValueZeroEqual = f, e2.shallowEqual = HU, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = YU, e2.circularShallowEqual = ZU, e2.createCustomCircularEqual = $U, e2.createCustomEqual = QU, e2.deepEqual = Z, e2.sameValueZeroEqual = f, e2.shallowEqual = qU, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -29052,7 +29206,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 = eW, 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 = KU, e.setTopLeft = JU, e.setTransform = qU, e.sortLayoutItems = YU, e.sortLayoutItemsByColRow = ZU, e.sortLayoutItemsByRowCol = XU, e.synchronizeLayoutWithChildren = QU, e.validateLayout = $U, 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 = aW, 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 = ZU, e.setTopLeft = $U, e.setTransform = QU, e.sortLayoutItems = eW, e.sortLayoutItemsByColRow = nW, e.sortLayoutItemsByRowCol = tW, e.synchronizeLayoutWithChildren = rW, e.validateLayout = iW, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -29157,7 +29311,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 = YU(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = eW(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;
@@ -29215,7 +29369,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 = YU(e2, f2);
+      let v2 = eW(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);
@@ -29249,61 +29403,61 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, zU = (e2, r2, c2) => e2 < 0 ? r2 : c2, BU = (e2) => Math.max(0, e2), Z = (e2) => Math.max(0, e2), VU = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, WU = (e2, r2, c2) => e2 < 0 ? r2 : c2, GU = (e2) => Math.max(0, e2), Z = (e2) => Math.max(0, e2), KU = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: zU(f2, e2.height, u2),
+        height: WU(f2, e2.height, u2),
         top: Z(f2)
       };
-    }, HU = (e2, r2, c2) => {
+    }, qU = (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: BU(u2)
+        left: GU(u2)
       };
-    }, UU = (e2, r2, c2) => {
+    }, JU = (e2, r2, c2) => {
       let { top: l2, height: u2, width: d2 } = r2, f2 = e2.left - (d2 - e2.width);
       return {
         height: u2,
         width: f2 < 0 ? e2.width : q(e2.left, e2.width, d2, c2),
         top: Z(l2),
-        left: BU(f2)
+        left: GU(f2)
       };
-    }, WU = (e2, r2, c2) => {
+    }, YU = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: zU(l2, e2.height, d2),
+        height: WU(l2, e2.height, d2),
         top: Z(l2)
       };
-    }, GU = {
-      n: VU,
+    }, XU = {
+      n: KU,
       ne: function() {
-        return VU(arguments.length <= 0 ? void 0 : arguments[0], HU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return KU(arguments.length <= 0 ? void 0 : arguments[0], qU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: HU,
+      e: qU,
       se: function() {
-        return WU(arguments.length <= 0 ? void 0 : arguments[0], HU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return YU(arguments.length <= 0 ? void 0 : arguments[0], qU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: WU,
+      s: YU,
       sw: function() {
-        return WU(arguments.length <= 0 ? void 0 : arguments[0], UU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return YU(arguments.length <= 0 ? void 0 : arguments[0], JU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: UU,
+      w: JU,
       nw: function() {
-        return VU(arguments.length <= 0 ? void 0 : arguments[0], UU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return KU(arguments.length <= 0 ? void 0 : arguments[0], JU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function KU(e2, r2, c2, l2) {
-      let u2 = GU[e2];
+    function ZU(e2, r2, c2, l2) {
+      let u2 = XU[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function qU(e2) {
+    function QU(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -29316,7 +29470,7 @@ ${c}
         position: "absolute"
       };
     }
-    function JU(e2) {
+    function $U(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -29326,20 +29480,20 @@ ${c}
         position: "absolute"
       };
     }
-    function YU(e2, r2) {
-      return r2 === "horizontal" ? ZU(e2) : r2 === "vertical" ? XU(e2) : e2;
+    function eW(e2, r2) {
+      return r2 === "horizontal" ? nW(e2) : r2 === "vertical" ? tW(e2) : e2;
     }
-    function XU(e2) {
+    function tW(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 ZU(e2) {
+    function nW(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 QU(e2, r2, l2, u2, f2) {
+    function rW(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -29360,7 +29514,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function $U(e2) {
+    function iW(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -29377,7 +29531,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 eW(e2) {
+    function aW(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -32182,7 +32336,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, zU, BU, Z, VU, HU, UU, WU, GU, KU, qU, JU, YU, XU, ZU, QU, $U, eW;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, WU, GU, Z, KU, qU, JU, YU, XU, ZU, QU, $U, eW, tW, nW, rW, iW, aW;
     if (r[10] !== u || r[11] !== S || r[12] !== O || r[13] !== g || r[14] !== M || r[15] !== h || r[16] !== j || r[17] !== f || r[18] !== c || r[19] !== d || r[20] !== l) {
       let e2 = Maps.keyBy(c.cells, _temp2$2), m2;
       r[47] !== c || r[48] !== l ? (m2 = (e3) => (r2) => {
@@ -32201,23 +32355,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, ZU = "lg", r[58] === c.cells ? QU = r[59] : (QU = {
+      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, nW = "lg", r[58] === c.cells ? rW = r[59] : (rW = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = QU), $U = L, eW = S, R = false;
+      }, r[58] = c.cells, r[59] = rW), iW = L, aW = 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, zU = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (BU = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, WU = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (GU = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = BU) : BU = r[69], r[70] === g ? Z = r[71] : (Z = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = GU) : GU = r[69], r[70] === g ? Z = r[71] : (Z = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = Z), r[72] !== O || r[73] !== c || r[74] !== l ? (VU = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = Z), r[72] !== O || r[73] !== c || r[74] !== l ? (KU = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -32225,15 +32379,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = VU) : VU = r[75], r[76] === O ? (HU = r[77], UU = r[78], WU = r[79]) : (HU = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = KU) : KU = r[75], r[76] === O ? (qU = r[77], JU = r[78], YU = r[79]) : (qU = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, UU = (e3, r2, c2, l2, u2) => {
+      }, JU = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, WU = () => {
+      }, YU = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = HU, r[78] = UU, r[79] = WU), GU = _temp3$2, KU = M, qU = M, JU = M, YU = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = qU, r[78] = JU, r[79] = YU), XU = _temp3$2, ZU = M, QU = M, $U = M, eW = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), XU = u.filter(E2).map((r2) => {
+      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), tW = 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,
@@ -32262,14 +32416,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] = zU, r[31] = BU, r[32] = Z, r[33] = VU, r[34] = HU, r[35] = UU, r[36] = WU, r[37] = GU, r[38] = KU, r[39] = qU, r[40] = JU, r[41] = YU, r[42] = XU, r[43] = ZU, r[44] = QU, r[45] = $U, r[46] = eW;
-    } 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], zU = r[30], BU = r[31], Z = r[32], VU = r[33], HU = r[34], UU = r[35], WU = r[36], GU = r[37], KU = r[38], qU = r[39], JU = r[40], YU = r[41], XU = r[42], ZU = r[43], QU = r[44], $U = r[45], eW = r[46];
-    let tW;
-    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] !== zU || r[91] !== BU || r[92] !== Z || r[93] !== VU || r[94] !== HU || r[95] !== UU || r[96] !== WU || r[97] !== GU || r[98] !== KU || r[99] !== qU || r[100] !== JU || r[101] !== YU || r[102] !== XU || r[103] !== ZU || r[104] !== QU || r[105] !== $U || r[106] !== eW ? (tW = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: ZU,
-      layouts: QU,
-      style: $U,
-      cols: eW,
+      }), 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] = WU, r[31] = GU, r[32] = Z, r[33] = KU, r[34] = qU, r[35] = JU, r[36] = YU, r[37] = XU, r[38] = ZU, r[39] = QU, r[40] = $U, r[41] = eW, r[42] = tW, r[43] = nW, r[44] = rW, r[45] = iW, r[46] = aW;
+    } 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], WU = r[30], GU = r[31], Z = r[32], KU = r[33], qU = r[34], JU = r[35], YU = r[36], XU = r[37], ZU = r[38], QU = r[39], $U = r[40], eW = r[41], tW = r[42], nW = r[43], rW = r[44], iW = r[45], aW = r[46];
+    let oW;
+    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] !== WU || r[91] !== GU || r[92] !== Z || r[93] !== KU || r[94] !== qU || r[95] !== JU || r[96] !== YU || r[97] !== XU || r[98] !== ZU || r[99] !== QU || r[100] !== $U || r[101] !== eW || r[102] !== tW || r[103] !== nW || r[104] !== rW || r[105] !== iW || r[106] !== aW ? (oW = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: nW,
+      layouts: rW,
+      style: iW,
+      cols: aW,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -32277,23 +32431,23 @@ ${c}
       isBounded: W,
       compactType: G,
       preventCollision: q,
-      rowHeight: zU,
-      onLayoutChange: BU,
+      rowHeight: WU,
+      onLayoutChange: GU,
       droppingItem: Z,
-      onDrop: VU,
-      onDragStart: HU,
-      onDrag: UU,
-      onDragStop: WU,
-      onResizeStop: GU,
-      isDraggable: KU,
-      isDroppable: qU,
-      isResizable: JU,
-      draggableHandle: YU,
-      children: XU
-    }), 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] = zU, r[91] = BU, r[92] = Z, r[93] = VU, r[94] = HU, r[95] = UU, r[96] = WU, r[97] = GU, r[98] = KU, r[99] = qU, r[100] = JU, r[101] = YU, r[102] = XU, r[103] = ZU, r[104] = QU, r[105] = $U, r[106] = eW, r[107] = tW) : tW = r[107];
-    let nW = tW, rW, iW, aW, oW, sW, cW, lW;
-    if (r[108] !== u || r[109] !== nW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      lW = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      onDrop: KU,
+      onDragStart: qU,
+      onDrag: JU,
+      onDragStop: YU,
+      onResizeStop: XU,
+      isDraggable: ZU,
+      isDroppable: QU,
+      isResizable: $U,
+      draggableHandle: eW,
+      children: tW
+    }), 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] = WU, r[91] = GU, r[92] = Z, r[93] = KU, r[94] = qU, r[95] = JU, r[96] = YU, r[97] = XU, r[98] = ZU, r[99] = QU, r[100] = $U, r[101] = eW, r[102] = tW, r[103] = nW, r[104] = rW, r[105] = iW, r[106] = aW, r[107] = oW) : oW = r[107];
+    let sW = oW, cW, lW, uW, dW, fW, pW, mW;
+    if (r[108] !== u || r[109] !== sW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      mW = /* @__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);
@@ -32301,14 +32455,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== nW || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== sW || 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: nW
+                children: sW
               })
-            }), r[127] = nW, r[128] = L, r[129] = e4) : e4 = r[129], nW = e4;
+            }), r[127] = sW, r[128] = L, r[129] = e4) : e4 = r[129], sW = e4;
           }
           let e3 = m2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -32319,9 +32473,9 @@ ${c}
             status: e4.status,
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), lW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), mW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              nW,
+              sW,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -32332,31 +32486,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === nW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === sW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: nW
-          }), r[132] = nW, r[133] = e3);
+            children: sW
+          }), r[132] = sW, 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], nW = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], sW = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (cW = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (pW = (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] = cW) : cW = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = pW) : pW = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = oW, r[142] = g2) : (oW = r[141], g2 = r[142]), r[143] === nW ? sW = r[144] : (sW = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (dW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = dW, r[142] = g2) : (dW = r[141], g2 = r[142]), r[143] === sW ? fW = r[144] : (fW = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: nW
-        }), r[143] = nW, r[144] = sW), rW = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (iW = (0, import_jsx_runtime.jsx)("div", {
+          children: sW
+        }), r[143] = sW, r[144] = fW), cW = "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") ? (lW = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = iW) : iW = r[145];
+        }), r[145] = lW) : lW = 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,
@@ -32381,34 +32535,34 @@ ${c}
             status: e3.status,
             hidden: false
           })
-        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], aW = m2.map(b2);
-      }
-      r[108] = u, r[109] = nW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = rW, r[118] = iW, r[119] = aW, r[120] = oW, r[121] = sW, r[122] = cW, r[123] = lW, r[124] = nW;
-    } else rW = r[117], iW = r[118], aW = r[119], oW = r[120], sW = r[121], cW = r[122], lW = r[123], nW = r[124];
-    if (lW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return lW;
-    let uW;
-    r[150] !== rW || r[151] !== iW || r[152] !== aW ? (uW = (0, import_jsx_runtime.jsxs)("div", {
-      className: rW,
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], uW = m2.map(b2);
+      }
+      r[108] = u, r[109] = sW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = cW, r[118] = lW, r[119] = uW, r[120] = dW, r[121] = fW, r[122] = pW, r[123] = mW, r[124] = sW;
+    } else cW = r[117], lW = r[118], uW = r[119], dW = r[120], fW = r[121], pW = r[122], mW = r[123], sW = r[124];
+    if (mW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return mW;
+    let hW;
+    r[150] !== cW || r[151] !== lW || r[152] !== uW ? (hW = (0, import_jsx_runtime.jsxs)("div", {
+      className: cW,
       children: [
-        iW,
-        aW
+        lW,
+        uW
       ]
-    }), r[150] = rW, r[151] = iW, r[152] = aW, r[153] = uW) : uW = r[153];
-    let dW;
-    r[154] !== oW || r[155] !== sW || r[156] !== uW ? (dW = (0, import_jsx_runtime.jsxs)("div", {
-      className: oW,
+    }), r[150] = cW, r[151] = lW, r[152] = uW, r[153] = hW) : hW = r[153];
+    let gW;
+    r[154] !== dW || r[155] !== fW || r[156] !== hW ? (gW = (0, import_jsx_runtime.jsxs)("div", {
+      className: dW,
       children: [
-        sW,
-        uW
+        fW,
+        hW
       ]
-    }), r[154] = oW, r[155] = sW, r[156] = uW, r[157] = dW) : dW = r[157];
-    let fW;
-    return r[158] !== cW || r[159] !== dW ? (fW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = dW, r[155] = fW, r[156] = hW, r[157] = gW) : gW = r[157];
+    let _W;
+    return r[158] !== pW || r[159] !== gW ? (_W = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        cW,
-        dW
+        pW,
+        gW
       ]
-    }), r[158] = cW, r[159] = dW, r[160] = fW) : fW = r[160], fW;
+    }), r[158] = pW, r[159] = gW, r[160] = _W) : _W = r[160], _W;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$11.c)(20), { output: c, cellId: l, status: u, mode: d, code: f, hidden: m, isScrollable: h, side: g, className: _ } = e, v;
@@ -32709,25 +32863,25 @@ ${c}
         G
       ]
     }), r[31] = L, r[32] = R, r[33] = G, r[34] = q) : q = r[34];
-    let zU;
-    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (zU = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+    let WU;
+    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (WU = (0, import_jsx_runtime.jsx)(GripHorizontal, {
       className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
-    }), r[35] = zU) : zU = r[35];
-    let BU;
-    r[36] === l ? BU = r[37] : (BU = (0, import_jsx_runtime.jsx)(X, {
+    }), r[35] = WU) : WU = r[35];
+    let GU;
+    r[36] === l ? GU = r[37] : (GU = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
-    }), r[36] = l, r[37] = BU);
+    }), r[36] = l, r[37] = GU);
     let Z;
-    return r[38] !== I || r[39] !== q || r[40] !== BU || r[41] !== w ? (Z = (0, import_jsx_runtime.jsxs)("div", {
+    return r[38] !== I || r[39] !== q || r[40] !== GU || r[41] !== w ? (Z = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
         q,
-        zU,
-        BU
+        WU,
+        GU
       ]
-    }), r[38] = I, r[39] = q, r[40] = BU, r[41] = w, r[42] = Z) : Z = r[42], Z;
+    }), r[38] = I, r[39] = q, r[40] = GU, r[41] = w, r[42] = Z) : Z = r[42], Z;
   };
   function isSidebarCell(e) {
     var _a3;
@@ -34669,28 +34823,28 @@ ${c}
     }, [
       T,
       M
-    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), zU = (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), WU = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), BU = useMeasuringConfiguration(p), { droppableRects: Z, measureDroppableContainers: VU, measuringScheduled: HU } = useDroppableMeasuring(zU, {
+    ]), GU = useMeasuringConfiguration(p), { droppableRects: Z, measureDroppableContainers: KU, measuringScheduled: qU } = useDroppableMeasuring(WU, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
-      config: BU.droppable
-    }), UU = useCachedNode(E, T), WU = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+      config: GU.droppable
+    }), JU = useCachedNode(E, T), YU = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), GU = SW(), KU = useInitialRect(UU, BU.draggable.measure);
+    ]), XU = DW(), ZU = useInitialRect(JU, GU.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: GU.layoutShiftCompensation,
-      initialRect: KU,
-      measure: BU.draggable.measure
+      config: XU.layoutShiftCompensation,
+      initialRect: ZU,
+      measure: GU.draggable.measure
     });
-    let qU = useRect(UU, BU.draggable.measure, KU), JU = useRect(UU ? UU.parentElement : null), YU = (0, import_react.useRef)({
+    let QU = useRect(JU, GU.draggable.measure, ZU), $U = useRect(JU ? JU.parentElement : null), eW = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: UU,
+      activeNode: JU,
       collisionRect: null,
       collisions: null,
       droppableRects: Z,
@@ -34701,45 +34855,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), XU = j.getNodeFor((_a3 = YU.current.over) == null ? void 0 : _a3.id), ZU = useDragOverlayMeasuring({
-      measure: BU.dragOverlay.measure
-    }), QU = ZU.nodeRef.current ?? UU, $U = w ? ZU.rect ?? qU : null, eW = !!(ZU.nodeRef.current && ZU.rect), tW = useRectDelta(eW ? null : qU), nW = useWindowRect(QU ? getWindow(QU) : null), rW = useScrollableAncestors(w ? XU ?? UU : null), iW = useRects(rW), aW = applyModifiers(m, {
+    }), tW = j.getNodeFor((_a3 = eW.current.over) == null ? void 0 : _a3.id), nW = useDragOverlayMeasuring({
+      measure: GU.dragOverlay.measure
+    }), rW = nW.nodeRef.current ?? JU, iW = w ? nW.rect ?? QU : null, aW = !!(nW.nodeRef.current && nW.rect), oW = useRectDelta(aW ? null : QU), sW = useWindowRect(rW ? getWindow(rW) : null), cW = useScrollableAncestors(w ? tW ?? JU : null), lW = useRects(cW), uW = applyModifiers(m, {
       transform: {
-        x: O.x - tW.x,
-        y: O.y - tW.y,
+        x: O.x - oW.x,
+        y: O.y - oW.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: qU,
-      containerNodeRect: JU,
-      draggingNodeRect: $U,
-      over: YU.current.over,
-      overlayNodeRect: ZU.rect,
-      scrollableAncestors: rW,
-      scrollableAncestorRects: iW,
-      windowRect: nW
-    }), oW = WU ? add(WU, O) : null, sW = useScrollOffsets(rW), cW = useScrollOffsetsDelta(sW), lW = useScrollOffsetsDelta(sW, [
-      qU
-    ]), uW = add(aW, cW), dW = $U ? getAdjustedRect($U, aW) : null, fW = L && dW ? f({
+      activeNodeRect: QU,
+      containerNodeRect: $U,
+      draggingNodeRect: iW,
+      over: eW.current.over,
+      overlayNodeRect: nW.rect,
+      scrollableAncestors: cW,
+      scrollableAncestorRects: lW,
+      windowRect: sW
+    }), dW = YU ? add(YU, O) : null, fW = useScrollOffsets(cW), pW = useScrollOffsetsDelta(fW), mW = useScrollOffsetsDelta(fW, [
+      QU
+    ]), hW = add(uW, pW), gW = iW ? getAdjustedRect(iW, uW) : null, _W = L && gW ? f({
       active: L,
-      collisionRect: dW,
+      collisionRect: gW,
       droppableRects: Z,
-      droppableContainers: zU,
-      pointerCoordinates: oW
-    }) : null, pW = getFirstCollision(fW, "id"), [mW, hW] = (0, import_react.useState)(null), gW = adjustScale(eW ? aW : add(aW, lW), (mW == null ? void 0 : mW.rect) ?? null, qU), _W = (0, import_react.useRef)(null), vW = (0, import_react.useCallback)((e2, r2) => {
+      droppableContainers: WU,
+      pointerCoordinates: dW
+    }) : null, vW = getFirstCollision(_W, "id"), [yW, bW] = (0, import_react.useState)(null), xW = adjustScale(aW ? uW : add(uW, mW), (yW == null ? void 0 : yW.rect) ?? null, QU), SW = (0, import_react.useRef)(null), CW = (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;
-      _W.current = new c2({
+      SW.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: YU,
+        context: eW,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -34784,7 +34938,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(_W.current), W(d2);
+            }), B(SW.current), W(d2);
           });
         },
         onMove(e3) {
@@ -34798,7 +34952,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = YU.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = eW.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -34812,7 +34966,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), hW(null), B(null), W(null), _W.current = null;
+            }), S(Status.Uninitialized), bW(null), B(null), W(null), SW.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e4 = G.current[r4];
@@ -34826,7 +34980,7 @@ ${c}
       }
     }, [
       E
-    ]), yW = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), wW = 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 = {
@@ -34834,26 +34988,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, vW(c2, r2));
+      }, R.current = l2, CW(c2, r2));
     }, [
       E,
-      vW
+      CW
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      qU && b === Status.Initializing && S(Status.Initialized);
+      QU && b === Status.Initializing && S(Status.Initialized);
     }, [
-      qU,
+      QU,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = YU.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = eW.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: uW.x,
-          y: uW.y
+          x: hW.x,
+          y: hW.y
         },
         over: u2
       };
@@ -34864,12 +35018,12 @@ ${c}
         });
       });
     }, [
-      uW.x,
-      uW.y
+      hW.x,
+      hW.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = YU.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = eW.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(pW), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(vW), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -34885,127 +35039,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        hW(p2), d2 == null ? void 0 : d2(m2), v({
+        bW(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      pW
+      vW
     ]), useIsomorphicLayoutEffect(() => {
-      YU.current = {
+      eW.current = {
         activatorEvent: H,
         active: L,
-        activeNode: UU,
-        collisionRect: dW,
-        collisions: fW,
+        activeNode: JU,
+        collisionRect: gW,
+        collisions: _W,
         droppableRects: Z,
         draggableNodes: E,
-        draggingNode: QU,
-        draggingNodeRect: $U,
+        draggingNode: rW,
+        draggingNodeRect: iW,
         droppableContainers: j,
-        over: mW,
-        scrollableAncestors: rW,
-        scrollAdjustedTranslate: uW
+        over: yW,
+        scrollableAncestors: cW,
+        scrollAdjustedTranslate: hW
       }, I.current = {
-        initial: $U,
-        translated: dW
+        initial: iW,
+        translated: gW
       };
     }, [
       L,
-      UU,
-      fW,
-      dW,
+      JU,
+      _W,
+      gW,
       E,
-      QU,
-      $U,
+      rW,
+      iW,
       Z,
       j,
-      mW,
-      rW,
-      uW
+      yW,
+      cW,
+      hW
     ]), useAutoScroller({
-      ...GU,
+      ...XU,
       delta: O,
-      draggingRect: dW,
-      pointerCoordinates: oW,
-      scrollableAncestors: rW,
-      scrollableAncestorRects: iW
+      draggingRect: gW,
+      pointerCoordinates: dW,
+      scrollableAncestors: cW,
+      scrollableAncestorRects: lW
     });
-    let bW = (0, import_react.useMemo)(() => ({
+    let TW = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: UU,
-      activeNodeRect: qU,
+      activeNode: JU,
+      activeNodeRect: QU,
       activatorEvent: H,
-      collisions: fW,
-      containerNodeRect: JU,
-      dragOverlay: ZU,
+      collisions: _W,
+      containerNodeRect: $U,
+      dragOverlay: nW,
       draggableNodes: E,
       droppableContainers: j,
       droppableRects: Z,
-      over: mW,
-      measureDroppableContainers: VU,
-      scrollableAncestors: rW,
-      scrollableAncestorRects: iW,
-      measuringConfiguration: BU,
-      measuringScheduled: HU,
-      windowRect: nW
+      over: yW,
+      measureDroppableContainers: KU,
+      scrollableAncestors: cW,
+      scrollableAncestorRects: lW,
+      measuringConfiguration: GU,
+      measuringScheduled: qU,
+      windowRect: sW
     }), [
       L,
-      UU,
-      qU,
-      H,
-      fW,
       JU,
-      ZU,
+      QU,
+      H,
+      _W,
+      $U,
+      nW,
       E,
       j,
       Z,
-      mW,
-      VU,
-      rW,
-      iW,
-      BU,
-      HU,
-      nW
-    ]), xW = (0, import_react.useMemo)(() => ({
+      yW,
+      KU,
+      cW,
+      lW,
+      GU,
+      qU,
+      sW
+    ]), EW = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: yW,
+      activators: wW,
       active: L,
-      activeNodeRect: qU,
+      activeNodeRect: QU,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: mW,
-      measureDroppableContainers: VU
+      over: yW,
+      measureDroppableContainers: KU
     }), [
       H,
-      yW,
+      wW,
       L,
-      qU,
+      QU,
       _,
       q,
       E,
-      mW,
-      VU
+      yW,
+      KU
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: xW
+      value: EW
     }, import_react.createElement(PublicContext.Provider, {
-      value: bW
+      value: TW
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: gW
+      value: xW
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function SW() {
+    function DW() {
       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,
@@ -35533,7 +35687,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: zU, listeners: BU, isDragging: Z, over: VU, setActivatorNodeRef: HU, transform: UU } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: WU, listeners: GU, isDragging: Z, over: KU, setActivatorNodeRef: qU, transform: JU } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -35541,60 +35695,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), WU = useCombinedRefs(B, zU), GU = !!H, KU = GU && !b && isValidIndex(v) && isValidIndex(w), qU = !T && Z, JU = KU ? (qU && KU ? UU : null) ?? (p ?? E)({
+    }), YU = useCombinedRefs(B, WU), XU = !!H, ZU = XU && !b && isValidIndex(v) && isValidIndex(w), QU = !T && Z, $U = ZU ? (QU && ZU ? JU : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, YU = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, eW = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, XU = H == null ? void 0 : H.id, ZU = (0, import_react.useRef)({
-      activeId: XU,
+    }) : j, tW = H == null ? void 0 : H.id, nW = (0, import_react.useRef)({
+      activeId: tW,
       items: g,
-      newIndex: YU,
+      newIndex: eW,
       containerId: _
-    }), QU = g !== ZU.current.items, $U = r({
+    }), rW = g !== nW.current.items, iW = r({
       active: H,
       containerId: _,
       isDragging: Z,
-      isSorting: GU,
+      isSorting: XU,
       id: f,
       index: j,
       items: g,
-      newIndex: ZU.current.newIndex,
-      previousItems: ZU.current.items,
-      previousContainerId: ZU.current.containerId,
+      newIndex: nW.current.newIndex,
+      previousItems: nW.current.items,
+      previousContainerId: nW.current.containerId,
       transition: h,
-      wasDragging: ZU.current.activeId != null
-    }), eW = useDerivedTransform({
-      disabled: !$U,
+      wasDragging: nW.current.activeId != null
+    }), aW = useDerivedTransform({
+      disabled: !iW,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      GU && ZU.current.newIndex !== YU && (ZU.current.newIndex = YU), _ !== ZU.current.containerId && (ZU.current.containerId = _), g !== ZU.current.items && (ZU.current.items = g);
+      XU && nW.current.newIndex !== eW && (nW.current.newIndex = eW), _ !== nW.current.containerId && (nW.current.containerId = _), g !== nW.current.items && (nW.current.items = g);
     }, [
-      GU,
-      YU,
+      XU,
+      eW,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (XU === ZU.current.activeId) return;
-      if (XU != null && ZU.current.activeId == null) {
-        ZU.current.activeId = XU;
+      if (tW === nW.current.activeId) return;
+      if (tW != null && nW.current.activeId == null) {
+        nW.current.activeId = tW;
         return;
       }
       let e2 = setTimeout(() => {
-        ZU.current.activeId = XU;
+        nW.current.activeId = tW;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      XU
+      tW
     ]), {
       active: H,
       activeIndex: v,
@@ -35602,25 +35756,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: YU,
+      newIndex: eW,
       items: g,
       isOver: z,
-      isSorting: GU,
+      isSorting: XU,
       isDragging: Z,
-      listeners: BU,
+      listeners: GU,
       node: R,
       overIndex: w,
-      over: VU,
-      setNodeRef: WU,
-      setActivatorNodeRef: HU,
+      over: KU,
+      setNodeRef: YU,
+      setActivatorNodeRef: qU,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: zU,
-      transform: eW ?? JU,
-      transition: tW()
+      setDraggableNodeRef: WU,
+      transform: aW ?? $U,
+      transition: oW()
     };
-    function tW() {
-      if (eW || QU && ZU.current.newIndex === j) return disabledTransition;
-      if (!(qU && !isKeyboardEvent(W) || !h) && (GU || $U)) return CSS$1.Transition.toString({
+    function oW() {
+      if (aW || rW && nW.current.newIndex === j) return disabledTransition;
+      if (!(QU && !isKeyboardEvent(W) || !h) && (XU || iW)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -35896,10 +36050,10 @@ ${c}
       ...R,
       ...h
     }, r[18] = O, r[19] = h, r[20] = R, r[21] = E, r[22] = z) : z = r[22];
-    let B = z, H = T || w, W = b || S || w ? "border-blue-500" : "border-border", G = S && !w && "opacity-35", q = w && "opacity-95 shadow-lg", zU;
-    r[23] !== l || r[24] !== q || r[25] !== W || r[26] !== G ? (zU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden", W, G, q, l), r[23] = l, r[24] = q, r[25] = W, r[26] = G, r[27] = zU) : zU = r[27];
-    let BU;
-    r[28] !== c || r[29] !== O || r[30] !== j || r[31] !== H || r[32] !== E ? (BU = H && (0, import_jsx_runtime.jsx)("div", {
+    let B = z, H = T || w, W = b || S || w ? "border-blue-500" : "border-border", G = S && !w && "opacity-35", q = w && "opacity-95 shadow-lg", WU;
+    r[23] !== l || r[24] !== q || r[25] !== W || r[26] !== G ? (WU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden", W, G, q, l), r[23] = l, r[24] = q, r[25] = W, r[26] = G, r[27] = WU) : WU = r[27];
+    let GU;
+    r[28] !== c || r[29] !== O || r[30] !== j || r[31] !== H || r[32] !== E ? (GU = H && (0, import_jsx_runtime.jsx)("div", {
       className: "flex p-6 box-border pointer-events-none mo-slide-content overflow-hidden",
       style: {
         transform: `scale(${j})`,
@@ -35912,14 +36066,14 @@ ${c}
         status: c.status,
         output: c.output
       })
-    }), r[28] = c, r[29] = O, r[30] = j, r[31] = H, r[32] = E, r[33] = BU) : BU = r[33];
+    }), r[28] = c, r[29] = O, r[30] = j, r[31] = H, r[32] = E, r[33] = GU) : GU = r[33];
     let Z;
     r[34] === L ? Z = r[35] : (Z = L && (0, import_jsx_runtime.jsx)("div", {
       className: "absolute inset-0 bg-muted/60 pointer-events-none",
       "aria-hidden": true
     }), r[34] = L, r[35] = Z);
-    let VU;
-    r[36] !== L || r[37] !== I ? (VU = I && (0, import_jsx_runtime.jsx)(Tooltip, {
+    let KU;
+    r[36] !== L || r[37] !== I ? (KU = I && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: (0, import_jsx_runtime.jsx)("span", {
         className: "text-xs opacity-80",
         children: I.description
@@ -35931,19 +36085,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[36] = L, r[37] = I, r[38] = VU) : VU = r[38];
-    let HU;
-    return r[39] !== B || r[40] !== d || r[41] !== f || r[42] !== zU || r[43] !== BU || r[44] !== Z || r[45] !== VU ? (HU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[36] = L, r[37] = I, r[38] = KU) : KU = r[38];
+    let qU;
+    return r[39] !== B || r[40] !== d || r[41] !== f || r[42] !== WU || r[43] !== GU || r[44] !== Z || r[45] !== KU ? (qU = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: zU,
+      className: WU,
       style: B,
       ...d,
       children: [
-        BU,
+        GU,
         Z,
-        VU
+        KU
       ]
-    }), r[39] = B, r[40] = d, r[41] = f, r[42] = zU, r[43] = BU, r[44] = Z, r[45] = VU, r[46] = HU) : HU = r[46], HU;
+    }), r[39] = B, r[40] = d, r[41] = f, r[42] = WU, r[43] = GU, r[44] = Z, r[45] = KU, r[46] = qU) : qU = r[46], qU;
   };
   function projectDropTarget(e) {
     let { active: r, over: c } = e;
@@ -35974,7 +36128,7 @@ ${c}
     if (l && l !== "slide") return l;
     if (c == null ? void 0 : c.has(e)) return "skip";
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-BMyi2UMr.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-DZtPMEoM.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a3;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { cellsWithOutput: h, skippedIds: g, slideTypes: _, startCellIndex: v } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [
@@ -36349,7 +36503,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, zU, BU, Z, VU, HU, UU;
+    let H, W, G, q, WU, GU, Z, KU, qU, JU;
     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);
@@ -36395,11 +36549,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", zU = c, BU = R, Z = 0;
-      let WU2 = y && "marimo-output-stale", GU2 = L ? "p-5" : "p-3";
-      r[40] !== M || r[41] !== WU2 || r[42] !== GU2 ? (VU = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", WU2, GU2, M), r[40] = M, r[41] = WU2, r[42] = GU2, r[43] = VU) : VU = r[43], r[44] === d ? HU = r[45] : (HU = 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", WU = c, GU = R, Z = 0;
+      let YU2 = y && "marimo-output-stale", XU2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== YU2 || r[42] !== XU2 ? (KU = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", YU2, XU2, M), r[40] = M, r[41] = YU2, r[42] = XU2, r[43] = KU) : KU = r[43], r[44] === d ? qU = r[45] : (qU = d ? {
         maxHeight: "none"
-      } : void 0, r[44] = d, r[45] = HU), UU = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = qU), JU = 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");
@@ -36428,36 +36582,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] = zU, r[25] = BU, r[26] = Z, r[27] = VU, r[28] = HU, r[29] = UU;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], zU = r[24], BU = r[25], Z = r[26], VU = r[27], HU = r[28], UU = r[29];
-    let WU;
-    r[46] !== T || r[47] !== S ? (WU = (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] = WU, r[25] = GU, r[26] = Z, r[27] = KU, r[28] = qU, r[29] = JU;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], WU = r[24], GU = r[25], Z = r[26], KU = r[27], qU = r[28], JU = r[29];
+    let YU;
+    r[46] !== T || r[47] !== S ? (YU = (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] = WU) : WU = r[48];
-    let GU;
-    r[49] !== WU || r[50] !== G || r[51] !== q || r[52] !== zU || r[53] !== BU || r[54] !== Z || r[55] !== VU || r[56] !== HU || r[57] !== UU ? (GU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[46] = T, r[47] = S, r[48] = YU) : YU = r[48];
+    let XU;
+    r[49] !== YU || r[50] !== G || r[51] !== q || r[52] !== WU || r[53] !== GU || r[54] !== Z || r[55] !== KU || r[56] !== qU || r[57] !== JU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
       title: G,
       "data-testid": q,
-      ref: zU,
-      ...BU,
+      ref: WU,
+      ...GU,
       tabIndex: Z,
-      className: VU,
-      style: HU,
+      className: KU,
+      style: qU,
       children: [
-        UU,
-        WU
+        JU,
+        YU
       ]
-    }), r[49] = WU, r[50] = G, r[51] = q, r[52] = zU, r[53] = BU, r[54] = Z, r[55] = VU, r[56] = HU, r[57] = UU, r[58] = GU) : GU = r[58];
-    let KU;
-    return r[59] !== H || r[60] !== W || r[61] !== GU ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[49] = YU, r[50] = G, r[51] = q, r[52] = WU, r[53] = GU, r[54] = Z, r[55] = KU, r[56] = qU, r[57] = JU, r[58] = XU) : XU = r[58];
+    let ZU;
+    return r[59] !== H || r[60] !== W || r[61] !== XU ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
       children: [
         W,
-        GU
+        XU
       ]
-    }), r[59] = H, r[60] = W, r[61] = GU, r[62] = KU) : KU = r[62], KU;
+    }), r[59] = H, r[60] = W, r[61] = XU, r[62] = ZU) : ZU = r[62], ZU;
   }, 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);
@@ -36921,23 +37075,23 @@ ${c}
     if ((h || _ || m || W) && !G) return null;
     let q;
     r[43] !== d || r[44] !== T ? (q = cellDomProps(d, T), r[43] = d, r[44] = T, r[45] = q) : q = r[45];
-    let zU = w === "edit", BU;
-    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== zU ? (BU = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: zU,
+    let WU = w === "edit", GU;
+    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== WU ? (GU = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: WU,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = zU, r[51] = BU) : BU = r[51];
+    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = WU, r[51] = GU) : GU = r[51];
     let Z;
-    return r[52] !== H || r[53] !== q || r[54] !== BU ? (Z = (0, import_jsx_runtime.jsx)("div", {
+    return r[52] !== H || r[53] !== q || r[54] !== GU ? (Z = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
       ...q,
-      children: BU
-    }), r[52] = H, r[53] = q, r[54] = BU, r[55] = Z) : Z = r[55], Z;
+      children: GU
+    }), r[52] = H, r[53] = q, r[54] = GU, r[55] = Z) : Z = r[55], Z;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {