@marimo-team/islands 0.19.7-dev23 → 0.19.7-dev25

package/dist/main.js

@@ -4,23 +4,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { a as __toCommonJS, n as __esmMin, o as __toDynamicImportESM, r as __export$1, s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-DdA8EBol.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
-import { n as Copy, r as toast, t as copyToClipboard } from "./copy-ACOJ1BXr.js";
+import { n as Copy, r as toast, t as copyToClipboard } from "./copy-B59Bw3-w.js";
 import { _ as require_cjs$1, c as markdownLineEnding, d as SKIP, f as visitParents, g as s$2, h as h$1, l as longestStreak, m as webNamespaces, o as xn$1, p as convert$1, s as factorySpace, u as ok, __tla as __tla_0 } from "./chunk-5FQGJX7Z-D5VFKHmt.js";
-import { C as useLayoutEffect2, D as dispatchDiscreteCustomEvent, E as Primitive$1, M as composeEventHandlers$1, N as createLucideIcon, O as createSlot, S as useId$12, T as useCallbackRef, _ as Arrow, a as __awaiter, b as createPopperScope, c as withSmartCollisionBoundary, d as Root$5, g as Anchor, h as Portal, i as useFocusGuards, j as createContextScope$1, l as isInVscodeExtension, m as Presence, n as hideOthers, o as MAX_HEIGHT_OFFSET, p as useControllableState, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as StyleNamespace, v as Content$3, w as DismissableLayer, x as useSize, y as Root2$6 } from "./Combination-BOmAhdTT.js";
-import { A as Badge, B as ListFilter, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as $5a387cc49350e6db$export$722debc0e56fea39, H as ChartPie, I as Type, L as ToggleLeft, M as startCase_default, N as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, O as TIME_UNIT_DESCRIPTIONS, P as $fb18d541ea1ad717$export$ad991b66133851cf, R as Table$1, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, U as ChartColumn, V as Hash, W as Calendar, _ 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 createReducerAndAtoms, 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, z as SquareFunction } from "./spec-CuHgWmcK.js";
-import { t as Check } from "./check-S8ldILuD.js";
-import { A as logNever, B as ChevronDown, C as useDirection, D as useOnUnmount, E as useOnMount, F as $18f2051aff69b9bf$export$a54013f0d02a8f82, I as $b5e257d569688ac6$export$535bd6ca7f90a273, M as $a916eb452884faea$export$b7a616150fdb9f44, O as usePrevious$1, P as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as X, S as Trigger$5, T as clamp$2, _ as menuItemVariants, a as SelectGroup, b as menuSubTriggerVariants, c as SelectSeparator, d as NativeSelect, f as selectStyles, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, k as assertNever, l as SelectTrigger, m as menuContentCommon, n as Primitive, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, s as SelectLabel, t as Label, u as SelectValue, v as menuLabelVariants, w as createCollection, x as Icon, y as menuSeparatorVariants } from "./label-o68OaAQk.js";
-import { $ as $514c0188e459b4c0$export$9afb8bc826b033ea, $t as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, A as ItemIndicator, At as $6db58dc88e78b024$export$2f817fcdc4b89ae0, B as createMenuScope, Bt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, C as DropdownMenuTrigger, Ct as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, D as Content2$3, Dt as $6c7bd7858deea686$export$cd11ab140839f11d, E as CheckboxItem, Et as $701a24aa0da5b062$export$ea18c227d4417cc3, F as Root3, Ft as $507fabe10e71c6fb$export$630ff653c5ada6a9, G as $3985021b0ad6602f$export$37fb8590cf2c088c, Gt as $df56164dff5785e2$export$4338b53315abf666, H as Root$6, Ht as $b4b717babfbb907b$export$bebd5a1431fec25d, I as Separator, It as $f6c31cce2adf654f$export$45712eceda6fad21, J as $a049562f99e7db0e$export$f9c6924e160136d1, Jt as $c87311424ea30a05$export$78551043582a6a98, K as $3985021b0ad6602f$export$f5b8910cec6cf069, Kt as $313b98861ee5dd6c$export$d6875122194c7b44, L as Sub, Lt as _class_private_field_init, M as Portal$2, Mt as $6179b936705e76d3$export$ae780daf29e6d456, N as RadioGroup$2, Nt as $9ab94262bd0047c7$export$420e68273165f4ec, O as Group$1, Ot as $fca6afa0e843324b$export$87b761675e8eaa10, P as RadioItem, Pt as $3ad3f6e1647bc98d$export$80f3e147d781571c, Q as $514c0188e459b4c0$export$5f1af8db9871e1d6, Qt as $7215afc6de606d6b$export$de79e2c695e052f3, R as SubContent, Rt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, S as DropdownMenuSubTrigger, St as $e5be200c675c3b3a$export$dad6ae84456c676a, T as Arrow2, Tt as $f7dceffc5ad7768b$export$4e328f61c538687f, U as createRovingFocusGroupScope, Ut as $99facab73266f662$export$5add1d006293d136, V as Item$2, Vt as $b4b717babfbb907b$export$4c063cf1350e6fed, W as ErrorBoundary, Wt as $e9faafb641e167db$export$90fc3a17d93f704c, X as $ee014567cb39d3f0$export$f551688fc98f2e09, Xt as $c87311424ea30a05$export$a11b0059900ceec8, Y as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Yt as $c87311424ea30a05$export$9ac100e40613ea10, Z as $ee014567cb39d3f0$export$ff05c3ac10437e03, Zt as $c87311424ea30a05$export$fedb369cb70207f1, _ as DropdownMenuLabel, _n as ChevronRight, _t as $2baaea4c71418dea$export$294aa081a6c6f55d, a as OnBlurredInput, an as $431fbd86ca7dc216$export$b204af158042fbac, at as $64fa3d84918910a7$export$2881499e37b75b9a, b as DropdownMenuSub, bt as $e5be200c675c3b3a$export$a763b9476acd3eb, c as NumberField, cn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ct as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, d as prettyNumber, dn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $3ef42575df84b30b$export$9d1611c77c2fe928, et as $d2b4bc8c273e7be6$export$24d547caef80ccd1, f as prettyScientificNumber, fn as Trash, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuItem, gn as Circle, gt as $d2e8511e6f209edf$export$e908e06f4b8e3402, h as DropdownMenuGroup, hn as Pencil, ht as capitalize_default, i as Input, in as $f4e2df6bd15f8569$export$98658e8c59125e6a, it as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, j as Label$2, jt as $5b160d28a433310d$export$c17fa47878dc55b6, k as Item2$2, kt as $fca6afa0e843324b$export$f12b703ca79dfbb1, l as maxFractionalDigits, ln as $bdb11010cef70236$export$f680877a34711e37, lt as $64fa3d84918910a7$export$c245e6201fed2f75, m as DropdownMenuContent, mn as Plus, mt as marked, n as DebouncedInput, nn as $d4ee10de306f2510$export$cd4e5573fbe2b576, nt as $01b77f81d0f07f68$export$75b6ee27786ba447, o as useDebounceControlledState, on as $431fbd86ca7dc216$export$f21a1ffae260145a, ot as $64fa3d84918910a7$export$29f1550f4b0d4415, p as DropdownMenu, pn as Search, pt as useNonce, q as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, qt as $c87311424ea30a05$export$6446a186d09e379e, r as DebouncedNumberInput, rn as $d4ee10de306f2510$export$e58f029f0fbfdb29, rt as $01b77f81d0f07f68$export$b04be29aa201d4f5, s as useDebouncedCallback, sn as $ff5963eb1fccf552$export$e08e3b67e392101e, st as $64fa3d84918910a7$export$4d86445c2cf5e3, t as BulkEdit, tn as $d4ee10de306f2510$export$4282f70798064fe0, tt as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, u as prettyEngineeringNumber, un as $8ae05eaa5c114e9c$export$7f54fc3180508a52, ut as $64fa3d84918910a7$export$c62b8e45d58ddad9, v as DropdownMenuPortal, vt as $e93e671b31057976$export$b8473d3665f3a75a, w as Anchor2, wt as $319e236875307eab$export$a9b970dcc4ae71a9, x as DropdownMenuSubContent, xt as $e5be200c675c3b3a$export$aca958c65c314e6c, y as DropdownMenuSeparator, yt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, z as SubTrigger, zt as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./types-BIvEidLq.js";
-import { S as CircleQuestionMark, _ as isUrl, a as AlertTitle, b as Deferred, c as constructFrom, d as millisecondsInMinute, f as millisecondsInSecond, g as appendQueryParams, h as getRuntimeManager, i as AlertDescription, l as millisecondsInDay, m as asRemoteURL, n as arrow, o as isValid$1, p as millisecondsInWeek, r as Alert, s as toDate, t as useDeepCompareMemoize, u as millisecondsInHour, v as require_cuid2, x as isWasm, y as waitForConnectionOpen } from "./useDeepCompareMemoize-HKwezUBx.js";
+import { C as useLayoutEffect2, D as dispatchDiscreteCustomEvent, E as Primitive, M as composeEventHandlers$1, N as createLucideIcon, O as createSlot, S as useId$12, T as useCallbackRef, _ as Arrow, a as __awaiter, b as createPopperScope, c as withSmartCollisionBoundary, d as Root$5, g as Anchor, h as Portal, i as useFocusGuards, j as createContextScope, l as isInVscodeExtension, m as Presence, n as hideOthers, o as MAX_HEIGHT_OFFSET, p as useControllableState, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as StyleNamespace, v as Content$3, w as DismissableLayer, x as useSize, y as Root2$6 } from "./Combination-Bg-xN8JV.js";
+import { A as Badge, B as ListFilter, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as $5a387cc49350e6db$export$722debc0e56fea39, H as ChartPie, I as Type, L as ToggleLeft, M as startCase_default, N as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, O as TIME_UNIT_DESCRIPTIONS, P as $fb18d541ea1ad717$export$ad991b66133851cf, R as Table$1, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, U as ChartColumn, V as Hash, W as Calendar, _ 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 createReducerAndAtoms, 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, z as SquareFunction } from "./spec-C9rnT0AN.js";
+import { t as Check } from "./check-CM_kewwn.js";
+import { A as logNever, B as ChevronDown, C as useDirection, D as useOnUnmount, E as useOnMount, F as $18f2051aff69b9bf$export$a54013f0d02a8f82, I as $b5e257d569688ac6$export$535bd6ca7f90a273, M as $a916eb452884faea$export$b7a616150fdb9f44, O as usePrevious$1, P as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as X, S as Trigger$5, T as clamp$2, _ as menuItemVariants, a as SelectGroup, b as menuSubTriggerVariants, c as SelectSeparator, d as NativeSelect, f as selectStyles, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, k as assertNever, l as SelectTrigger, m as menuContentCommon, n as Primitive$1, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, s as SelectLabel, t as Label, u as SelectValue, v as menuLabelVariants, w as createCollection, x as Icon, y as menuSeparatorVariants } from "./label-DC2pbeUJ.js";
+import { $ as $514c0188e459b4c0$export$9afb8bc826b033ea, $t as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, A as ItemIndicator, At as $6db58dc88e78b024$export$2f817fcdc4b89ae0, B as createMenuScope, Bt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, C as DropdownMenuTrigger, Ct as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, D as Content2$3, Dt as $6c7bd7858deea686$export$cd11ab140839f11d, E as CheckboxItem, Et as $701a24aa0da5b062$export$ea18c227d4417cc3, F as Root3, Ft as $507fabe10e71c6fb$export$630ff653c5ada6a9, G as $3985021b0ad6602f$export$37fb8590cf2c088c, Gt as $df56164dff5785e2$export$4338b53315abf666, H as Root$6, Ht as $b4b717babfbb907b$export$bebd5a1431fec25d, I as Separator, It as $f6c31cce2adf654f$export$45712eceda6fad21, J as $a049562f99e7db0e$export$f9c6924e160136d1, Jt as $c87311424ea30a05$export$78551043582a6a98, K as $3985021b0ad6602f$export$f5b8910cec6cf069, Kt as $313b98861ee5dd6c$export$d6875122194c7b44, L as Sub, Lt as _class_private_field_init, M as Portal$2, Mt as $6179b936705e76d3$export$ae780daf29e6d456, N as RadioGroup$2, Nt as $9ab94262bd0047c7$export$420e68273165f4ec, O as Group$1, Ot as $fca6afa0e843324b$export$87b761675e8eaa10, P as RadioItem, Pt as $3ad3f6e1647bc98d$export$80f3e147d781571c, Q as $514c0188e459b4c0$export$5f1af8db9871e1d6, Qt as $7215afc6de606d6b$export$de79e2c695e052f3, R as SubContent, Rt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, S as DropdownMenuSubTrigger, St as $e5be200c675c3b3a$export$dad6ae84456c676a, T as Arrow2, Tt as $f7dceffc5ad7768b$export$4e328f61c538687f, U as createRovingFocusGroupScope, Ut as $99facab73266f662$export$5add1d006293d136, V as Item$2, Vt as $b4b717babfbb907b$export$4c063cf1350e6fed, W as ErrorBoundary, Wt as $e9faafb641e167db$export$90fc3a17d93f704c, X as $ee014567cb39d3f0$export$f551688fc98f2e09, Xt as $c87311424ea30a05$export$a11b0059900ceec8, Y as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Yt as $c87311424ea30a05$export$9ac100e40613ea10, Z as $ee014567cb39d3f0$export$ff05c3ac10437e03, Zt as $c87311424ea30a05$export$fedb369cb70207f1, _ as DropdownMenuLabel, _n as ChevronRight, _t as $2baaea4c71418dea$export$294aa081a6c6f55d, a as OnBlurredInput, an as $431fbd86ca7dc216$export$b204af158042fbac, at as $64fa3d84918910a7$export$2881499e37b75b9a, b as DropdownMenuSub, bt as $e5be200c675c3b3a$export$a763b9476acd3eb, c as NumberField, cn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ct as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, d as prettyNumber, dn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $3ef42575df84b30b$export$9d1611c77c2fe928, et as $d2b4bc8c273e7be6$export$24d547caef80ccd1, f as prettyScientificNumber, fn as Trash, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuItem, gn as Circle, gt as $d2e8511e6f209edf$export$e908e06f4b8e3402, h as DropdownMenuGroup, hn as Pencil, ht as capitalize_default, i as Input, in as $f4e2df6bd15f8569$export$98658e8c59125e6a, it as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, j as Label$2, jt as $5b160d28a433310d$export$c17fa47878dc55b6, k as Item2$2, kt as $fca6afa0e843324b$export$f12b703ca79dfbb1, l as maxFractionalDigits, ln as $bdb11010cef70236$export$f680877a34711e37, lt as $64fa3d84918910a7$export$c245e6201fed2f75, m as DropdownMenuContent, mn as Plus, mt as marked, n as DebouncedInput, nn as $d4ee10de306f2510$export$cd4e5573fbe2b576, nt as $01b77f81d0f07f68$export$75b6ee27786ba447, o as useDebounceControlledState, on as $431fbd86ca7dc216$export$f21a1ffae260145a, ot as $64fa3d84918910a7$export$29f1550f4b0d4415, p as DropdownMenu, pn as Search, pt as useNonce, q as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, qt as $c87311424ea30a05$export$6446a186d09e379e, r as DebouncedNumberInput, rn as $d4ee10de306f2510$export$e58f029f0fbfdb29, rt as $01b77f81d0f07f68$export$b04be29aa201d4f5, s as useDebouncedCallback, sn as $ff5963eb1fccf552$export$e08e3b67e392101e, st as $64fa3d84918910a7$export$4d86445c2cf5e3, t as BulkEdit, tn as $d4ee10de306f2510$export$4282f70798064fe0, tt as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, u as prettyEngineeringNumber, un as $8ae05eaa5c114e9c$export$7f54fc3180508a52, ut as $64fa3d84918910a7$export$c62b8e45d58ddad9, v as DropdownMenuPortal, vt as $e93e671b31057976$export$b8473d3665f3a75a, w as Anchor2, wt as $319e236875307eab$export$a9b970dcc4ae71a9, x as DropdownMenuSubContent, xt as $e5be200c675c3b3a$export$aca958c65c314e6c, y as DropdownMenuSeparator, yt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, z as SubTrigger, zt as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./types-ZLLMdAtn.js";
+import { S as CircleQuestionMark, _ as isUrl, a as AlertTitle, b as Deferred, c as constructFrom, d as millisecondsInMinute, f as millisecondsInSecond, g as appendQueryParams, h as getRuntimeManager, i as AlertDescription, l as millisecondsInDay, m as asRemoteURL, n as arrow, o as isValid$1, p as millisecondsInWeek, r as Alert, s as toDate, t as useDeepCompareMemoize, u as millisecondsInHour, v as require_cuid2, x as isWasm, y as waitForConnectionOpen } from "./useDeepCompareMemoize-CfoxVor3.js";
 import { n as clsx_default } from "./clsx-D2KVTYnW.js";
-import { a as cva, c as useComposedRefs, l as Events, n as buttonVariants, o as useEventListener, r as Slot$1, s as composeRefs, t as Button, u as cn } from "./button-D6ZIdUA3.js";
-import { c as Functions, i as parseShortcut, l as throwNotImplemented, o as Objects, r as isPlatformMac, s as Logger, t as NOT_SET } from "./hotkeys-C4e3s3sJ.js";
+import { a as cva, c as useComposedRefs, l as Events, n as buttonVariants, o as useEventListener, r as Slot$1, s as composeRefs, t as Button, u as cn } from "./button-BWvsJ2Wr.js";
+import { c as Functions, i as parseShortcut, l as throwNotImplemented, o as Objects, r as isPlatformMac, s as Logger, t as NOT_SET } from "./hotkeys-B5WnGZXF.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
 import { t as require_react_dom } from "./react-dom-DJW8xUDg.js";
-import { a as Portal$3, c as prettyError, d as TooltipPortal, f as TooltipProvider, h as TooltipProvider$1, i as Overlay, l as Tooltip, m as TooltipTrigger, n as ErrorBanner, o as Root$7, p as TooltipRoot, r as Content$4, s as CellNotInitializedError, t as Banner, u as TooltipContent } from "./error-banner-uJ4xh94e.js";
-import { a as _extends$5, c as setDiagnostics, d as CopyClipboardIcon, i as minimalSetup, l as historyField, o as forEachDiagnostic, r as esm_default, s as linter, t as langs, u as insertTab } from "./esm-DNwkt4aO.js";
+import { a as Portal$3, c as prettyError, d as TooltipPortal, f as TooltipProvider, h as TooltipProvider$1, i as Overlay, l as Tooltip, m as TooltipTrigger, n as ErrorBanner, o as Root$7, p as TooltipRoot, r as Content$4, s as CellNotInitializedError, t as Banner, u as TooltipContent } from "./error-banner-C7KLpECd.js";
+import { a as _extends$5, c as setDiagnostics, d as CopyClipboardIcon, i as minimalSetup, l as historyField, o as forEachDiagnostic, r as esm_default, s as linter, t as langs, u as insertTab } from "./esm-D4WO8J3G.js";
 import { t as purify } from "./purify.es-Brw-U87Q.js";
-import { C as buildStore, _ as useAtom, a as getResolvedMarimoConfig, b as useStore, c as AppConfigSchema, d as useJotaiEffect, g as Provider, h as useEvent_default, i as autoInstantiateAtom, l as createDeepEqualAtom, m as isEqual_default, n as useTheme, o as localeAtom, p as isIslands, r as aiEnabledAtom, s as useResolvedMarimoConfig, t as resolvedThemeAtom, u as store, v as useAtomValue, w as getBuildingBlocks, x as atom, y as useSetAtom } from "./useTheme-D0zT6HZe.js";
+import { C as buildStore, _ as useAtom, a as getResolvedMarimoConfig, b as useStore, c as AppConfigSchema, d as useJotaiEffect, g as Provider, h as useEvent_default, i as autoInstantiateAtom, l as createDeepEqualAtom, m as isEqual_default, n as useTheme, o as localeAtom, p as isIslands, r as aiEnabledAtom, s as useResolvedMarimoConfig, t as resolvedThemeAtom, u as store, v as useAtomValue, w as getBuildingBlocks, x as atom, y as useSetAtom } from "./useTheme-BYG2SH8J.js";
 import { $ as ViewPlugin, At as RangeSet, B as tags$1, Dt as Facet$1, E as getIndentUnit, Et as EditorState, Ft as Text$2, I as syntaxTree, It as Transaction, J as parseMixed, L as unfoldAll, Nt as StateEffect, Pt as StateField, Q as GutterMarker, S as foldInside, Tt as EditorSelection, Y as Decoration, Z as EditorView, _t as showPanel, b as foldAll, bt as Annotation, dt as keymap, et as WidgetType, f as StreamLanguage, kt as Prec, l as LanguageDescription, mt as placeholder, ot as gutter, u as LanguageSupport, ut as hoverTooltip, vt as showTooltip, w as foldNodeProp, wt as Compartment } from "./dist-D7jHtwN8.js";
 import { d as snippet, n as acceptCompletion, o as closeCompletion, r as autocompletion, u as insertCompletionText } from "./dist-g1p2PEVs.js";
 import { p as _baseTimes_default } from "./_baseFor-DSVmVciX.js";
@@ -31,11 +31,11 @@ import { n as isArrayLikeObject_default, u as _baseRest_default } from "./merge-
 import { a as get_default, t as _baseProperty_default } from "./_baseProperty-BVGrW_NZ.js";
 import { i as debounce_default, r as KnownQueryParams, t as CSSClasses } from "./constants-DrOu5vvd.js";
 import { t as isEmpty_default } from "./isEmpty-DQXRKNtW.js";
-import { a as tooltipHandler, n as vegaLoadData, r as createBatchedLoader, t as parseCsvData } from "./loader-WBQoIunJ.js";
+import { a as tooltipHandler, n as vegaLoadData, r as createBatchedLoader, t as parseCsvData } from "./loader-B0KEFFi-.js";
 import { A as looseObject, B as union, C as any, D as discriminatedUnion, E as custom, F as optional, G as parse$3, H as safeParseAsync, I as record, J as prettifyError, K as parseAsync, L as strictObject, M as never, N as number$2, O as lazy$4, P as object$1, R as string$2, S as _null, T as boolean$2, U as ZodError$1, V as unknown, W as toJSONSchema, _ as ZodString$1, a as ZodIssueCode$1, b as _enum, c as ZodBoolean$1, d as ZodDiscriminatedUnion$1, f as ZodEnum$1, g as ZodOptional$1, h as ZodObject$1, i as string$3, j as nan, k as literal, l as ZodDate$1, m as ZodNumber$1, n as date, o as ZodAny$1, p as ZodLiteral$1, q as $ZodError, r as number$3, s as ZodArray$1, t as zod_default, u as ZodDefault$1, v as ZodType$1, w as array$2, x as _instanceof, y as ZodUnion$1, z as tuple } from "./zod-DITCj31F.js";
 import { t as invariant } from "./invariant-D9QLJ4SZ.js";
 import { a as arrayInsert, c as arrayShallowEquals, i as arrayDelete, l as uniqueBy, n as once, o as arrayInsertMany, r as Arrays, s as arrayMove, t as memoizeLastValue, u as clamp } from "./once-BqS42WgZ.js";
-import { n as getIframeCapabilities, t as useIframeCapabilities } from "./useIframeCapabilities-wWXCXV88.js";
+import { n as getIframeCapabilities, t as useIframeCapabilities } from "./useIframeCapabilities-BBO_R0ww.js";
 import { i as main_exports, r as init_main } from "./main-DhFbkwoC.js";
 import { a as PLSQL, c as SQLite, d as schemaCompletionSource, f as sql, i as MySQL, l as StandardSQL, n as MSSQL, o as PostgreSQL, r as MariaSQL, s as SQLDialect, t as Cassandra, u as keywordCompletionSource } from "./dist-CPd_adhw.js";
 import { a as markdown, s as markdownLanguage } from "./dist-CBA36Nuy.js";
@@ -47,7 +47,7 @@ import { n as stexMath } from "./stex-DrxP7bb3.js";
 import { n as memoize$1, t as isPropValid } from "./emotion-is-prop-valid.esm--WpIBtj8.js";
 import { t as require_prop_types } from "./prop-types-C9QZf2SY.js";
 import { n as formats } from "./vega-loader.browser-BJ1uJidF.js";
-import { t as useAsyncData } from "./useAsyncData-DFBEii2l.js";
+import { t as useAsyncData } from "./useAsyncData-BjNwqCfS.js";
 import "./defaultLocale-qS7DaAmi.js";
 import "./defaultLocale-Bxoo2-30.js";
 import { c as katex } from "./katex-Dm9nZf6A.js";
@@ -34397,7 +34397,7 @@ ${c.sqlString}
       return createSqlAdapter();
     }
   };
-  var CHECKBOX_NAME = "Checkbox", [createCheckboxContext, createCheckboxScope] = createContextScope$1(CHECKBOX_NAME), [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
+  var CHECKBOX_NAME = "Checkbox", [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME), [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
   function CheckboxProvider(e) {
     let { __scopeCheckbox: r, checked: c, children: d, defaultChecked: f, disabled: _, form: v, name: y, onCheckedChange: S, required: w, value: E = "on", internal_do_not_use_render: O } = e, [M, I] = useControllableState({
       prop: c,
@@ -34437,7 +34437,7 @@ ${c.sqlString}
     }, [
       _,
       O
-    ]), (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+    ]), (0, import_jsx_runtime.jsx)(Primitive.button, {
       type: "button",
       role: "checkbox",
       "aria-checked": isIndeterminate(S) ? "mixed" : S,
@@ -34488,7 +34488,7 @@ ${c.sqlString}
     let { __scopeCheckbox: c, forceMount: d, ...f } = e, _ = useCheckboxContext(INDICATOR_NAME$4, c);
     return (0, import_jsx_runtime.jsx)(Presence, {
       present: d || isIndeterminate(_.checked) || _.checked === true,
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.span, {
         "data-state": getState$5(_.checked),
         "data-disabled": _.disabled ? "" : void 0,
         ...f,
@@ -34520,7 +34520,7 @@ ${c.sqlString}
       f
     ]);
     let IY = import_react.useRef(isIndeterminate(_) ? false : _);
-    return (0, import_jsx_runtime.jsx)(Primitive$1.input, {
+    return (0, import_jsx_runtime.jsx)(Primitive.input, {
       type: "checkbox",
       "aria-hidden": true,
       defaultChecked: v ?? IY.current,
@@ -40422,7 +40422,7 @@ ${c.sqlString}
       fillRule: "evenodd",
       clipRule: "evenodd"
     }));
-  }), import_react_dom$1 = __toESM(require_react_dom(), 1), NAVIGATION_MENU_NAME = "NavigationMenu", [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(NAVIGATION_MENU_NAME), [FocusGroupCollection, useFocusGroupCollection, createFocusGroupCollectionScope] = createCollection(NAVIGATION_MENU_NAME), [createNavigationMenuContext, createNavigationMenuScope] = createContextScope$1(NAVIGATION_MENU_NAME, [
+  }), import_react_dom$1 = __toESM(require_react_dom(), 1), NAVIGATION_MENU_NAME = "NavigationMenu", [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(NAVIGATION_MENU_NAME), [FocusGroupCollection, useFocusGroupCollection, createFocusGroupCollectionScope] = createCollection(NAVIGATION_MENU_NAME), [createNavigationMenuContext, createNavigationMenuScope] = createContextScope(NAVIGATION_MENU_NAME, [
     createCollectionScope$2,
     createFocusGroupCollectionScope
   ]), [NavigationMenuProviderImpl, useNavigationMenuContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME), [ViewportContentProvider, useViewportContentContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME), NavigationMenu$1 = import_react.forwardRef((e, r) => {
@@ -40472,7 +40472,7 @@ ${c.sqlString}
         BY((r2) => r2 === e2 ? "" : e2);
       },
       onItemDismiss: () => BY(""),
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.nav, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.nav, {
         "aria-label": "Main",
         "data-orientation": S,
         dir: z,
@@ -40499,7 +40499,7 @@ ${c.sqlString}
       onTriggerEnter: (e2) => E(e2),
       onItemSelect: (e2) => E(e2),
       onItemDismiss: () => E(""),
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.div, {
         "data-orientation": v,
         ...y,
         ref: r
@@ -40544,12 +40544,12 @@ ${c.sqlString}
       })
     });
   }, LIST_NAME = "NavigationMenuList", NavigationMenuList$1 = import_react.forwardRef((e, r) => {
-    let { __scopeNavigationMenu: c, ...d } = e, f = useNavigationMenuContext(LIST_NAME, c), _ = (0, import_jsx_runtime.jsx)(Primitive$1.ul, {
+    let { __scopeNavigationMenu: c, ...d } = e, f = useNavigationMenuContext(LIST_NAME, c), _ = (0, import_jsx_runtime.jsx)(Primitive.ul, {
       "data-orientation": f.orientation,
       ...d,
       ref: r
     });
-    return (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+    return (0, import_jsx_runtime.jsx)(Primitive.div, {
       style: {
         position: "relative"
       },
@@ -40589,7 +40589,7 @@ ${c.sqlString}
       onFocusProxyEnter: M,
       onRootContentClose: I,
       onContentFocusOutside: I,
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.li, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.li, {
         ...f,
         ref: r
       })
@@ -40605,7 +40605,7 @@ ${c.sqlString}
           value: v.value,
           children: (0, import_jsx_runtime.jsx)(FocusGroupItem, {
             asChild: true,
-            children: (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+            children: (0, import_jsx_runtime.jsx)(Primitive.button, {
               id: w,
               disabled: d,
               "data-disabled": d ? "" : void 0,
@@ -40660,7 +40660,7 @@ ${c.sqlString}
     let { __scopeNavigationMenu: c, active: d, onSelect: f, ..._ } = e;
     return (0, import_jsx_runtime.jsx)(FocusGroupItem, {
       asChild: true,
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.a, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.a, {
         "data-active": d ? "" : void 0,
         "aria-current": d ? "page" : void 0,
         ..._,
@@ -40710,7 +40710,7 @@ ${c.sqlString}
         offset: E ? v.offsetLeft : v.offsetTop
       });
     };
-    return useResizeObserver$1(v, M), useResizeObserver$1(f.indicatorTrack, M), S ? (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+    return useResizeObserver$1(v, M), useResizeObserver$1(f.indicatorTrack, M), S ? (0, import_jsx_runtime.jsx)(Primitive.div, {
       "aria-hidden": true,
       "data-state": O ? "visible" : "hidden",
       "data-orientation": f.orientation,
@@ -40876,7 +40876,7 @@ ${c.sqlString}
         width: E.offsetWidth,
         height: E.offsetHeight
       });
-    }), (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+    }), (0, import_jsx_runtime.jsx)(Primitive.div, {
       "data-state": getOpenState(z),
       "data-orientation": _.orientation,
       ...f,
@@ -40908,7 +40908,7 @@ ${c.sqlString}
       scope: c,
       children: (0, import_jsx_runtime.jsx)(FocusGroupCollection.Slot, {
         scope: c,
-        children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+        children: (0, import_jsx_runtime.jsx)(Primitive.div, {
           dir: f.dir,
           ...d,
           ref: r
@@ -40924,7 +40924,7 @@ ${c.sqlString}
     let { __scopeNavigationMenu: c, ...d } = e, f = useFocusGroupCollection(c), _ = useNavigationMenuContext(FOCUS_GROUP_ITEM_NAME, c);
     return (0, import_jsx_runtime.jsx)(FocusGroupCollection.ItemSlot, {
       scope: c,
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.button, {
         ...d,
         ref: r,
         onKeyDown: composeEventHandlers$1(e.onKeyDown, (e2) => {
@@ -44053,7 +44053,7 @@ ${c.sqlString}
     }
     window.customElements.define(e, r);
   }
-  var COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = createContextScope$1(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), Collapsible = import_react.forwardRef((e, r) => {
+  var COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), Collapsible = import_react.forwardRef((e, r) => {
     let { __scopeCollapsible: c, open: d, defaultOpen: f, disabled: _, onOpenChange: v, ...y } = e, [S, w] = useControllableState({
       prop: d,
       defaultProp: f ?? false,
@@ -44068,7 +44068,7 @@ ${c.sqlString}
       onOpenToggle: import_react.useCallback(() => w((e2) => !e2), [
         w
       ]),
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.div, {
         "data-state": getState$4(S),
         "data-disabled": _ ? "" : void 0,
         ...y,
@@ -44079,7 +44079,7 @@ ${c.sqlString}
   Collapsible.displayName = COLLAPSIBLE_NAME;
   var TRIGGER_NAME$4 = "CollapsibleTrigger", CollapsibleTrigger = import_react.forwardRef((e, r) => {
     let { __scopeCollapsible: c, ...d } = e, f = useCollapsibleContext(TRIGGER_NAME$4, c);
-    return (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+    return (0, import_jsx_runtime.jsx)(Primitive.button, {
       type: "button",
       "aria-controls": f.contentId,
       "aria-expanded": f.open || false,
@@ -44122,7 +44122,7 @@ ${c.sqlString}
     }, [
       v.open,
       d
-    ]), (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+    ]), (0, import_jsx_runtime.jsx)(Primitive.div, {
       "data-state": getState$4(v.open),
       "data-disabled": v.disabled ? "" : void 0,
       id: v.contentId,
@@ -44147,7 +44147,7 @@ ${c.sqlString}
     "ArrowUp",
     "ArrowLeft",
     "ArrowRight"
-  ], [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(ACCORDION_NAME), [createAccordionContext, createAccordionScope] = createContextScope$1(ACCORDION_NAME, [
+  ], [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(ACCORDION_NAME), [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [
     createCollectionScope$1,
     createCollapsibleScope
   ]), useCollapsibleScope = createCollapsibleScope(), Accordion$1 = import_react.forwardRef((e, r) => {
@@ -44268,7 +44268,7 @@ ${c.sqlString}
       orientation: _,
       children: (0, import_jsx_runtime.jsx)(Collection$1.Slot, {
         scope: c,
-        children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+        children: (0, import_jsx_runtime.jsx)(Primitive.div, {
           ...v,
           "data-orientation": _,
           ref: y,
@@ -44300,7 +44300,7 @@ ${c.sqlString}
   AccordionItem$1.displayName = ITEM_NAME$2;
   var HEADER_NAME = "AccordionHeader", AccordionHeader = import_react.forwardRef((e, r) => {
     let { __scopeAccordion: c, ...d } = e, f = useAccordionContext(ACCORDION_NAME, c), _ = useAccordionItemContext(HEADER_NAME, c);
-    return (0, import_jsx_runtime.jsx)(Primitive$1.h3, {
+    return (0, import_jsx_runtime.jsx)(Primitive.h3, {
       "data-orientation": f.orientation,
       "data-state": getState$3(_.open),
       "data-disabled": _.disabled ? "" : void 0,
@@ -52232,7 +52232,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), r[5] = f, r[6] = v, r[7] = y) : y = r[7], y;
   };
-  var TABS_NAME = "Tabs", [createTabsContext, createTabsScope] = createContextScope$1(TABS_NAME, [
+  var TABS_NAME = "Tabs", [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
     createRovingFocusGroupScope
   ]), useRovingFocusGroupScope$1 = createRovingFocusGroupScope(), [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME), Tabs$1 = import_react.forwardRef((e, r) => {
     let { __scopeTabs: c, value: d, onValueChange: f, defaultValue: _, orientation: v = "horizontal", dir: y, activationMode: S = "automatic", ...w } = e, E = useDirection(y), [O, M] = useControllableState({
@@ -52249,7 +52249,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       orientation: v,
       dir: E,
       activationMode: S,
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.div, {
         dir: E,
         "data-orientation": v,
         ...w,
@@ -52266,7 +52266,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       orientation: _.orientation,
       dir: _.dir,
       loop: d,
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.div, {
         role: "tablist",
         "aria-orientation": _.orientation,
         ...f,
@@ -52282,7 +52282,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ...y,
       focusable: !f,
       active: E,
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.button, {
         type: "button",
         role: "tab",
         "aria-selected": E,
@@ -52317,7 +52317,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       return () => cancelAnimationFrame(e2);
     }, []), (0, import_jsx_runtime.jsx)(Presence, {
       present: f || E,
-      children: ({ present: c2 }) => (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+      children: ({ present: c2 }) => (0, import_jsx_runtime.jsx)(Primitive.div, {
         "data-state": E ? "active" : "inactive",
         "data-orientation": y.orientation,
         role: "tabpanel",
@@ -52381,7 +52381,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), c[5] = f, c[6] = r, c[7] = _, c[8] = v) : v = c[8], v;
   });
   TabsContent.displayName = Content.displayName;
-  var POPOVER_NAME = "Popover", [createPopoverContext, createPopoverScope] = createContextScope$1(POPOVER_NAME, [
+  var POPOVER_NAME = "Popover", [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
     createPopperScope
   ]), usePopperScope = createPopperScope(), [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME), Popover$2 = (e) => {
     let { __scopePopover: r, children: c, open: d, defaultOpen: f, onOpenChange: _, modal: v = false } = e, y = usePopperScope(r), S = import_react.useRef(null), [w, E] = import_react.useState(false), [O, M] = useControllableState({
@@ -52423,7 +52423,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   PopoverAnchor.displayName = ANCHOR_NAME;
   var TRIGGER_NAME$1 = "PopoverTrigger", PopoverTrigger$1 = import_react.forwardRef((e, r) => {
-    let { __scopePopover: c, ...d } = e, f = usePopoverContext(TRIGGER_NAME$1, c), _ = usePopperScope(c), v = useComposedRefs(r, f.triggerRef), y = (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+    let { __scopePopover: c, ...d } = e, f = usePopoverContext(TRIGGER_NAME$1, c), _ = usePopperScope(c), v = useComposedRefs(r, f.triggerRef), y = (0, import_jsx_runtime.jsx)(Primitive.button, {
       type: "button",
       "aria-haspopup": "dialog",
       "aria-expanded": f.open,
@@ -52554,7 +52554,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
   }), CLOSE_NAME = "PopoverClose", PopoverClose = import_react.forwardRef((e, r) => {
     let { __scopePopover: c, ...d } = e, f = usePopoverContext(CLOSE_NAME, c);
-    return (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+    return (0, import_jsx_runtime.jsx)(Primitive.button, {
       type: "button",
       ...d,
       ref: r,
@@ -53040,7 +53040,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, rX = (e2) => {
       e2.preventDefault(), e2.metaKey ? QY(0) : e2.altKey ? eX(-1) : $Y(-1);
     };
-    return import_react.createElement(Primitive.div, {
+    return import_react.createElement(Primitive$1.div, {
       ref: r,
       tabIndex: -1,
       ...IY,
@@ -53120,7 +53120,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
     if (!O) return null;
     let { disabled: z, value: G, onSelect: q, forceMount: IY, keywords: LY, ...RY } = e;
-    return import_react.createElement(Primitive.div, {
+    return import_react.createElement(Primitive$1.div, {
       ref: composeRefs(d, r),
       ...RY,
       id: c,
@@ -53146,7 +53146,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), [
       f
     ]);
-    return import_react.createElement(Primitive.div, {
+    return import_react.createElement(Primitive$1.div, {
       ref: composeRefs(y, r),
       ..._,
       "cmdk-group": "",
@@ -53166,7 +53166,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, e2))));
   }), ye$1 = import_react.forwardRef((e, r) => {
     let { alwaysRender: c, ...d } = e, f = import_react.useRef(null), _ = P$2((e2) => !e2.search);
-    return !c && !_ ? null : import_react.createElement(Primitive.div, {
+    return !c && !_ ? null : import_react.createElement(Primitive$1.div, {
       ref: composeRefs(f, r),
       ...d,
       "cmdk-separator": "",
@@ -53178,7 +53178,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       e.value != null && _.setState("search", e.value);
     }, [
       e.value
-    ]), import_react.createElement(Primitive.input, {
+    ]), import_react.createElement(Primitive$1.input, {
       ref: r,
       ...d,
       "cmdk-input": "",
@@ -53212,7 +53212,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
           cancelAnimationFrame(c2), d2.unobserve(e2);
         };
       }
-    }, []), import_react.createElement(Primitive.div, {
+    }, []), import_react.createElement(Primitive$1.div, {
       ref: composeRefs(_, r),
       ...f,
       "cmdk-list": "",
@@ -53243,14 +53243,14 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ref: r,
       ...y
     }))));
-  }), Ie$1 = import_react.forwardRef((e, r) => P$2((e2) => e2.filtered.count === 0) ? import_react.createElement(Primitive.div, {
+  }), Ie$1 = import_react.forwardRef((e, r) => P$2((e2) => e2.filtered.count === 0) ? import_react.createElement(Primitive$1.div, {
     ref: r,
     ...e,
     "cmdk-empty": "",
     role: "presentation"
   }) : null), Pe$1 = import_react.forwardRef((e, r) => {
     let { progress: c, children: d, label: f = "Loading...", ..._ } = e;
-    return import_react.createElement(Primitive.div, {
+    return import_react.createElement(Primitive$1.div, {
       ref: r,
       ..._,
       "cmdk-loading": "",
@@ -58664,7 +58664,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       hasConsoleOutput: (v == null ? void 0 : v.consoleOutputs) != null
     };
   }
-  const LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-jlqKouk6.js"));
+  const LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-DZc6NCTp.js"));
   var import_compiler_runtime$114 = require_compiler_runtime(), extensions = [
     EditorView.lineWrapping
   ], SUPPORTED_LANGUAGES = /* @__PURE__ */ new Set([
@@ -60113,7 +60113,7 @@ ${r}
       children: c
     }), r[1] = c, r[2] = f), f;
   };
-  var CONTEXT_MENU_NAME = "ContextMenu", [createContextMenuContext, createContextMenuScope] = createContextScope$1(CONTEXT_MENU_NAME, [
+  var CONTEXT_MENU_NAME = "ContextMenu", [createContextMenuContext, createContextMenuScope] = createContextScope(CONTEXT_MENU_NAME, [
     createMenuScope
   ]), useMenuScope = createMenuScope(), [ContextMenuProvider, useContextMenuContext] = createContextMenuContext(CONTEXT_MENU_NAME), ContextMenu$1 = (e) => {
     let { __scopeContextMenu: r, children: c, onOpenChange: d, dir: f, modal: _ = true } = e, [v, y] = import_react.useState(false), S = useMenuScope(r), w = useCallbackRef(d), E = import_react.useCallback((e2) => {
@@ -60164,7 +60164,7 @@ ${r}
           ...v,
           virtualRef: S
         }),
-        (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+        (0, import_jsx_runtime.jsx)(Primitive.span, {
           "data-state": _.open ? "open" : "closed",
           "data-disabled": d ? "" : void 0,
           ...f,
@@ -61402,6 +61402,170 @@ ${r}
       ...r
     });
   }
+  var import_cuid2 = require_cuid2();
+  function createContextScope$1(e, r = []) {
+    let c = [];
+    function d(r2, d2) {
+      let f2 = import_react.createContext(d2);
+      f2.displayName = r2 + "Context";
+      let _ = c.length;
+      c = [
+        ...c,
+        d2
+      ];
+      let v = (r3) => {
+        var _a2;
+        let { scope: c2, children: d3, ...v2 } = r3, y2 = ((_a2 = c2 == null ? void 0 : c2[e]) == null ? void 0 : _a2[_]) || f2, S = import_react.useMemo(() => v2, Object.values(v2));
+        return (0, import_jsx_runtime.jsx)(y2.Provider, {
+          value: S,
+          children: d3
+        });
+      };
+      v.displayName = r2 + "Provider";
+      function y(c2, v2) {
+        var _a2;
+        let y2 = ((_a2 = v2 == null ? void 0 : v2[e]) == null ? void 0 : _a2[_]) || f2, S = import_react.useContext(y2);
+        if (S) return S;
+        if (d2 !== void 0) return d2;
+        throw Error(`\`${c2}\` must be used within \`${r2}\``);
+      }
+      return [
+        v,
+        y
+      ];
+    }
+    let f = () => {
+      let r2 = c.map((e2) => import_react.createContext(e2));
+      return function(c2) {
+        let d2 = (c2 == null ? void 0 : c2[e]) || r2;
+        return import_react.useMemo(() => ({
+          [`__scope${e}`]: {
+            ...c2,
+            [e]: d2
+          }
+        }), [
+          c2,
+          d2
+        ]);
+      };
+    };
+    return f.scopeName = e, [
+      d,
+      composeContextScopes(f, ...r)
+    ];
+  }
+  function composeContextScopes(...e) {
+    let r = e[0];
+    if (e.length === 1) return r;
+    let c = () => {
+      let c2 = e.map((e2) => ({
+        useScope: e2(),
+        scopeName: e2.scopeName
+      }));
+      return function(e2) {
+        let d = c2.reduce((r2, { useScope: c3, scopeName: d2 }) => {
+          let f = c3(e2)[`__scope${d2}`];
+          return {
+            ...r2,
+            ...f
+          };
+        }, {});
+        return import_react.useMemo(() => ({
+          [`__scope${r.scopeName}`]: d
+        }), [
+          d
+        ]);
+      };
+    };
+    return c.scopeName = r.scopeName, c;
+  }
+  var PROGRESS_NAME = "Progress", DEFAULT_MAX = 100, [createProgressContext, createProgressScope] = createContextScope$1(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), Progress$1 = import_react.forwardRef((e, r) => {
+    let { __scopeProgress: c, value: d = null, max: f, getValueLabel: _ = defaultGetValueLabel, ...v } = e;
+    (f || f === 0) && !isValidMaxNumber(f) && console.error(getInvalidMaxError(`${f}`, "Progress"));
+    let y = isValidMaxNumber(f) ? f : DEFAULT_MAX;
+    d !== null && !isValidValueNumber(d, y) && console.error(getInvalidValueError(`${d}`, "Progress"));
+    let S = isValidValueNumber(d, y) ? d : null, w = isNumber(S) ? _(S, y) : void 0;
+    return (0, import_jsx_runtime.jsx)(ProgressProvider, {
+      scope: c,
+      value: S,
+      max: y,
+      children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+        "aria-valuemax": y,
+        "aria-valuemin": 0,
+        "aria-valuenow": isNumber(S) ? S : void 0,
+        "aria-valuetext": w,
+        role: "progressbar",
+        "data-state": getProgressState(S, y),
+        "data-value": S ?? void 0,
+        "data-max": y,
+        ...v,
+        ref: r
+      })
+    });
+  });
+  Progress$1.displayName = PROGRESS_NAME;
+  var INDICATOR_NAME$1 = "ProgressIndicator", ProgressIndicator = import_react.forwardRef((e, r) => {
+    let { __scopeProgress: c, ...d } = e, f = useProgressContext(INDICATOR_NAME$1, c);
+    return (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+      "data-state": getProgressState(f.value, f.max),
+      "data-value": f.value ?? void 0,
+      "data-max": f.max,
+      ...d,
+      ref: r
+    });
+  });
+  ProgressIndicator.displayName = INDICATOR_NAME$1;
+  function defaultGetValueLabel(e, r) {
+    return `${Math.round(e / r * 100)}%`;
+  }
+  function getProgressState(e, r) {
+    return e == null ? "indeterminate" : e === r ? "complete" : "loading";
+  }
+  function isNumber(e) {
+    return typeof e == "number";
+  }
+  function isValidMaxNumber(e) {
+    return isNumber(e) && !isNaN(e) && e > 0;
+  }
+  function isValidValueNumber(e, r) {
+    return isNumber(e) && !isNaN(e) && e <= r && e >= 0;
+  }
+  function getInvalidMaxError(e, r) {
+    return `Invalid prop \`max\` of value \`${e}\` supplied to \`${r}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`;
+  }
+  function getInvalidValueError(e, r) {
+    return `Invalid prop \`value\` of value \`${e}\` supplied to \`${r}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+  }
+  var Root$3 = Progress$1, Indicator$2 = ProgressIndicator, import_compiler_runtime$104 = require_compiler_runtime(), Progress = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$104.c)(20), d, f, _, v;
+    c[0] === e ? (d = c[1], f = c[2], _ = c[3], v = c[4]) : ({ className: d, value: v, indeterminate: f, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _, c[4] = v);
+    let y;
+    c[5] === d ? y = c[6] : (y = cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", d), c[5] = d, c[6] = y);
+    let S = f ? "w-1/3 animate-progress-indeterminate" : "w-full transition-transform duration-300 ease-out", w;
+    c[7] === S ? w = c[8] : (w = cn("h-full flex-1 bg-primary", S), c[7] = S, c[8] = w);
+    let E;
+    c[9] !== f || c[10] !== v ? (E = f ? void 0 : {
+      transform: `translateX(-${100 - (v || 0)}%)`
+    }, c[9] = f, c[10] = v, c[11] = E) : E = c[11];
+    let O;
+    c[12] !== w || c[13] !== E ? (O = (0, import_jsx_runtime.jsx)(Indicator$2, {
+      className: w,
+      style: E
+    }), c[12] = w, c[13] = E, c[14] = O) : O = c[14];
+    let M;
+    return c[15] !== _ || c[16] !== r || c[17] !== y || c[18] !== O ? (M = (0, import_jsx_runtime.jsx)(Root$3, {
+      ref: r,
+      className: y,
+      ..._,
+      children: O
+    }), c[15] = _, c[16] = r, c[17] = y, c[18] = O, c[19] = M) : M = c[19], M;
+  });
+  Progress.displayName = Root$3.displayName;
   async function downloadHTMLAsImage(e) {
     let { element: r, filename: c, prepare: d } = e, f = document.getElementById("App"), _ = (f == null ? void 0 : f.scrollTop) ?? 0, v;
     d ? v = d(r) : document.body.classList.add("printing");
@@ -61427,7 +61591,7 @@ ${r}
     let c = URL.createObjectURL(e);
     downloadByURL(c, r), URL.revokeObjectURL(c);
   }
-  var import_compiler_runtime$104 = require_compiler_runtime(), options = [
+  var import_compiler_runtime$103 = require_compiler_runtime(), options = [
     {
       label: "CSV",
       format: "csv",
@@ -61470,7 +61634,7 @@ ${r}
     }
   ];
   const DownloadAs = (e) => {
-    let r = (0, import_compiler_runtime$104.c)(18), { locale: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
+    let r = (0, import_compiler_runtime$103.c)(18), { locale: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "download-as-button",
       size: "xs",
@@ -62160,10 +62324,10 @@ ${r}
       ]
     }), e.focus(), true;
   }
-  var import_compiler_runtime$102 = require_compiler_runtime(), KEY$2 = "item";
+  var import_compiler_runtime$101 = require_compiler_runtime(), KEY$2 = "item";
   const MarimoTracebackOutput = (e) => {
     var _a2;
-    let r = (0, import_compiler_runtime$102.c)(47), { onRefactorWithAI: c, traceback: d, cellId: f } = e, _;
+    let r = (0, import_compiler_runtime$101.c)(47), { onRefactorWithAI: c, traceback: d, cellId: f } = e, _;
     r[0] === d ? _ = r[1] : (_ = renderHTML({
       html: d,
       additionalReplacements: [
@@ -62412,7 +62576,7 @@ ${O}`,
     });
   };
   var InsertBreakpointContent = () => {
-    let e = (0, import_compiler_runtime$102.c)(1), r;
+    let e = (0, import_compiler_runtime$101.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         "Insert a ",
@@ -62466,9 +62630,9 @@ ${O}`,
         return "\u2753";
     }
   }
-  var import_compiler_runtime$101 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
+  var import_compiler_runtime$100 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
   const OutputRenderer = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$101.c)(51), { message: c, onRefactorWithAI: d, cellId: f, wrapText: _, metadata: v, renderFallback: y } = e, { theme: S } = useTheme(), w;
+    let r = (0, import_compiler_runtime$100.c)(51), { message: c, onRefactorWithAI: d, cellId: f, wrapText: _, metadata: v, renderFallback: y } = e, { theme: S } = useTheme(), w;
     bb0: {
       let e2 = c.data;
       switch (c.mimetype) {
@@ -62657,7 +62821,7 @@ ${O}`,
   OutputRenderer.displayName = "OutputRenderer";
   var MimeBundleOutputRenderer = (0, import_react.memo)((e) => {
     var _a2;
-    let r = (0, import_compiler_runtime$101.c)(31), { data: c, channel: d, cellId: f } = e, _ = Array.isArray(c) ? c[0] : c, { mode: v } = useAtomValue(viewStateAtom), y = v === "present" || v === "read", S = _[METADATA_KEY], w, E, O, M, I, z, G, q;
+    let r = (0, import_compiler_runtime$100.c)(31), { data: c, channel: d, cellId: f } = e, _ = Array.isArray(c) ? c[0] : c, { mode: v } = useAtomValue(viewStateAtom), y = v === "present" || v === "read", S = _[METADATA_KEY], w, E, O, M, I, z, G, q;
     if (r[0] !== y || r[1] !== f || r[2] !== d || r[3] !== S || r[4] !== _) {
       q = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -62728,7 +62892,7 @@ ${O}`,
   });
   MimeBundleOutputRenderer.displayName = "MimeBundleOutputRenderer";
   const OutputArea = import_react.memo((e) => {
-    let r = (0, import_compiler_runtime$101.c)(17), { output: c, cellId: d, stale: f, loading: _, allowExpand: v, forceExpand: y, className: S } = e;
+    let r = (0, import_compiler_runtime$100.c)(17), { output: c, cellId: d, stale: f, loading: _, allowExpand: v, forceExpand: y, className: S } = e;
     if (c === null || c.channel === "output" && c.data === "") return null;
     let w = f ? "This output is stale" : void 0, E = v ? ExpandableOutput : Div, O;
     r[0] === d ? O = r[1] : (O = CellOutputId.create(d), r[0] = d, r[1] = O);
@@ -62753,7 +62917,7 @@ ${O}`,
   });
   OutputArea.displayName = "OutputArea";
   var Div = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$101.c)(3), d;
+    let c = (0, import_compiler_runtime$100.c)(3), d;
     return c[0] !== e || c[1] !== r ? (d = (0, import_jsx_runtime.jsx)("div", {
       ref: r,
       ...e
@@ -62761,7 +62925,7 @@ ${O}`,
   });
   Div.displayName = "Div";
   var ExpandableOutput = import_react.memo((e) => {
-    let r = (0, import_compiler_runtime$101.c)(25), { cellId: c, children: d, forceExpand: f, ..._ } = e, v = (0, import_react.useRef)(null), [y, S] = useExpandedOutput(c), [w, E] = (0, import_react.useState)(false), { hasFullscreen: O } = useIframeCapabilities(), M;
+    let r = (0, import_compiler_runtime$100.c)(25), { cellId: c, children: d, forceExpand: f, ..._ } = e, v = (0, import_react.useRef)(null), [y, S] = useExpandedOutput(c), [w, E] = (0, import_react.useState)(false), { hasFullscreen: O } = useIframeCapabilities(), M;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = () => {
       if (!v.current) return;
       let e2 = v.current, r2 = new ResizeObserver(() => {
@@ -62888,8 +63052,8 @@ ${O}`,
       })
     }, r);
   }
-  var import_compiler_runtime$100 = require_compiler_runtime(), CopyButton$1 = (e) => {
-    let r = (0, import_compiler_runtime$100.c)(8), { value: c } = e, d = typeof c == "string" && (c.startsWith("text/html:") || c.startsWith("image/") || c.startsWith("video/")), [f, _] = (0, import_react.useState)(false), v;
+  var import_compiler_runtime$99 = require_compiler_runtime(), CopyButton$1 = (e) => {
+    let r = (0, import_compiler_runtime$99.c)(8), { value: c } = e, d = typeof c == "string" && (c.startsWith("text/html:") || c.startsWith("image/") || c.startsWith("video/")), [f, _] = (0, import_react.useState)(false), v;
     r[0] === c ? v = r[1] : (v = async (e2) => {
       e2.stopPropagation(), await copyToClipboard(c), _(true), setTimeout(() => _(false), 1e3);
     }, r[0] = c, r[1] = v);
@@ -62912,7 +63076,7 @@ ${O}`,
       children: O
     }), r[5] = y, r[6] = O, r[7] = M) : M = r[7], M;
   }, JSONCopyButton = (e) => {
-    let r = (0, import_compiler_runtime$100.c)(5), c;
+    let r = (0, import_compiler_runtime$99.c)(5), c;
     r[0] === e.value ? c = r[1] : (c = JSON.stringify(e.value, null, 2), r[0] = e.value, r[1] = c);
     let d;
     return r[2] !== e || r[3] !== c ? (d = (0, import_jsx_runtime.jsx)(CopyButton$1, {
@@ -62920,7 +63084,7 @@ ${O}`,
       value: c
     }), r[2] = e, r[3] = c, r[4] = d) : d = r[4], d;
   }, PyCopyButton = (e) => {
-    let r = (0, import_compiler_runtime$100.c)(5), c;
+    let r = (0, import_compiler_runtime$99.c)(5), c;
     r[0] === e.value ? c = r[1] : (c = getCopyValue(e.value), r[0] = e.value, r[1] = c);
     let d;
     return r[2] !== e || r[3] !== c ? (d = (0, import_jsx_runtime.jsx)(CopyButton$1, {
@@ -62929,7 +63093,7 @@ ${O}`,
     }), r[2] = e, r[3] = c, r[4] = d) : d = r[4], d;
   };
   const JsonOutput = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$100.c)(23), { data: c, format: d, name: f, valueTypes: _, className: v } = e, y = d === void 0 ? "auto" : d, S = f === void 0 ? false : f, w = _ === void 0 ? "python" : _, { theme: E } = useTheme();
+    let r = (0, import_compiler_runtime$99.c)(23), { data: c, format: d, name: f, valueTypes: _, className: v } = e, y = d === void 0 ? "auto" : d, S = f === void 0 ? false : f, w = _ === void 0 ? "python" : _, { theme: E } = useTheme();
     y === "auto" && (y = inferBestFormat(c));
     let O;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = {
@@ -62988,7 +63152,7 @@ ${O}`,
     return typeof e == "object" && e ? "tree" : "raw";
   }
   var COLLAPSED_TEXT_LENGTH = 100, CollapsibleTextOutput = (e) => {
-    let r = (0, import_compiler_runtime$100.c)(11), [c, d] = (0, import_react.useState)(true);
+    let r = (0, import_compiler_runtime$99.c)(11), [c, d] = (0, import_react.useState)(true);
     if (e.text.length <= COLLAPSED_TEXT_LENGTH) {
       let c2;
       return r[0] === e.text ? c2 = r[1] : (c2 = (0, import_jsx_runtime.jsx)("span", {
@@ -63197,9 +63361,9 @@ ${O}`,
       return c <= 20 ? void 0 : c >= 50 ? 5 : 10;
     }
   }
-  var import_compiler_runtime$99 = require_compiler_runtime();
+  var import_compiler_runtime$98 = require_compiler_runtime();
   const BadPluginData = (e) => {
-    let r = (0, import_compiler_runtime$99.c)(16), { error: c, badData: d, shadowRoot: f } = e;
+    let r = (0, import_compiler_runtime$98.c)(16), { error: c, badData: d, shadowRoot: f } = e;
     if (c instanceof ZodError$1) {
       let e2;
       r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(AlertTitle, {
@@ -63557,7 +63721,6 @@ ${O}`,
   function isUIElement(e) {
     return e.tagName === UI_ELEMENT_TAG_NAME;
   }
-  var import_cuid2 = require_cuid2();
   const sidebarAtom = atomWithReducer({
     isOpen: true
   }, (e, r) => {
@@ -64049,7 +64212,7 @@ ${O}`,
     object$1({
       method: literal("close")
     })
-  ]), import_compiler_runtime$98 = require_compiler_runtime();
+  ]), import_compiler_runtime$97 = require_compiler_runtime();
   const AnyWidgetPlugin = createPlugin("marimo-anywidget").withData(object$1({
     jsUrl: string$2(),
     jsHash: string$2(),
@@ -64163,7 +64326,7 @@ ${O}`,
     return typeof e == "object" && !!e && "model_id" in e;
   }
   var LoadedSlot = (e) => {
-    let r = (0, import_compiler_runtime$98.c)(14), { value: c, setValue: d, widget: f, functions: _, data: v, host: y } = e, S = (0, import_react.useRef)(null), w;
+    let r = (0, import_compiler_runtime$97.c)(14), { value: c, setValue: d, widget: f, functions: _, data: v, host: y } = e, S = (0, import_react.useRef)(null), w;
     r[0] !== _.send_to_widget || r[1] !== d || r[2] !== c ? (w = new Model(c, d, _.send_to_widget, /* @__PURE__ */ new Set()), r[0] = _.send_to_widget, r[1] = d, r[2] = c, r[3] = w) : w = r[3];
     let E = (0, import_react.useRef)(w), O;
     r[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = (e2) => {
@@ -64199,9 +64362,9 @@ ${O}`,
   function _temp$31(e) {
     return e();
   }
-  var import_compiler_runtime$97 = require_compiler_runtime();
+  var import_compiler_runtime$96 = require_compiler_runtime();
   const KeyboardHotkeys = (e) => {
-    let r = (0, import_compiler_runtime$97.c)(10), { shortcut: c, className: d } = e;
+    let r = (0, import_compiler_runtime$96.c)(10), { shortcut: c, className: d } = e;
     if (c === NOT_SET || c === "") {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("span", {}), r[0] = e2) : e2 = r[0], e2;
@@ -64439,9 +64602,9 @@ ${O}`,
         return "success";
     }
   }
-  var import_compiler_runtime$96 = require_compiler_runtime();
+  var import_compiler_runtime$95 = require_compiler_runtime();
   const Labeled = (e) => {
-    let r = (0, import_compiler_runtime$96.c)(27), { label: c, children: d, align: f, className: _, labelClassName: v, fullWidth: y, id: S } = e, w = f === void 0 ? "left" : f;
+    let r = (0, import_compiler_runtime$95.c)(27), { label: c, children: d, align: f, className: _, labelClassName: v, fullWidth: y, id: S } = e, w = f === void 0 ? "left" : f;
     if (y && (w = "top"), !c) {
       if (w === "top") {
         let e3;
@@ -64481,7 +64644,7 @@ ${O}`,
       ]
     }), r[23] = d, r[24] = I, r[25] = RY, r[26] = zY) : zY = r[26], zY;
   };
-  var import_compiler_runtime$95 = require_compiler_runtime(), CheckboxPlugin = class {
+  var import_compiler_runtime$94 = require_compiler_runtime(), CheckboxPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-checkbox");
       __publicField(this, "validator", object$1({
@@ -64496,7 +64659,7 @@ ${O}`,
       });
     }
   }, CheckboxComponent = (e) => {
-    let r = (0, import_compiler_runtime$95.c)(11), { value: c, setValue: d, data: f } = e, _;
+    let r = (0, import_compiler_runtime$94.c)(11), { value: c, setValue: d, data: f } = e, _;
     r[0] === d ? _ = r[1] : (_ = (e2) => {
       e2 !== "indeterminate" && d(e2);
     }, r[0] = d, r[1] = _);
@@ -64515,7 +64678,7 @@ ${O}`,
       id: y,
       children: S
     }), r[7] = f.label, r[8] = y, r[9] = S, r[10] = w) : w = r[10], w;
-  }, import_compiler_runtime$94 = require_compiler_runtime(), CodeEditorPlugin = class {
+  }, import_compiler_runtime$93 = require_compiler_runtime(), CodeEditorPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-code-editor");
       __publicField(this, "validator", object$1({
@@ -64545,7 +64708,7 @@ ${O}`,
       });
     }
   }, CodeEditorComponent = (e) => {
-    let r = (0, import_compiler_runtime$94.c)(34), { theme: c } = useTheme(), d = e.theme || c, f = e.minHeight ? `${e.minHeight}px` : "70px", _ = e.maxHeight ? `${e.maxHeight}px` : void 0, [v, y] = (0, import_react.useState)(e.value), S = Number.isFinite(e.debounce) ? e.debounce : 0, w = !Number.isFinite(e.debounce), E;
+    let r = (0, import_compiler_runtime$93.c)(34), { theme: c } = useTheme(), d = e.theme || c, f = e.minHeight ? `${e.minHeight}px` : "70px", _ = e.maxHeight ? `${e.maxHeight}px` : void 0, [v, y] = (0, import_react.useState)(e.value), S = Number.isFinite(e.debounce) ? e.debounce : 0, w = !Number.isFinite(e.debounce), E;
     r[0] !== e.setValue || r[1] !== e.value || r[2] !== S || r[3] !== w ? (E = {
       initialValue: e.value,
       delay: S,
@@ -70248,10 +70411,10 @@ Error message: ${getErrorMessage$1(r)}`,
       addToolOutput: d.current.addToolOutput
     };
   }
-  var import_compiler_runtime$93 = require_compiler_runtime();
+  var import_compiler_runtime$92 = require_compiler_runtime();
   const AttachmentRenderer = (e) => {
     var _a2;
-    let r = (0, import_compiler_runtime$93.c)(6), { attachment: c } = e;
+    let r = (0, import_compiler_runtime$92.c)(6), { attachment: c } = e;
     if ((_a2 = c.mediaType) == null ? void 0 : _a2.startsWith("image/")) {
       let e2 = c.filename || "Attachment", d2;
       return r[0] !== c.url || r[1] !== e2 ? (d2 = (0, import_jsx_runtime.jsx)("img", {
@@ -70273,9 +70436,9 @@ Error message: ${getErrorMessage$1(r)}`,
       ]
     }), r[4] = f, r[5] = _), _;
   };
-  var import_compiler_runtime$92 = require_compiler_runtime();
+  var import_compiler_runtime$91 = require_compiler_runtime();
   const ReasoningAccordion = (e) => {
-    let r = (0, import_compiler_runtime$92.c)(13), { reasoning: c, index: d, isStreaming: f } = e, _ = d === void 0 ? 0 : d, v = f === void 0 ? false : f, y = v ? "reasoning" : void 0, S;
+    let r = (0, import_compiler_runtime$91.c)(13), { reasoning: c, index: d, isStreaming: f } = e, _ = d === void 0 ? 0 : d, v = f === void 0 ? false : f, y = v ? "reasoning" : void 0, S;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = (0, import_jsx_runtime.jsx)(BotMessageSquare, {
       className: "h-3 w-3"
     }), r[0] = S) : S = r[0];
@@ -70325,7 +70488,7 @@ Error message: ${getErrorMessage$1(r)}`,
       children: M
     }, _), r[9] = _, r[10] = y, r[11] = M, r[12] = I) : I = r[12], I;
   };
-  var import_compiler_runtime$91 = require_compiler_runtime(), SuccessResultSchema = object$1({
+  var import_compiler_runtime$90 = require_compiler_runtime(), SuccessResultSchema = object$1({
     status: string$2().default("success"),
     auth_required: boolean$2().default(false),
     action_url: any(),
@@ -70333,7 +70496,7 @@ Error message: ${getErrorMessage$1(r)}`,
     meta: any(),
     message: string$2().nullish()
   }).passthrough(), PrettySuccessResult = (e) => {
-    let r = (0, import_compiler_runtime$91.c)(12), { data: c } = e, d;
+    let r = (0, import_compiler_runtime$90.c)(12), { data: c } = e, d;
     if (r[0] !== c) {
       let { status: e2, auth_required: f, action_url: _, meta: v, next_steps: y, message: S, ...w } = c, E;
       r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)("h3", {
@@ -70390,7 +70553,7 @@ Error message: ${getErrorMessage$1(r)}`,
     } else d = r[1];
     return d;
   }, ResultRenderer = (e) => {
-    let r = (0, import_compiler_runtime$91.c)(8), { result: c } = e, d;
+    let r = (0, import_compiler_runtime$90.c)(8), { result: c } = e, d;
     r[0] === c ? d = r[1] : (d = SuccessResultSchema.safeParse(c), r[0] = c, r[1] = d);
     let f = d;
     if (f.success) {
@@ -70407,7 +70570,7 @@ Error message: ${getErrorMessage$1(r)}`,
       children: _
     }), r[6] = _, r[7] = v), v;
   }, ToolArgsRenderer = (e) => {
-    let r = (0, import_compiler_runtime$91.c)(9), { input: c } = e;
+    let r = (0, import_compiler_runtime$90.c)(9), { input: c } = e;
     if (!(c && c !== null)) return null;
     let d;
     r[0] === c ? d = r[1] : (d = isEmpty_default(c), r[0] = c, r[1] = d);
@@ -70431,7 +70594,7 @@ Error message: ${getErrorMessage$1(r)}`,
     }), r[7] = y, r[8] = S), S;
   };
   const ToolCallAccordion = (e) => {
-    let r = (0, import_compiler_runtime$91.c)(38), { toolName: c, result: d, error: f, index: _, state: v, className: y, input: S } = e, w = _ === void 0 ? 0 : _, E = v === "output-available" && (d || f), O = f ? "error" : E ? "success" : "loading", M;
+    let r = (0, import_compiler_runtime$90.c)(38), { toolName: c, result: d, error: f, index: _, state: v, className: y, input: S } = e, w = _ === void 0 ? 0 : _, E = v === "output-available" && (d || f), O = f ? "error" : E ? "success" : "loading", M;
     r[0] === O ? M = r[1] : (M = () => {
       switch (O) {
         case "loading":
@@ -72776,8 +72939,8 @@ Image URL: ${r.imageUrl}`)), contextToXml({
     };
     throw Error("Invalid input: not a Zod schema");
   }
-  var import_compiler_runtime$90 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
-    let r = (0, import_compiler_runtime$90.c)(10), c;
+  var import_compiler_runtime$89 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
+    let r = (0, import_compiler_runtime$89.c)(10), c;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let d;
     r[2] === c.name ? d = r[3] : (d = {
@@ -72793,7 +72956,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       children: f
     }, c.name), r[6] = c.name, r[7] = d, r[8] = f, r[9] = _) : _ = r[9], _;
   }, useFormField = () => {
-    let e = (0, import_compiler_runtime$90.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: d, formState: f } = useFormContext(), _;
+    let e = (0, import_compiler_runtime$89.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: d, formState: f } = useFormContext(), _;
     e[0] !== r.name || e[1] !== f || e[2] !== d ? (_ = d(r.name, f), e[0] = r.name, e[1] = f, e[2] = d, e[3] = _) : _ = e[3];
     let v = _;
     if (!r) throw Error("useFormField should be used within <FormField>");
@@ -72807,7 +72970,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       ...v
     }, e[4] = r.name, e[5] = v, e[6] = y, e[7] = S, e[8] = w, e[9] = E, e[10] = O) : O = e[10], O;
   }, FormItemContext = import_react.createContext({}), FormItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(14), d, f;
+    let c = (0, import_compiler_runtime$89.c)(14), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let _ = import_react.useId(), v;
     c[3] === _ ? v = c[4] : (v = {
@@ -72829,7 +72992,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   });
   FormItem.displayName = "FormItem";
   var FormLabel = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(11), d, f;
+    let c = (0, import_compiler_runtime$89.c)(11), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let { error: _, formItemId: v } = useFormField();
     if (!f.children) return;
@@ -72845,7 +73008,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   });
   FormLabel.displayName = "FormLabel";
   var FormControl = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(8), d;
+    let c = (0, import_compiler_runtime$89.c)(8), d;
     c[0] === e ? d = c[1] : ({ ...d } = e, c[0] = e, c[1] = d);
     let { error: f, formItemId: _, formDescriptionId: v, formMessageId: y } = useFormField(), S = f ? `${v} ${y}` : v, w = !!f, E;
     return c[2] !== _ || c[3] !== d || c[4] !== r || c[5] !== S || c[6] !== w ? (E = (0, import_jsx_runtime.jsx)(Slot$1, {
@@ -72858,7 +73021,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   });
   FormControl.displayName = "FormControl";
   var FormDescription = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(10), d, f;
+    let c = (0, import_compiler_runtime$89.c)(10), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let { formDescriptionId: _ } = useFormField();
     if (!f.children) return null;
@@ -72874,7 +73037,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   });
   FormDescription.displayName = "FormDescription";
   var FormMessage = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(12), d, f, _;
+    let c = (0, import_compiler_runtime$89.c)(12), d, f, _;
     c[0] === e ? (d = c[1], f = c[2], _ = c[3]) : ({ className: f, children: d, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _);
     let { error: v, formMessageId: y } = useFormField(), S = (v == null ? void 0 : v.message) ? String(v == null ? void 0 : v.message) : d;
     if (!S) return null;
@@ -72891,7 +73054,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   });
   FormMessage.displayName = "FormMessage";
   var FormMessageTooltip = (e) => {
-    let r = (0, import_compiler_runtime$90.c)(7), { className: c } = e, { error: d } = useFormField(), f = (d == null ? void 0 : d.message) ? String(d == null ? void 0 : d.message) : null;
+    let r = (0, import_compiler_runtime$89.c)(7), { className: c } = e, { error: d } = useFormField(), f = (d == null ? void 0 : d.message) ? String(d == null ? void 0 : d.message) : null;
     if (!f) return null;
     let _;
     r[0] === c ? _ = r[1] : (_ = cn("stroke-[1.8px]", c), r[0] = c, r[1] = _);
@@ -72913,17 +73076,17 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.7-dev23"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.7-dev25"), showCodeInRunModeAtom = atom(true);
   atom(null);
-  var import_compiler_runtime$89 = require_compiler_runtime();
+  var import_compiler_runtime$88 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
-    let c = (0, import_compiler_runtime$89.c)(2), d;
+    let c = (0, import_compiler_runtime$88.c)(2), d;
     c[0] === r ? d = c[1] : (d = (e2) => {
       if (!e2.defaultPrevented) for (let [c2, d2] of Objects.entries(r)) parseShortcut(c2)(e2) && (Logger.debug("Satisfied", c2, e2), d2(e2) !== false && (e2.preventDefault(), e2.stopPropagation()));
     }, c[0] = r, c[1] = d), useEventListener(e, "keydown", d);
   }
-  var import_compiler_runtime$88 = require_compiler_runtime(), Textarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$88.c)(16), d, f, _;
+  var import_compiler_runtime$87 = require_compiler_runtime(), Textarea = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$87.c)(16), d, f, _;
     c[0] === e ? (d = c[1], f = c[2], _ = c[3]) : ({ className: f, bottomAdornment: d, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _);
     let v;
     c[4] === f ? v = c[5] : (v = cn("shadow-xs-solid hover:shadow-sm-solid disabled:shadow-xs-solid focus-visible:shadow-md-solid", "flex w-full mb-1 rounded-sm border border-input bg-background px-3 py-2 text-sm font-code ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-accent disabled:cursor-not-allowed disabled:opacity-50 min-h-6", f), c[4] = f, c[5] = v);
@@ -72952,7 +73115,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   });
   Textarea.displayName = "Textarea";
   const DebouncedTextarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$88.c)(16), d, f, _;
+    let c = (0, import_compiler_runtime$87.c)(16), d, f, _;
     c[0] === e ? (d = c[1], f = c[2], _ = c[3]) : ({ className: d, onValueChange: f, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _);
     let v;
     c[4] !== f || c[5] !== _.delay || c[6] !== _.value ? (v = {
@@ -72973,7 +73136,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   });
   DebouncedTextarea.displayName = "DebouncedTextarea";
   const OnBlurredTextarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$88.c)(23), d, f, _;
+    let c = (0, import_compiler_runtime$87.c)(23), d, f, _;
     c[0] === e ? (d = c[1], f = c[2], _ = c[3]) : ({ className: d, onValueChange: f, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _);
     let [v, y] = import_react.useState(_.value), S;
     c[4] !== v || c[5] !== f || c[6] !== _.value ? (S = {
@@ -73005,7 +73168,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
     }), c[16] = d, c[17] = v, c[18] = _, c[19] = r, c[20] = z, c[21] = G, c[22] = q) : q = c[22], q;
   });
   OnBlurredTextarea.displayName = "OnBlurredTextarea";
-  var SWITCH_NAME = "Switch", [createSwitchContext, createSwitchScope] = createContextScope$1(SWITCH_NAME), [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME), Switch$1 = import_react.forwardRef((e, r) => {
+  var SWITCH_NAME = "Switch", [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME), [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME), Switch$1 = import_react.forwardRef((e, r) => {
     let { __scopeSwitch: c, name: d, checked: f, defaultChecked: _, required: v, disabled: y, value: S = "on", onCheckedChange: w, form: E, ...O } = e, [M, I] = import_react.useState(null), z = useComposedRefs(r, (e2) => I(e2)), G = import_react.useRef(false), q = M ? E || !!M.closest("form") : true, [IY, LY] = useControllableState({
       prop: f,
       defaultProp: _ ?? false,
@@ -73017,7 +73180,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       checked: IY,
       disabled: y,
       children: [
-        (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+        (0, import_jsx_runtime.jsx)(Primitive.button, {
           type: "button",
           role: "switch",
           "aria-checked": IY,
@@ -73051,7 +73214,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   Switch$1.displayName = SWITCH_NAME;
   var THUMB_NAME$1 = "SwitchThumb", SwitchThumb = import_react.forwardRef((e, r) => {
     let { __scopeSwitch: c, ...d } = e, f = useSwitchContext(THUMB_NAME$1, c);
-    return (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+    return (0, import_jsx_runtime.jsx)(Primitive.span, {
       "data-state": getState$1(f.checked),
       "data-disabled": f.disabled ? "" : void 0,
       ...d,
@@ -73096,7 +73259,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   function getState$1(e) {
     return e ? "checked" : "unchecked";
   }
-  var Root$3 = Switch$1, Thumb$1 = SwitchThumb, import_compiler_runtime$87 = 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", {
+  var Root$2 = Switch$1, Thumb$1 = SwitchThumb, import_compiler_runtime$86 = 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: {
         default: "h-6 w-11 mb-1",
@@ -73119,7 +73282,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       size: "default"
     }
   }), Switch = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$87.c)(16), d, f, _;
+    let c = (0, import_compiler_runtime$86.c)(16), d, f, _;
     c[0] === e ? (d = c[1], f = c[2], _ = c[3]) : ({ className: d, size: _, ...f } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _);
     let v;
     c[4] !== d || c[5] !== _ ? (v = cn(switchVariants({
@@ -73134,14 +73297,14 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       className: y
     }), c[9] = y, c[10] = S);
     let w;
-    return c[11] !== f || c[12] !== r || c[13] !== v || c[14] !== S ? (w = (0, import_jsx_runtime.jsx)(Root$3, {
+    return c[11] !== f || c[12] !== r || c[13] !== v || c[14] !== S ? (w = (0, import_jsx_runtime.jsx)(Root$2, {
       className: v,
       ...f,
       ref: r,
       children: S
     }), c[11] = f, c[12] = r, c[13] = v, c[14] = S, c[15] = w) : w = c[15], w;
   });
-  Switch.displayName = Root$3.displayName;
+  Switch.displayName = Root$2.displayName;
   const updateResources = StateEffect.define(), resourcesField = StateField.define({
     create() {
       return /* @__PURE__ */ new Map();
@@ -73557,9 +73720,9 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       dom: r
     };
   }
-  var import_compiler_runtime$86 = require_compiler_runtime();
+  var import_compiler_runtime$85 = require_compiler_runtime();
   const PythonIcon = (e) => {
-    let r = (0, import_compiler_runtime$86.c)(4), c, d;
+    let r = (0, import_compiler_runtime$85.c)(4), c, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)("title", {
       children: "Python Logo"
     }), d = (0, import_jsx_runtime.jsx)("path", {
@@ -73579,11 +73742,11 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       ]
     }), r[2] = e, r[3] = f), f;
   };
-  var import_compiler_runtime$85 = require_compiler_runtime();
+  var import_compiler_runtime$84 = require_compiler_runtime();
   atomWithStorage("marimo:ai-language", "python", jotaiJsonStorage);
   var KEY$1 = "marimo:ai-prompt-history", promptHistoryStorage = new ZodLocalStorage(array$2(string$2()), () => []);
   const PromptInput = (e) => {
-    let r = (0, import_compiler_runtime$85.c)(35), { value: c, placeholder: d, inputRef: f, className: _, onChange: v, onSubmit: y, onKeyDown: S, onClose: w, onAddFiles: E, additionalCompletions: O, maxHeight: M } = e, I = y, z = w, G = useStore(), { theme: q } = useTheme(), IY;
+    let r = (0, import_compiler_runtime$84.c)(35), { value: c, placeholder: d, inputRef: f, className: _, onChange: v, onSubmit: y, onKeyDown: S, onClose: w, onAddFiles: E, additionalCompletions: O, maxHeight: M } = e, I = y, z = w, G = useStore(), { theme: q } = useTheme(), IY;
     r[0] === O ? IY = r[1] : (IY = (e2) => O ? mentionsCompletionSource([
       O.triggerCompletionRegex
     ], O.completions)(e2) : null, r[0] = O, r[1] = IY);
@@ -73677,7 +73840,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   function _temp3$16(e) {
     return promptHistoryStorage.set(KEY$1, e);
   }
-  var import_compiler_runtime$84 = require_compiler_runtime();
+  var import_compiler_runtime$83 = require_compiler_runtime();
   const Chatbot = (e) => {
     var _a2;
     let [r, c] = (0, import_react.useState)(""), [d, f] = (0, import_react.useState)(e.config), [_, v] = (0, import_react.useState)(e.config), [y, S] = (0, import_react.useState)(void 0), w = (0, import_react.useRef)(null), E = (0, import_react.useRef)(null), O = (0, import_react.useRef)(null), M = (0, import_react.useRef)(null);
@@ -74066,7 +74229,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       description: "Penalizes new tokens (-2: favor, 2: avoid)"
     }
   }, ConfigPopup = (e) => {
-    let r = (0, import_compiler_runtime$84.c)(16), { config: c, onChange: d } = e, [f, _] = (0, import_react.useState)(false), v;
+    let r = (0, import_compiler_runtime$83.c)(16), { config: c, onChange: d } = e, [f, _] = (0, import_react.useState)(false), v;
     r[0] !== c || r[1] !== d ? (v = (e2, r2) => {
       let f2 = r2 === null || Number.isNaN(r2) ? null : r2;
       if (f2 !== null) {
@@ -74165,7 +74328,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       ]
     }), r[13] = f, r[14] = I, r[15] = z) : z = r[15], z;
   }, PromptsPopover = (e) => {
-    let r = (0, import_compiler_runtime$84.c)(18), { prompts: c, onSelect: d } = e, [f, _] = (0, import_react.useState)(false), [v, y] = (0, import_react.useState)(""), S;
+    let r = (0, import_compiler_runtime$83.c)(18), { prompts: c, onSelect: d } = e, [f, _] = (0, import_react.useState)(false), [v, y] = (0, import_react.useState)(""), S;
     r[0] === d ? S = r[1] : (S = (e2) => {
       [
         ...e2.matchAll(/{{(\w+)}}/g)
@@ -74233,7 +74396,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       ]
     }), r[14] = f, r[15] = M, r[16] = z, r[17] = G) : G = r[17], G;
   }, PromptVariablesForm = (e) => {
-    let r = (0, import_compiler_runtime$84.c)(32), { prompt: c, onClose: d, onSelect: f } = e, _;
+    let r = (0, import_compiler_runtime$83.c)(32), { prompt: c, onClose: d, onSelect: f } = e, _;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {}, r[0] = _) : _ = r[0];
     let [v, y] = (0, import_react.useState)(_), S, w;
     r[1] === c ? (S = r[2], w = r[3]) : (S = () => {
@@ -74387,9 +74550,9 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       })
     });
   });
-  var dist_default = '.marimo .gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);font:var(--gdg-header-font-style)var(--gdg-font-family);min-height:var(--r17m35ur-0);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.marimo .gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px}.marimo .gdg-c1tqibwd,.marimo .gdg-d19meir1{display:flex}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);left:var(--d19meir1-1);max-height:calc(100vh - var(--d19meir1-4));max-width:400px;min-height:var(--d19meir1-3);min-width:var(--d19meir1-2);text-align:start;top:var(--d19meir1-0);flex-direction:column;width:max-content;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.marimo .gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.marimo .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5)8.5px 3px}.marimo .gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.marimo .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.marimo .gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.marimo .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.marimo .gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.marimo .gdg-b1ygi5by,.marimo .gdg-b1ygi5by .boe-bubble{display:flex}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,10px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:20px;margin:2px;padding:0 8px}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo,.marimo .gdg-u1rrojo .gdg-link-area{flex-grow:1}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.marimo .gdg-u1rrojo .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.marimo .gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.marimo .gdg-n15fjm3e>input{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);padding:0}.marimo .gdg-i2iowwq,.marimo .gdg-i2iowwq .gdg-centering-container{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center}.marimo .gdg-i2iowwq .gdg-centering-container canvas,.marimo .gdg-i2iowwq .gdg-centering-container img{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none}.marimo .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.marimo .gdg-i2iowwq .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:12px;right:0}.marimo .gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.marimo .gdg-m1pnx84e .gdg-spacer{flex:1}.marimo .gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.marimo .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.marimo .gdg-m1pnx84e .gdg-checkmark-hover:hover{background-color:var(--gdg-accent-color);color:#fff}.marimo .gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.marimo .gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.marimo .gdg-d4zsq0x{flex-wrap:wrap}.marimo .gdg-d4zsq0x,.marimo .gdg-d4zsq0x .doe-bubble{display:flex}.marimo .gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);border-radius:var(--gdg-rounding-radius,6px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:24px;margin:2px;padding:0 8px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.marimo .gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.marimo .gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translateZ(0)}.marimo .gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.marimo .gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.marimo .gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.marimo .gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 canvas{outline:none}.marimo .gdg-s1dgczr6 canvas *{height:0}.marimo .gdg-izpuzkl{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);resize:none;white-space:pre-wrap;-webkit-text-fill-color:var(--gdg-text-dark);width:100%;min-width:100%;height:100%;color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;line-height:16px;position:absolute;inset:0;overflow:hidden}.marimo .gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.marimo .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);width:max-content;min-width:100%;max-width:100%;margin:0;padding:0 0 2px;line-height:16px}.marimo .gdg-g1y0xocz{margin-top:6px;position:relative}.marimo .gdg-wmyidgi{height:var(--wmyidgi-1);min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);direction:ltr;position:relative;overflow:clip}.marimo .gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.marimo .gdg-seveqep{background-color:var(--gdg-bg-cell);border:1px solid var(--gdg-border-color);color:var(--gdg-text-dark);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.marimo .gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.marimo .gdg-seveqep .gdg-search-bar-inner{display:flex}.marimo .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.marimo .gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.marimo .gdg-seveqep input{background-color:var(--gdg-bg-cell);color:var(--gdg-textDark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{width:24px;height:24px;color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.marimo .gdg-seveqep button:hover{color:var(--gdg-text-dark)}.marimo .gdg-seveqep button .button-icon{width:16px;height:16px}.marimo .gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.marimo .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.marimo .gdg-mnuv029>*{margin:0}.marimo .gdg-mnuv029 :last-child{margin-bottom:0}.marimo .gdg-mnuv029 p img{width:100%}', import_compiler_runtime$83 = require_compiler_runtime();
+  var dist_default = '.marimo .gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);font:var(--gdg-header-font-style)var(--gdg-font-family);min-height:var(--r17m35ur-0);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.marimo .gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px}.marimo .gdg-c1tqibwd,.marimo .gdg-d19meir1{display:flex}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);left:var(--d19meir1-1);max-height:calc(100vh - var(--d19meir1-4));max-width:400px;min-height:var(--d19meir1-3);min-width:var(--d19meir1-2);text-align:start;top:var(--d19meir1-0);flex-direction:column;width:max-content;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.marimo .gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.marimo .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5)8.5px 3px}.marimo .gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.marimo .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.marimo .gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.marimo .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.marimo .gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.marimo .gdg-b1ygi5by,.marimo .gdg-b1ygi5by .boe-bubble{display:flex}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,10px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:20px;margin:2px;padding:0 8px}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo,.marimo .gdg-u1rrojo .gdg-link-area{flex-grow:1}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.marimo .gdg-u1rrojo .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.marimo .gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.marimo .gdg-n15fjm3e>input{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);padding:0}.marimo .gdg-i2iowwq,.marimo .gdg-i2iowwq .gdg-centering-container{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center}.marimo .gdg-i2iowwq .gdg-centering-container canvas,.marimo .gdg-i2iowwq .gdg-centering-container img{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none}.marimo .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.marimo .gdg-i2iowwq .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:12px;right:0}.marimo .gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.marimo .gdg-m1pnx84e .gdg-spacer{flex:1}.marimo .gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.marimo .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.marimo .gdg-m1pnx84e .gdg-checkmark-hover:hover{background-color:var(--gdg-accent-color);color:#fff}.marimo .gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.marimo .gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.marimo .gdg-d4zsq0x{flex-wrap:wrap}.marimo .gdg-d4zsq0x,.marimo .gdg-d4zsq0x .doe-bubble{display:flex}.marimo .gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);border-radius:var(--gdg-rounding-radius,6px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:24px;margin:2px;padding:0 8px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.marimo .gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.marimo .gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translateZ(0)}.marimo .gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.marimo .gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.marimo .gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.marimo .gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 canvas{outline:none}.marimo .gdg-s1dgczr6 canvas *{height:0}.marimo .gdg-izpuzkl{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);resize:none;white-space:pre-wrap;-webkit-text-fill-color:var(--gdg-text-dark);width:100%;min-width:100%;height:100%;color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;line-height:16px;position:absolute;inset:0;overflow:hidden}.marimo .gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.marimo .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);width:max-content;min-width:100%;max-width:100%;margin:0;padding:0 0 2px;line-height:16px}.marimo .gdg-g1y0xocz{margin-top:6px;position:relative}.marimo .gdg-wmyidgi{height:var(--wmyidgi-1);min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);direction:ltr;position:relative;overflow:clip}.marimo .gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.marimo .gdg-seveqep{background-color:var(--gdg-bg-cell);border:1px solid var(--gdg-border-color);color:var(--gdg-text-dark);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.marimo .gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.marimo .gdg-seveqep .gdg-search-bar-inner{display:flex}.marimo .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.marimo .gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.marimo .gdg-seveqep input{background-color:var(--gdg-bg-cell);color:var(--gdg-textDark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{width:24px;height:24px;color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.marimo .gdg-seveqep button:hover{color:var(--gdg-text-dark)}.marimo .gdg-seveqep button .button-icon{width:16px;height:16px}.marimo .gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.marimo .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.marimo .gdg-mnuv029>*{margin:0}.marimo .gdg-mnuv029 :last-child{margin-bottom:0}.marimo .gdg-mnuv029 p img{width:100%}', import_compiler_runtime$82 = require_compiler_runtime();
   const LoadingTable = (e) => {
-    let r = (0, import_compiler_runtime$83.c)(14), { wrapperClassName: c, className: d, pageSize: f } = e, _ = f === void 0 ? 10 : f, v;
+    let r = (0, import_compiler_runtime$82.c)(14), { wrapperClassName: c, className: d, pageSize: f } = e, _ = f === void 0 ? 10 : f, v;
     r[0] === c ? v = r[1] : (v = cn(c, "flex flex-col space-y-2"), r[0] = c, r[1] = v);
     let y = d || "rounded-md border", S;
     r[2] === y ? S = r[3] : (S = cn(y), r[2] = y, r[3] = S);
@@ -74469,7 +74632,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   function getVegaFieldTypes(e) {
     return !e || Object.keys(e).length === 0 ? "auto" : Objects.mapValues(e, (e2) => e2 === "date" || e2 === "time" ? "string" : e2 === "datetime" ? "date" : e2);
   }
-  var import_compiler_runtime$82 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-QbwryjAp.js").then(async (m2) => {
+  var import_compiler_runtime$81 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-uGGDZv6S.js").then(async (m2) => {
     await m2.__tla;
     return m2;
   }));
@@ -74516,7 +74679,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
     })
   }));
   var LoadingDataEditor = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(31), c;
+    let r = (0, import_compiler_runtime$81.c)(31), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = [], r[0] = c) : c = r[0];
     let [d, f] = (0, import_react.useState)(c), _;
     r[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {}, r[1] = _) : _ = r[1];
@@ -74883,9 +75046,9 @@ ${c}
     saveForm: Functions.NOOP,
     chartType: ChartType.LINE
   }), useChartFormContext = () => (0, import_react.use)(ChartFormContext);
-  var dist_exports$1 = __export$1({
+  var dist_exports = __export$1({
     Range: () => Range,
-    Root: () => Root$2,
+    Root: () => Root$1,
     Slider: () => Slider$1,
     SliderRange: () => SliderRange,
     SliderThumb: () => SliderThumb,
@@ -74926,7 +75089,7 @@ ${c}
       "ArrowUp",
       "ArrowLeft"
     ]
-  }, SLIDER_NAME = "Slider", [Collection, useCollection, createCollectionScope] = createCollection(SLIDER_NAME), [createSliderContext, createSliderScope] = createContextScope$1(SLIDER_NAME, [
+  }, SLIDER_NAME = "Slider", [Collection, useCollection, createCollectionScope] = createCollection(SLIDER_NAME), [createSliderContext, createSliderScope] = createContextScope(SLIDER_NAME, [
     createCollectionScope
   ]), [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME), Slider$1 = import_react.forwardRef((e, r) => {
     let { name: c, min: d = 0, max: f = 100, step: _ = 1, orientation: v = "horizontal", disabled: y = false, minStepsBetweenThumbs: S = 0, defaultValue: w = [
@@ -75124,7 +75287,7 @@ ${c}
     });
   }), SliderImpl = import_react.forwardRef((e, r) => {
     let { __scopeSlider: c, onSlideStart: d, onSlideMove: f, onSlideEnd: _, onHomeKeyDown: v, onEndKeyDown: y, onStepKeyDown: S, ...w } = e, E = useSliderContext(SLIDER_NAME, c);
-    return (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+    return (0, import_jsx_runtime.jsx)(Primitive.span, {
       ...w,
       ref: r,
       onKeyDown: composeEventHandlers$1(e.onKeyDown, (e2) => {
@@ -75144,7 +75307,7 @@ ${c}
     });
   }), TRACK_NAME = "SliderTrack", SliderTrack = import_react.forwardRef((e, r) => {
     let { __scopeSlider: c, ...d } = e, f = useSliderContext(TRACK_NAME, c);
-    return (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+    return (0, import_jsx_runtime.jsx)(Primitive.span, {
       "data-disabled": f.disabled ? "" : void 0,
       "data-orientation": f.orientation,
       ...d,
@@ -75154,7 +75317,7 @@ ${c}
   SliderTrack.displayName = TRACK_NAME;
   var RANGE_NAME = "SliderRange", SliderRange = import_react.forwardRef((e, r) => {
     let { __scopeSlider: c, ...d } = e, f = useSliderContext(RANGE_NAME, c), _ = useSliderOrientationContext(RANGE_NAME, c), v = useComposedRefs(r, import_react.useRef(null)), y = f.values.length, S = f.values.map((e2) => convertValueToPercentage(e2, f.min, f.max)), w = y > 1 ? Math.min(...S) : 0, E = 100 - Math.max(...S);
-    return (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+    return (0, import_jsx_runtime.jsx)(Primitive.span, {
       "data-orientation": f.orientation,
       "data-disabled": f.disabled ? "" : void 0,
       ...d,
@@ -75195,7 +75358,7 @@ ${c}
       children: [
         (0, import_jsx_runtime.jsx)(Collection.ItemSlot, {
           scope: e.__scopeSlider,
-          children: (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+          children: (0, import_jsx_runtime.jsx)(Primitive.span, {
             role: "slider",
             "aria-label": e["aria-label"] || G,
             "aria-valuemin": v.min,
@@ -75239,7 +75402,7 @@ ${c}
     }, [
       v,
       r
-    ]), (0, import_jsx_runtime.jsx)(Primitive$1.input, {
+    ]), (0, import_jsx_runtime.jsx)(Primitive.input, {
       style: {
         display: "none"
       },
@@ -75307,9 +75470,9 @@ ${c}
     let c = 10 ** r;
     return Math.round(e * c) / c;
   }
-  var Root$2 = Slider$1, Track = SliderTrack, Range = SliderRange, Thumb = SliderThumb, import_compiler_runtime$81 = require_compiler_runtime();
+  var Root$1 = Slider$1, Track = SliderTrack, Range = SliderRange, Thumb = SliderThumb, import_compiler_runtime$80 = require_compiler_runtime();
   function useBoolean(e) {
-    let r = (0, import_compiler_runtime$81.c)(6), [c, d] = (0, import_react.useState)(e), f;
+    let r = (0, import_compiler_runtime$80.c)(6), [c, d] = (0, import_react.useState)(e), f;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (e2) => {
       var _a2;
       (_a2 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a2.call(e2), d(true);
@@ -75339,8 +75502,8 @@ ${c}
   function _temp$25(e) {
     return !e;
   }
-  var import_compiler_runtime$80 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$80.c)(25), { className: d, valueMap: f, ..._ } = e, [v, y] = useBoolean(false), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = dist_exports$1, E;
+  var import_compiler_runtime$79 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$79.c)(25), { className: d, valueMap: f, ..._ } = e, [v, y] = useBoolean(false), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = dist_exports, E;
     c[0] === d ? E = c[1] : (E = cn("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", d), c[0] = d, c[1] = E);
     let O;
     c[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = 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[2] = O) : O = c[2];
@@ -75397,7 +75560,7 @@ ${c}
       ]
     }), c[18] = _, c[19] = r, c[20] = w.Root, c[21] = zY, c[22] = E, c[23] = M, c[24] = BY) : BY = c[24], BY;
   });
-  Slider.displayName = Root$2.displayName;
+  Slider.displayName = Root$1.displayName;
   var import_react_dom = __toESM(require_react_dom(), 1), ve = 0, At = 1, Jt = 2, zn = 4;
   function un(e) {
     return () => e;
@@ -78241,12 +78404,12 @@ ${c}
   function kn(e, r, c) {
     return r !== "normal" && !(r != null && r.endsWith("px")) && c(`${e} was not resolved to pixel value correctly`, r, Ct.WARN), r === "normal" ? 0 : parseInt(r ?? "0", 10);
   }
-  var import_compiler_runtime$79 = require_compiler_runtime();
+  var import_compiler_runtime$78 = require_compiler_runtime();
   const ComboboxContext = (0, import_react.createContext)({
     isSelected: () => false,
     onSelect: Functions.NOOP
   }), Combobox = (e) => {
-    let r = (0, import_compiler_runtime$79.c)(94), c, d, f, _, v, y, S, w, E, O, M, I, z, G, q, IY, LY, RY, zY, BY, VY;
+    let r = (0, import_compiler_runtime$78.c)(94), c, d, f, _, v, y, S, w, E, O, M, I, z, G, q, IY, LY, RY, zY, BY, VY;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], _ = r[4], v = r[5], y = r[6], S = r[7], w = r[8], E = r[9], O = r[10], M = r[11], I = r[12], z = r[13], G = r[14], q = r[15], IY = r[16], LY = r[17], RY = r[18], zY = r[19], BY = r[20], VY = r[21]) : ({ children: c, displayValue: y, className: f, placeholder: z, value: VY, defaultValue: v, onValueChange: M, multiple: IY, shouldFilter: LY, filterFn: S, open: I, defaultOpen: _, onOpenChange: E, inputPlaceholder: RY, search: q, onSearchChange: O, emptyState: zY, chips: BY, chipsClassName: d, keepPopoverOpenOnSelect: w, ...G } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = _, r[5] = v, r[6] = y, r[7] = S, r[8] = w, r[9] = E, r[10] = O, r[11] = M, r[12] = I, r[13] = z, r[14] = G, r[15] = q, r[16] = IY, r[17] = LY, r[18] = RY, r[19] = zY, r[20] = BY, r[21] = VY);
     let HY = IY === void 0 ? false : IY, UY = LY === void 0 ? true : LY, WY = RY === void 0 ? "Search..." : RY, GY = zY === void 0 ? "Nothing found." : zY, KY = BY === void 0 ? false : BY, qY = _ ?? false, JY;
     r[22] !== E || r[23] !== I || r[24] !== qY ? (JY = {
@@ -78389,7 +78552,7 @@ ${c}
       ]
     }), r[90] = G, r[91] = SX, r[92] = CX, r[93] = wX) : wX = r[93], wX;
   }, ComboboxItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$79.c)(17), { children: d, className: f, value: _, onSelect: v, disabled: y } = e, S = typeof _ == "object" && "value" in _ ? _.value : String(_), w = import_react.use(ComboboxContext), E;
+    let c = (0, import_compiler_runtime$78.c)(17), { children: d, className: f, value: _, onSelect: v, disabled: y } = e, S = typeof _ == "object" && "value" in _ ? _.value : String(_), w = import_react.use(ComboboxContext), E;
     c[0] === f ? E = c[1] : (E = cn("pl-6 m-1 py-1", f), c[0] = f, c[1] = E);
     let O;
     c[2] !== w || c[3] !== v || c[4] !== _ ? (O = () => {
@@ -78417,7 +78580,7 @@ ${c}
   function multiselectFilterFn(e, r) {
     return r.split(/\s+/).every((r2) => e.toLowerCase().includes(r2.toLowerCase())) ? 1 : 0;
   }
-  var import_compiler_runtime$78 = require_compiler_runtime(), MultiselectPlugin = class {
+  var import_compiler_runtime$77 = require_compiler_runtime(), MultiselectPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-multiselect");
       __publicField(this, "validator", object$1({
@@ -78437,7 +78600,7 @@ ${c}
     }
   }, SELECT_ALL_KEY = "__select_all__", DESELECT_ALL_KEY = "__deselect_all__";
   const Multiselect = (e) => {
-    let r = (0, import_compiler_runtime$78.c)(45), { options: c, label: d, value: f, setValue: _, fullWidth: v, maxSelections: y } = e, S = (0, import_react.useId)(), [w, E] = (0, import_react.useState)(""), O;
+    let r = (0, import_compiler_runtime$77.c)(45), { options: c, label: d, value: f, setValue: _, fullWidth: v, maxSelections: y } = e, S = (0, import_react.useId)(), [w, E] = (0, import_react.useState)(""), O;
     bb0: {
       if (!w) {
         O = c;
@@ -78566,9 +78729,9 @@ ${c}
   function _temp3$13(e) {
     return e;
   }
-  var import_compiler_runtime$77 = require_compiler_runtime();
+  var import_compiler_runtime$76 = require_compiler_runtime();
   function useAddCodeToNewCell() {
-    let e = (0, import_compiler_runtime$77.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
+    let e = (0, import_compiler_runtime$76.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
     return e[0] !== r || e[1] !== d || e[2] !== c ? (f = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: r,
@@ -78581,7 +78744,7 @@ ${c}
       });
     }, e[0] = r, e[1] = d, e[2] = c, e[3] = f) : f = e[3], f;
   }
-  var import_compiler_runtime$76 = require_compiler_runtime(), pythonExtensions = [
+  var import_compiler_runtime$75 = require_compiler_runtime(), pythonExtensions = [
     customPythonLanguageSupport(),
     EditorView.lineWrapping
   ], sqlExtensions = [
@@ -78589,7 +78752,7 @@ ${c}
     EditorView.lineWrapping
   ];
   const ReadonlyCode = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$76.c)(41), { theme: c } = useTheme(), d, f, _, v, y, S, w, E;
+    let r = (0, import_compiler_runtime$75.c)(41), { theme: c } = useTheme(), d, f, _, v, y, S, w, E;
     r[0] === e ? (d = r[1], f = r[2], _ = r[3], v = r[4], y = r[5], S = r[6], w = r[7], E = r[8]) : ({ code: f, className: d, initiallyHideCode: _, showHideCode: S, showCopyCode: w, insertNewCell: v, language: E, ...y } = e, r[0] = e, r[1] = d, r[2] = f, r[3] = _, r[4] = v, r[5] = y, r[6] = S, r[7] = w, r[8] = E);
     let O = S === void 0 ? true : S, M = w === void 0 ? true : w, I = E === void 0 ? "python" : E, [z, G] = (0, import_react.useState)(_), q;
     r[9] === d ? q = r[10] : (q = cn("relative hover-actions-parent w-full overflow-hidden", d), r[9] = d, r[10] = q);
@@ -78644,7 +78807,7 @@ ${c}
   });
   ReadonlyCode.displayName = "ReadonlyCode";
   var CopyButton = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(5), c;
+    let r = (0, import_compiler_runtime$75.c)(5), c;
     r[0] === e.text ? c = r[1] : (c = Events.stopPropagation(async () => {
       await copyToClipboard(e.text), toast({
         title: "Copied to clipboard"
@@ -78668,7 +78831,7 @@ ${c}
       })
     }), r[3] = d, r[4] = _), _;
   }, EyeCloseButton = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(3), c;
+    let r = (0, import_compiler_runtime$75.c)(3), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(EyeOff, {
       size: 14,
       strokeWidth: 1.5
@@ -78687,7 +78850,7 @@ ${c}
     }), r[1] = e.onClick, r[2] = d), d;
   };
   const HideCodeButton = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(7), c;
+    let r = (0, import_compiler_runtime$75.c)(7), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(Eye, {
       className: "hover-action w-5 h-5 text-muted-foreground cursor-pointer absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-80 hover:opacity-100 z-20"
     }), r[0] = c) : c = r[0];
@@ -78705,7 +78868,7 @@ ${c}
     }), r[3] = e.className, r[4] = e.onClick, r[5] = d, r[6] = f) : f = r[6], f;
   };
   var InsertNewCell = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(6), c = useAddCodeToNewCell(), d;
+    let r = (0, import_compiler_runtime$75.c)(6), c = useAddCodeToNewCell(), d;
     r[0] !== c || r[1] !== e.code ? (d = () => {
       c(e.code);
     }, r[0] = c, r[1] = e.code, r[2] = d) : d = r[2];
@@ -78726,9 +78889,9 @@ ${c}
         children: _
       })
     }), r[4] = f, r[5] = v), v;
-  }, import_compiler_runtime$75 = require_compiler_runtime();
+  }, import_compiler_runtime$74 = require_compiler_runtime();
   const Title = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(5), { text: c, tooltip: d } = e, f;
+    let r = (0, import_compiler_runtime$74.c)(5), { text: c, tooltip: d } = e, f;
     r[0] === d ? f = r[1] : (f = d && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: d,
       children: (0, import_jsx_runtime.jsx)(Info, {
@@ -78744,7 +78907,7 @@ ${c}
       ]
     }), r[2] = f, r[3] = c, r[4] = _) : _ = r[4], _;
   }, TabContainer = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$74.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-2", d), r[0] = d, r[1] = f);
     let _;
     return r[2] !== c || r[3] !== f ? (_ = (0, import_jsx_runtime.jsx)("div", {
@@ -78752,14 +78915,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = _) : _ = r[4], _;
   }, FormSectionHorizontalRule = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(4), { className: c } = e, d;
+    let r = (0, import_compiler_runtime$74.c)(4), { className: c } = e, d;
     r[0] === c ? d = r[1] : (d = cn("my-1", c), r[0] = c, r[1] = d);
     let f;
     return r[2] === d ? f = r[3] : (f = (0, import_jsx_runtime.jsx)("hr", {
       className: d
     }), r[2] = d, r[3] = f), f;
   }, FieldSection = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$74.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-1.5", d), r[0] = d, r[1] = f);
     let _;
     return r[2] !== c || r[3] !== f ? (_ = (0, import_jsx_runtime.jsx)("section", {
@@ -78767,7 +78930,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = _) : _ = r[4], _;
   }, IconWithText = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(7), { Icon: c, text: d } = e, f;
+    let r = (0, import_compiler_runtime$74.c)(7), { Icon: c, text: d } = e, f;
     r[0] === c ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(c, {
       className: "w-3 h-3 mr-2"
     }), r[0] = c, r[1] = f);
@@ -78784,7 +78947,7 @@ ${c}
       ]
     }), r[4] = f, r[5] = _, r[6] = v) : v = r[6], v;
   }, AccordionFormTrigger = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$74.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("py-1", d), r[0] = d, r[1] = f);
     let _;
     return r[2] !== c || r[3] !== f ? (_ = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
@@ -78792,14 +78955,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = _) : _ = r[4], _;
   }, AccordionFormItem = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(3), { children: c, value: d } = e, f;
+    let r = (0, import_compiler_runtime$74.c)(3), { children: c, value: d } = e, f;
     return r[0] !== c || r[1] !== d ? (f = (0, import_jsx_runtime.jsx)(AccordionItem, {
       value: d,
       className: "border-none",
       children: c
     }), r[0] = c, r[1] = d, r[2] = f) : f = r[2], f;
   }, AccordionFormContent = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(5), { children: c, wrapperClassName: d } = e, f;
+    let r = (0, import_compiler_runtime$74.c)(5), { children: c, wrapperClassName: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("pb-2 flex flex-col gap-2", d), r[0] = d, r[1] = f);
     let _;
     return r[2] !== c || r[3] !== f ? (_ = (0, import_jsx_runtime.jsx)(AccordionContent, {
@@ -78807,7 +78970,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = _) : _ = r[4], _;
   }, CodeSnippet = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(4), { code: c, insertNewCell: d, language: f } = e, _;
+    let r = (0, import_compiler_runtime$74.c)(4), { code: c, insertNewCell: d, language: f } = e, _;
     return r[0] !== c || r[1] !== d || r[2] !== f ? (_ = (0, import_jsx_runtime.jsx)(ReadonlyCode, {
       minHeight: "330px",
       maxHeight: "330px",
@@ -78818,9 +78981,9 @@ ${c}
       insertNewCell: d
     }), r[0] = c, r[1] = d, r[2] = f, r[3] = _) : _ = r[3], _;
   };
-  var import_compiler_runtime$74 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
+  var import_compiler_runtime$73 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
   const ColumnSelector = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(23), { fieldName: c, columns: d, onValueChange: f, includeCountField: _ } = e, v = _ === void 0 ? true : _, y = useFormContext(), S;
+    let r = (0, import_compiler_runtime$73.c)(23), { fieldName: c, columns: d, onValueChange: f, includeCountField: _ } = e, v = _ === void 0 ? true : _, y = useFormContext(), S;
     r[0] === c ? S = r[1] : (S = c.replace(".field", ".type"), r[0] = c, r[1] = S);
     let w = S, E;
     r[2] === c ? E = r[3] : (E = c.replace(".field", ".selectedDataType"), r[2] = c, r[3] = E);
@@ -78902,7 +79065,7 @@ ${c}
       render: z
     }), r[19] = c, r[20] = y.control, r[21] = z, r[22] = G) : G = r[22], G;
   }, SelectField = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(8), { fieldName: c, label: d, options: f, defaultValue: _ } = e, v = useFormContext(), y;
+    let r = (0, import_compiler_runtime$73.c)(8), { fieldName: c, label: d, options: f, defaultValue: _ } = e, v = useFormContext(), y;
     r[0] !== _ || r[1] !== d || r[2] !== f ? (y = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -78941,7 +79104,7 @@ ${c}
       render: y
     }), r[4] = c, r[5] = v.control, r[6] = y, r[7] = S) : S = r[7], S;
   }, InputField = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(6), { fieldName: c, label: d } = e, f = useFormContext(), _;
+    let r = (0, import_compiler_runtime$73.c)(6), { fieldName: c, label: d } = e, f = useFormContext(), _;
     r[0] === d ? _ = r[1] : (_ = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -78968,7 +79131,7 @@ ${c}
       render: _
     }), r[2] = c, r[3] = f.control, r[4] = _, r[5] = v) : v = r[5], v;
   }, NumberField$1 = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(17), c, d, f, _, v, y;
+    let r = (0, import_compiler_runtime$73.c)(17), c, d, f, _, v, y;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], _ = r[4], v = r[5], y = r[6]) : ({ fieldName: d, label: v, className: c, inputClassName: f, isDisabled: _, ...y } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = _, r[5] = v, r[6] = y);
     let S = useFormContext(), w;
     r[7] !== c || r[8] !== f || r[9] !== _ || r[10] !== v || r[11] !== y ? (w = (e2) => {
@@ -79002,7 +79165,7 @@ ${c}
       render: w
     }), r[13] = d, r[14] = S.control, r[15] = w, r[16] = E) : E = r[16], E;
   }, BooleanField = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(8), { fieldName: c, label: d, className: f, defaultValue: _ } = e, v = useFormContext(), y;
+    let r = (0, import_compiler_runtime$73.c)(8), { fieldName: c, label: d, className: f, defaultValue: _ } = e, v = useFormContext(), y;
     r[0] !== f || r[1] !== _ || r[2] !== d ? (y = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -79028,7 +79191,7 @@ ${c}
       render: y
     }), r[4] = c, r[5] = v.control, r[6] = y, r[7] = S) : S = r[7], S;
   }, SliderField = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(12), { fieldName: c, label: d, defaultValue: f, start: _, stop: v, step: y, className: S } = e, w = useFormContext(), E;
+    let r = (0, import_compiler_runtime$73.c)(12), { fieldName: c, label: d, defaultValue: f, start: _, stop: v, step: y, className: S } = e, w = useFormContext(), E;
     r[0] !== S || r[1] !== f || r[2] !== c || r[3] !== d || r[4] !== _ || r[5] !== y || r[6] !== v ? (E = (e2) => {
       let { field: r2 } = e2, w2 = r2.value ?? f, E2 = Number(w2), O2 = (e3) => {
         typeof e3 == "string" && (e3 = Number(e3)), r2.onChange(e3);
@@ -79071,7 +79234,7 @@ ${c}
       render: E
     }), r[8] = c, r[9] = w.control, r[10] = E, r[11] = O) : O = r[11], O;
   }, ColorArrayField = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(28), { fieldName: c, label: d, className: f } = e, _ = useFormContext(), v;
+    let r = (0, import_compiler_runtime$73.c)(28), { fieldName: c, label: d, className: f } = e, _ = useFormContext(), v;
     r[0] !== c || r[1] !== _ ? (v = _.watch(c), r[0] = c, r[1] = _, r[2] = v) : v = r[2];
     let y = v, S;
     r[3] === y ? S = r[4] : (S = y ?? [], r[3] = y, r[4] = S);
@@ -79152,7 +79315,7 @@ ${c}
       render: IY
     }), r[24] = c, r[25] = _.control, r[26] = IY, r[27] = LY) : LY = r[27], LY;
   }, TimeUnitSelect = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(10), { fieldName: c, label: d } = e, f = useFormContext(), _;
+    let r = (0, import_compiler_runtime$73.c)(10), { fieldName: c, label: d } = e, f = useFormContext(), _;
     r[0] !== c || r[1] !== f ? (_ = () => {
       f.setValue(c, "");
     }, r[0] = c, r[1] = f, r[2] = _) : _ = r[2];
@@ -79221,7 +79384,7 @@ ${c}
       render: S
     }), r[6] = c, r[7] = f.control, r[8] = S, r[9] = w) : w = r[9], w;
   }, DataTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(9), { fieldName: c, label: d, defaultValue: f, onValueChange: _ } = e, [v, y] = import_react.useState(false), S = useFormContext(), w;
+    let r = (0, import_compiler_runtime$73.c)(9), { fieldName: c, label: d, defaultValue: f, onValueChange: _ } = e, [v, y] = import_react.useState(false), S = useFormContext(), w;
     r[0] !== f || r[1] !== v || r[2] !== d || r[3] !== _ ? (w = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -79277,7 +79440,7 @@ ${c}
       render: w
     }), r[5] = c, r[6] = S.control, r[7] = w, r[8] = E) : E = r[8], E;
   }, AggregationSelect = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(12), { fieldName: c, selectedDataType: d, binFieldName: f, defaultAggregation: _ } = e, v = useFormContext(), y = d === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: S } = useChartFormContext(), w = S !== ChartType.HEATMAP, E = _temp6$5, O = _temp7$1, M;
+    let r = (0, import_compiler_runtime$73.c)(12), { fieldName: c, selectedDataType: d, binFieldName: f, defaultAggregation: _ } = e, v = useFormContext(), y = d === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: S } = useChartFormContext(), w = S !== ChartType.HEATMAP, E = _temp6$5, O = _temp7$1, M;
     r[0] !== f || r[1] !== v ? (M = (e2) => {
       let { value: r2, previousValue: c2, onChange: d2 } = e2;
       r2 === "bin" ? v.setValue(f, true) : c2 === "bin" && v.setValue(f, false), d2(r2);
@@ -79336,7 +79499,7 @@ ${c}
       render: z
     }), r[8] = c, r[9] = v.control, r[10] = z, r[11] = G) : G = r[11], G;
   }, TooltipSelect = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: _ } = useChartFormContext(), v = _temp8, y;
+    let r = (0, import_compiler_runtime$73.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: _ } = useChartFormContext(), v = _temp8, y;
     r[0] !== _ || r[1] !== d ? (y = (e2) => {
       var _a2;
       let { field: r2 } = e2, c2 = ((_a2 = r2.value) == null ? void 0 : _a2.map(_temp9)) ?? [];
@@ -79362,7 +79525,7 @@ ${c}
       render: y
     }), r[3] = c, r[4] = f.control, r[5] = y, r[6] = S) : S = r[6], S;
   }, SortField = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(5), { fieldName: c, label: d, defaultValue: f } = e, _;
+    let r = (0, import_compiler_runtime$73.c)(5), { fieldName: c, label: d, defaultValue: f } = e, _;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = SORT_TYPES.map(_temp1), r[0] = _) : _ = r[0];
     let v = f ?? "ascending", y;
     return r[1] !== c || r[2] !== d || r[3] !== v ? (y = (0, import_jsx_runtime.jsx)(SelectField, {
@@ -79373,7 +79536,7 @@ ${c}
     }), r[1] = c, r[2] = d, r[3] = v, r[4] = y) : y = r[4], y;
   }, BinFields = (e) => {
     var _a2, _b3, _c2, _d2;
-    let r = (0, import_compiler_runtime$74.c)(10), { fieldName: c } = e, d = useFormContext(), f;
+    let r = (0, import_compiler_runtime$73.c)(10), { fieldName: c } = e, d = useFormContext(), f;
     r[0] === d.control ? f = r[1] : (f = {
       control: d.control
     }, r[0] = d.control, r[1] = f);
@@ -79488,7 +79651,7 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$73 = require_compiler_runtime();
+  var import_compiler_runtime$72 = require_compiler_runtime();
   function isNonCountField(e) {
     return isFieldSet(e == null ? void 0 : e.field) && (e == null ? void 0 : e.field) !== "__count__";
   }
@@ -79512,7 +79675,7 @@ ${c}
     };
   }
   var ColumnSelectorWithAggregation = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(14), { columnFieldName: c, column: d, columns: f, binFieldName: _, defaultAggregation: v } = e, y;
+    let r = (0, import_compiler_runtime$72.c)(14), { columnFieldName: c, column: d, columns: f, binFieldName: _, defaultAggregation: v } = e, y;
     r[0] === d ? y = r[1] : (y = getColumnDataTypes(d), r[0] = d, r[1] = y);
     let { selectedDataType: S } = y, w;
     r[2] !== c || r[3] !== f ? (w = (0, import_jsx_runtime.jsx)(ColumnSelector, {
@@ -79536,7 +79699,7 @@ ${c}
     }), r[11] = w, r[12] = E, r[13] = O) : O = r[13], O;
   };
   const ChartTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(7), { value: c, onValueChange: d } = e, f, _;
+    let r = (0, import_compiler_runtime$72.c)(7), { value: c, onValueChange: d } = e, f, _;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = buttonVariants({
       variant: "outline",
       className: "user-select-none w-full justify-between px-3"
@@ -79572,7 +79735,7 @@ ${c}
     }), r[4] = d, r[5] = c, r[6] = S) : S = r[6], S;
   };
   var ChartSelectItem = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(10), { chartType: c } = e, d = CHART_TYPE_ICON[c], f;
+    let r = (0, import_compiler_runtime$72.c)(10), { chartType: c } = e, d = CHART_TYPE_ICON[c], f;
     r[0] === d ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(d, {
       className: "w-4 h-4 mr-2"
     }), r[0] = d, r[1] = f);
@@ -79595,7 +79758,7 @@ ${c}
   };
   const XAxis = () => {
     var _a2, _b3, _c2, _d2, _e3, _f2, _g;
-    let e = (0, import_compiler_runtime$73.c)(22), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$72.c)(22), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -79648,7 +79811,7 @@ ${c}
     }), e[17] = E, e[18] = O, e[19] = M, e[20] = I, e[21] = z) : z = e[21], z;
   }, YAxis = () => {
     var _a2, _b3, _c2;
-    let e = (0, import_compiler_runtime$73.c)(29), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$72.c)(29), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -79705,7 +79868,7 @@ ${c}
     }), e[23] = RY, e[24] = zY, e[25] = q, e[26] = IY, e[27] = LY, e[28] = BY) : BY = e[28], BY;
   }, ColorByAxis = () => {
     var _a2;
-    let e = (0, import_compiler_runtime$73.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$72.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -79736,7 +79899,7 @@ ${c}
     }), e[10] = S, e[11] = w, e[12] = E) : E = e[12], E;
   }, Facet = () => {
     var _a2, _b3;
-    let e = (0, import_compiler_runtime$73.c)(7), r = useChartFormContext().fields, c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$72.c)(7), r = useChartFormContext().fields, c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -79815,10 +79978,10 @@ ${c}
       chartType: e
     }, e);
   }
-  var import_compiler_runtime$72 = require_compiler_runtime();
+  var import_compiler_runtime$71 = require_compiler_runtime();
   const CommonChartForm = () => {
     var _a2, _b3;
-    let e = (0, import_compiler_runtime$72.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$71.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -79870,7 +80033,7 @@ ${c}
       ]
     }), e[15] = G, e[16] = LY), LY;
   }, StyleForm = () => {
-    let e = (0, import_compiler_runtime$72.c)(15), { chartType: r } = useChartFormContext(), c;
+    let e = (0, import_compiler_runtime$71.c)(15), { chartType: r } = useChartFormContext(), c;
     e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(AccordionFormTrigger, {
       className: "pt-0",
       children: (0, import_jsx_runtime.jsx)(Title, {
@@ -80013,7 +80176,7 @@ ${c}
     }), e[13] = _, e[14] = G), G;
   }, OtherOptions = () => {
     var _a2;
-    let e = (0, import_compiler_runtime$72.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$71.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -80084,10 +80247,10 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$71 = require_compiler_runtime();
+  var import_compiler_runtime$70 = require_compiler_runtime();
   const HeatmapForm = () => {
     var _a2, _b3, _c2, _d2;
-    let e = (0, import_compiler_runtime$71.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$70.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -80130,10 +80293,10 @@ ${c}
       ]
     }), e[14] = O, e[15] = I, e[16] = q) : q = e[16], q;
   };
-  var import_compiler_runtime$70 = require_compiler_runtime();
+  var import_compiler_runtime$69 = require_compiler_runtime();
   const PieForm = () => {
     var _a2, _b3, _c2;
-    let e = (0, import_compiler_runtime$70.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), d;
+    let e = (0, import_compiler_runtime$69.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), d;
     e[0] === r.control ? d = e[1] : (d = {
       control: r.control
     }, e[0] = r.control, e[1] = d);
@@ -80200,9 +80363,9 @@ ${c}
       ]
     }), e[21] = E, e[22] = O, e[23] = G, e[24] = RY) : RY = e[24], RY;
   };
-  var import_compiler_runtime$69 = require_compiler_runtime();
+  var import_compiler_runtime$68 = require_compiler_runtime();
   const LazyChart = (e) => {
-    let r = (0, import_compiler_runtime$69.c)(8), { baseSpec: c, data: d, height: f } = e, { theme: _ } = useTheme();
+    let r = (0, import_compiler_runtime$68.c)(8), { baseSpec: c, data: d, height: f } = e, { theme: _ } = useTheme();
     if (!d) {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("div", {
@@ -80242,7 +80405,7 @@ ${c}
     }), r[5] = c, r[6] = y, r[7] = S) : S = r[7], S;
   };
   var LoadingChart$1 = () => {
-    let e = (0, import_compiler_runtime$69.c)(1), r;
+    let e = (0, import_compiler_runtime$68.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsx)(ChartInfoState, {
       className: "mt-14",
       children: "Loading chart..."
@@ -80386,9 +80549,9 @@ ${c}
     let r = initialStorageValue.get(e);
     return r ? r.length > 0 : false;
   }
-  var import_compiler_runtime$68 = require_compiler_runtime(), NEW_CHART_TYPE = "bar", DEFAULT_TAB_NAME = "table", CHART_HEIGHT = 290, CHART_MAX_ROWS = 5e4, CHART_MAX_COLUMNS = 50;
+  var import_compiler_runtime$67 = require_compiler_runtime(), NEW_CHART_TYPE = "bar", DEFAULT_TAB_NAME = "table", CHART_HEIGHT = 290, CHART_MAX_ROWS = 5e4, CHART_MAX_COLUMNS = 50;
   const TablePanel = (e) => {
-    let r = (0, import_compiler_runtime$68.c)(7), { cellId: c, data: d, dataTable: f, totalRows: _, columns: v, getDataUrl: y, fieldTypes: S, displayHeader: w } = e, [E, O] = useAtom(tabsStorageAtom), M = c ? E.get(c) ?? [] : [], [I, z] = (0, import_react.useState)(0), [G, q] = (0, import_react.useState)(DEFAULT_TAB_NAME);
+    let r = (0, import_compiler_runtime$67.c)(7), { cellId: c, data: d, dataTable: f, totalRows: _, columns: v, getDataUrl: y, fieldTypes: S, displayHeader: w } = e, [E, O] = useAtom(tabsStorageAtom), M = c ? E.get(c) ?? [] : [], [I, z] = (0, import_react.useState)(0), [G, q] = (0, import_react.useState)(DEFAULT_TAB_NAME);
     if (!w || M.length === 0 && !w) return f;
     let IY = () => {
       if (!c) return;
@@ -80645,7 +80808,7 @@ ${c}
     });
   };
   var ChartFormContainer = (e) => {
-    let r = (0, import_compiler_runtime$68.c)(28), { form: c, saveChart: d, fieldTypes: f, chartType: _ } = e, v;
+    let r = (0, import_compiler_runtime$67.c)(28), { form: c, saveChart: d, fieldTypes: f, chartType: _ } = e, v;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = [], r[0] = v) : v = r[0];
     let y = v;
     if (f) {
@@ -80755,9 +80918,9 @@ ${c}
   function _temp3$11(e) {
     return e.preventDefault();
   }
-  var import_compiler_runtime$67 = require_compiler_runtime();
+  var import_compiler_runtime$66 = require_compiler_runtime();
   const EmptyState = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(5), { content: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$66.c)(5), { content: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("text-sm text-muted-foreground py-1", d), r[0] = d, r[1] = f);
     let _;
     return r[2] !== c || r[3] !== f ? (_ = (0, import_jsx_runtime.jsx)("div", {
@@ -80765,7 +80928,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = _) : _ = r[4], _;
   }, ErrorState = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(6), { error: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$66.c)(6), { error: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("text-sm bg-red-50 dark:bg-red-900 text-red-600 dark:text-red-50 flex items-center gap-2 p-2 h-8", d), r[0] = d, r[1] = f);
     let _;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)(X, {
@@ -80780,7 +80943,7 @@ ${c}
       ]
     }), r[3] = c.message, r[4] = f, r[5] = v) : v = r[5], v;
   }, LoadingState = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(6), { message: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$66.c)(6), { message: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("text-sm bg-blue-50 dark:bg-(--accent) text-blue-500 dark:text-blue-50 flex items-center gap-2 p-2 h-8", d), r[0] = d, r[1] = f);
     let _;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)(LoaderCircle, {
@@ -80795,7 +80958,7 @@ ${c}
       ]
     }), r[3] = c, r[4] = f, r[5] = v) : v = r[5], v;
   }, ColumnPreviewContainer = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$66.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-2 relative", d), r[0] = d, r[1] = f);
     let _;
     return r[2] !== c || r[3] !== f ? (_ = (0, import_jsx_runtime.jsx)("div", {
@@ -80803,7 +80966,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = _) : _ = r[4], _;
   }, ColumnName = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(6), { columnName: c, dataType: d } = e, f = DATA_TYPE_ICON[d], _ = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(d)}`, v;
+    let r = (0, import_compiler_runtime$66.c)(6), { columnName: c, dataType: d } = e, f = DATA_TYPE_ICON[d], _ = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(d)}`, v;
     r[0] !== f || r[1] !== _ ? (v = (0, import_jsx_runtime.jsx)(f, {
       className: _
     }), r[0] = f, r[1] = _, r[2] = v) : v = r[2];
@@ -80816,9 +80979,9 @@ ${c}
       ]
     }), r[3] = c, r[4] = v, r[5] = y) : y = r[5], y;
   };
-  var import_compiler_runtime$66 = require_compiler_runtime();
+  var import_compiler_runtime$65 = require_compiler_runtime();
   const InstallPackageButton = (e) => {
-    let r = (0, import_compiler_runtime$66.c)(13), { packages: c, showMaxPackages: d, className: f, onInstall: _ } = e, { handleInstallPackages: v } = useInstallPackages();
+    let r = (0, import_compiler_runtime$65.c)(13), { packages: c, showMaxPackages: d, className: f, onInstall: _ } = e, { handleInstallPackages: v } = useInstallPackages();
     if (!c || c.length === 0) return null;
     let y;
     r[0] !== v || r[1] !== _ || r[2] !== c ? (y = () => {
@@ -80841,7 +81004,7 @@ ${c}
       ]
     }), r[9] = y, r[10] = S, r[11] = w, r[12] = E) : E = r[12], E;
   };
-  var import_compiler_runtime$65 = require_compiler_runtime();
+  var import_compiler_runtime$64 = require_compiler_runtime();
   function renderPreviewError({ error: e, missingPackages: r, refetchPreview: c }) {
     return (0, import_jsx_runtime.jsxs)("div", {
       className: "text-xs text-muted-foreground p-2 border border-border rounded flex items-center justify-between",
@@ -80909,7 +81072,7 @@ ${c}
     });
   }
   const AddDataframeChart = (e) => {
-    let r = (0, import_compiler_runtime$65.c)(10), { chartCode: c } = e, d = useAtomValue(autoInstantiateAtom), f = useLastFocusedCellId(), { createNewCell: _ } = useCellActions(), v;
+    let r = (0, import_compiler_runtime$64.c)(10), { chartCode: c } = e, d = useAtomValue(autoInstantiateAtom), f = useLastFocusedCellId(), { createNewCell: _ } = useCellActions(), v;
     r[0] !== d || r[1] !== _ || r[2] !== f ? (v = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: d,
@@ -80940,9 +81103,9 @@ ${c}
       })
     }), r[8] = S, r[9] = E), E;
   };
-  var import_compiler_runtime$64 = require_compiler_runtime();
+  var import_compiler_runtime$63 = require_compiler_runtime();
   const ColumnExplorerPanel = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(40), { previewColumn: c, fieldTypes: d, totalRows: f, totalColumns: _, tableId: v } = e, [y, S] = (0, import_react.useState)(""), { locale: w } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), E, O, M, I, z, G, q, IY, LY, RY;
+    let r = (0, import_compiler_runtime$63.c)(40), { previewColumn: c, fieldTypes: d, totalRows: f, totalColumns: _, tableId: v } = e, [y, S] = (0, import_react.useState)(""), { locale: w } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), E, O, M, I, z, G, q, IY, LY, RY;
     if (r[0] !== d || r[1] !== w || r[2] !== c || r[3] !== y || r[4] !== v || r[5] !== _ || r[6] !== f) {
       let e2 = d == null ? void 0 : d.filter(_temp$20), zY2 = e2 == null ? void 0 : e2.filter((e3) => {
         let [r2] = e3;
@@ -81005,7 +81168,7 @@ ${c}
     }), r[36] = BY, r[37] = LY, r[38] = RY, r[39] = VY) : VY = r[39], VY;
   };
   var ColumnItem = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(28), { columnName: c, dataType: d, externalType: f, previewColumn: _ } = e, [v, y] = (0, import_react.useState)(false), S = v ? "font-semibold" : "", w;
+    let r = (0, import_compiler_runtime$63.c)(28), { columnName: c, dataType: d, externalType: f, previewColumn: _ } = e, [v, y] = (0, import_react.useState)(false), S = v ? "font-semibold" : "", w;
     r[0] !== c || r[1] !== S ? (w = (0, import_jsx_runtime.jsx)("span", {
       className: S,
       children: c
@@ -81070,7 +81233,7 @@ ${c}
       ]
     }), r[25] = q, r[26] = IY, r[27] = LY) : LY = r[27], LY;
   }, ColumnPreview = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(26), { previewColumn: c, columnName: d, dataType: f } = e, { theme: _ } = useTheme(), { locale: v } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), y;
+    let r = (0, import_compiler_runtime$63.c)(26), { previewColumn: c, columnName: d, dataType: f } = e, { theme: _ } = useTheme(), { locale: v } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), y;
     r[0] !== d || r[1] !== c ? (y = async () => await c({
       column: d
     }), r[0] = d, r[1] = c, r[2] = y) : y = r[2];
@@ -81136,9 +81299,9 @@ ${c}
   const contextAwarePanelOwner = atom(null), contextAwarePanelType = atom(null), contextAwarePanelOpen = atom(false);
   atom(false);
   const isCellAwareAtom = atom(false);
-  var import_compiler_runtime$63 = require_compiler_runtime();
+  var import_compiler_runtime$62 = require_compiler_runtime();
   function usePanelOwnership(e, r) {
-    let c = (0, import_compiler_runtime$63.c)(12), d = useAtomValue(isCellAwareAtom), { focusCell: f } = useCellFocusActions(), _ = useLastFocusedCellId(), [v, y] = useAtom(contextAwarePanelType), [S, w] = useAtom(contextAwarePanelOwner), [E, O] = useAtom(contextAwarePanelOpen), M = getPanelId(e, r);
+    let c = (0, import_compiler_runtime$62.c)(12), d = useAtomValue(isCellAwareAtom), { focusCell: f } = useCellFocusActions(), _ = useLastFocusedCellId(), [v, y] = useAtom(contextAwarePanelType), [S, w] = useAtom(contextAwarePanelOwner), [E, O] = useAtom(contextAwarePanelOpen), M = getPanelId(e, r);
     !r && d && (Logger.error("CellId is not found, defaulting to fixed mode"), d = false);
     let I = (e2) => S === M && E && e2 === v, z = _ === r, G = S && isPanelOwner(S, r);
     d && z && S !== M && !G && w(M);
@@ -81160,7 +81323,7 @@ ${c}
   function isPanelOwner(e, r) {
     return r ? e.startsWith(r) : false;
   }
-  var import_compiler_runtime$62 = require_compiler_runtime();
+  var import_compiler_runtime$61 = require_compiler_runtime();
   const RowViewerPanel = ({ rowIdx: e, setRowIdx: r, totalRows: c, fieldTypes: d, getRow: f, isSelectable: _, isRowSelected: v, handleRowSelectionChange: y }) => {
     let [S, w] = (0, import_react.useState)(""), E = (0, import_react.useRef)(null), O = (0, import_react.useRef)(null), { locale: M } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), I = c === TOO_MANY_ROWS, { data: z, error: G } = useAsyncData(async () => (await f(e)).rows, [
       f,
@@ -81385,7 +81548,7 @@ ${c}
     return _ = _.toLowerCase(), d.includes(f) || _.includes(f);
   }
   var SimpleBanner = (e) => {
-    let r = (0, import_compiler_runtime$62.c)(8), { kind: c, Icon: d, message: f } = e, _;
+    let r = (0, import_compiler_runtime$61.c)(8), { kind: c, Icon: d, message: f } = e, _;
     r[0] === d ? _ = r[1] : (_ = (0, import_jsx_runtime.jsx)(d, {
       className: "w-5 h-5"
     }), r[0] = d, r[1] = _);
@@ -82621,7 +82784,7 @@ ${c}
       defaultProp: d ?? false,
       caller: NAME
     });
-    return (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+    return (0, import_jsx_runtime.jsx)(Primitive.button, {
       type: "button",
       "aria-pressed": v,
       "data-state": v ? "on" : "off",
@@ -82634,7 +82797,7 @@ ${c}
     });
   });
   Toggle$1.displayName = NAME;
-  var Root$1 = Toggle$1, import_compiler_runtime$61 = require_compiler_runtime(), toggleVariants = cva(cn("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"), {
+  var Root = Toggle$1, import_compiler_runtime$60 = require_compiler_runtime(), toggleVariants = cva(cn("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"), {
     variants: {
       variant: {
         default: "bg-transparent",
@@ -82652,7 +82815,7 @@ ${c}
       size: "default"
     }
   }), Toggle = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$61.c)(13), d, f, _, v;
+    let c = (0, import_compiler_runtime$60.c)(13), d, f, _, v;
     c[0] === e ? (d = c[1], f = c[2], _ = c[3], v = c[4]) : ({ className: d, variant: v, size: _, ...f } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _, c[4] = v);
     let y;
     c[5] !== d || c[6] !== _ || c[7] !== v ? (y = cn(toggleVariants({
@@ -82661,16 +82824,16 @@ ${c}
       className: d
     })), c[5] = d, c[6] = _, c[7] = v, c[8] = y) : y = c[8];
     let S;
-    return c[9] !== f || c[10] !== r || c[11] !== y ? (S = (0, import_jsx_runtime.jsx)(Root$1, {
+    return c[9] !== f || c[10] !== r || c[11] !== y ? (S = (0, import_jsx_runtime.jsx)(Root, {
       ref: r,
       className: y,
       ...f
     }), c[9] = f, c[10] = r, c[11] = y, c[12] = S) : S = c[12], S;
   });
-  Toggle.displayName = Root$1.displayName;
-  var import_compiler_runtime$60 = require_compiler_runtime();
+  Toggle.displayName = Root.displayName;
+  var import_compiler_runtime$59 = require_compiler_runtime();
   const ContextAwarePanelItem = (e) => {
-    let r = (0, import_compiler_runtime$60.c)(2), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$59.c)(2), { children: c } = e, d;
     return r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)(ErrorBoundary, {
       children: (0, import_jsx_runtime.jsx)(Fill, {
         name: SlotNames.CONTEXT_AWARE_PANEL,
@@ -82678,9 +82841,9 @@ ${c}
       })
     }), r[0] = c, r[1] = d), d;
   };
-  var import_compiler_runtime$59 = require_compiler_runtime();
+  var import_compiler_runtime$58 = require_compiler_runtime();
   function useEffectSkipFirstRender(e, r) {
-    let c = (0, import_compiler_runtime$59.c)(2), d = (0, import_react.useRef)(false), f;
+    let c = (0, import_compiler_runtime$58.c)(2), d = (0, import_react.useRef)(false), f;
     c[0] === e ? f = c[1] : (f = () => {
       if (!d.current) {
         d.current = true;
@@ -83065,7 +83228,7 @@ ${c}
   ]), TransformationsSchema = object$1({
     transforms: array$2(TransformTypeSchema)
   });
-  var import_compiler_runtime$58 = require_compiler_runtime(), maybeNumber = union([
+  var import_compiler_runtime$57 = require_compiler_runtime(), maybeNumber = union([
     number$2(),
     nan(),
     string$2()
@@ -83248,7 +83411,7 @@ ${c}
     })
   }));
   var LazyDataTableComponent = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(1), { isLazy: c, children: d, preload: f } = e, [_, v] = (0, import_react.useState)(c && !f);
+    let r = (0, import_compiler_runtime$57.c)(1), { isLazy: c, children: d, preload: f } = e, [_, v] = (0, import_react.useState)(c && !f);
     if (_) {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("div", {
@@ -83269,7 +83432,7 @@ ${c}
     return d;
   };
   const LoadingDataTableComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$58.c)(101), c;
+    let r = (0, import_compiler_runtime$57.c)(101), c;
     r[0] === e.host ? c = r[1] : (c = findCellId(e.host), r[0] = e.host, r[1] = c);
     let d = c, f = e.search, _ = e.setValue, v;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = [], r[2] = v) : v = r[2];
@@ -83617,7 +83780,7 @@ ${c}
     });
   };
   const TableProviders = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(2), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$57.c)(2), { children: c } = e, d;
     return r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)(ErrorBoundary, {
       children: (0, import_jsx_runtime.jsx)(Provider, {
         store,
@@ -83657,8 +83820,8 @@ ${c}
       pageIndex: 0
     };
   }
-  var import_compiler_runtime$57 = require_compiler_runtime(), Popover = (e) => {
-    let r = (0, import_compiler_runtime$57.c)(10), c, d, f;
+  var import_compiler_runtime$56 = require_compiler_runtime(), Popover = (e) => {
+    let r = (0, import_compiler_runtime$56.c)(10), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, offset: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let _ = f === void 0 ? 4 : f, v;
     r[4] === c ? v = r[5] : (v = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$18), r[4] = c, r[5] = v);
@@ -83672,8 +83835,8 @@ ${c}
   function _temp$18(e) {
     return cn("z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden", "data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95", "data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95", "data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2", e);
   }
-  var import_compiler_runtime$56 = require_compiler_runtime(), CalendarHeading = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(11), { direction: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
+  var import_compiler_runtime$55 = require_compiler_runtime(), CalendarHeading = (e) => {
+    let r = (0, import_compiler_runtime$55.c)(11), { direction: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = cn(buttonVariants({
       variant: "outline"
     }), "size-7 bg-transparent p-0 opacity-50", "data-hovered:opacity-100"), r[0] = d) : d = r[0];
@@ -83720,7 +83883,7 @@ ${c}
       ]
     }), r[7] = e, r[8] = f, r[9] = y, r[10] = S) : S = r[10], S;
   }, CalendarGrid = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(8), c, d;
+    let r = (0, import_compiler_runtime$55.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn(" border-separate border-spacing-x-0 border-spacing-y-1 ", c), r[3] = c, r[4] = f);
@@ -83730,14 +83893,14 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = _) : _ = r[7], _;
   }, CalendarGridHeader = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(4), c;
+    let r = (0, import_compiler_runtime$55.c)(4), c;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let d;
     return r[2] === c ? d = r[3] : (d = (0, import_jsx_runtime.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, {
       ...c
     }), r[2] = c, r[3] = d), d;
   }, CalendarHeaderCell = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(8), c, d;
+    let r = (0, import_compiler_runtime$55.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground", c), r[3] = c, r[4] = f);
@@ -83747,7 +83910,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = _) : _ = r[7], _;
   }, CalendarGridBody = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(8), c, d;
+    let r = (0, import_compiler_runtime$55.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("[&>tr>td]:p-0", c), r[3] = c, r[4] = f);
@@ -83757,7 +83920,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = _) : _ = r[7], _;
   }, CalendarCell = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(11), c, d;
+    let r = (0, import_compiler_runtime$55.c)(11), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f = !!import_react.use($dfd62f934fc76fed$export$5e0fc348c00f87a0), _;
     r[3] === f ? _ = r[4] : (_ = (e2, r2) => cn(buttonVariants({
@@ -83771,7 +83934,7 @@ ${c}
       ...d
     }), r[8] = d, r[9] = v, r[10] = y) : y = r[10], y;
   }, Calendar$1 = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(14), c, d, f;
+    let r = (0, import_compiler_runtime$55.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ errorMessage: d, className: c, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let _;
     r[4] === c ? _ = r[5] : (_ = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$17), r[4] = c, r[5] = _);
@@ -83805,7 +83968,7 @@ ${c}
       ]
     }), r[10] = f, r[11] = _, r[12] = S, r[13] = w) : w = r[13], w;
   }, RangeCalendar = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(14), c, d, f;
+    let r = (0, import_compiler_runtime$55.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ errorMessage: d, className: c, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let _;
     r[4] === c ? _ = r[5] : (_ = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp4$6), r[4] = c, r[5] = _);
@@ -83865,12 +84028,12 @@ ${c}
       date: e
     });
   }
-  var import_compiler_runtime$55 = require_compiler_runtime(), labelVariants = cva([
+  var import_compiler_runtime$54 = require_compiler_runtime(), labelVariants = cva([
     "text-sm font-medium leading-none",
     "data-disabled:cursor-not-allowed data-disabled:opacity-70",
     "group-data-invalid:text-destructive"
   ]), Label$1 = (e) => {
-    let r = (0, import_compiler_runtime$55.c)(8), c, d;
+    let r = (0, import_compiler_runtime$54.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn(labelVariants(), c), r[3] = c, r[4] = f);
@@ -83880,7 +84043,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = _) : _ = r[7], _;
   }, FieldError = (e) => {
-    let r = (0, import_compiler_runtime$55.c)(8), c, d;
+    let r = (0, import_compiler_runtime$54.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("text-sm font-medium text-destructive", c), r[3] = c, r[4] = f);
@@ -83905,7 +84068,7 @@ ${c}
       variant: "default"
     }
   }), FieldGroup = (e) => {
-    let r = (0, import_compiler_runtime$55.c)(12), c, d, f;
+    let r = (0, import_compiler_runtime$54.c)(12), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, variant: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let _;
     r[4] === f ? _ = r[5] : (_ = (e2) => cn(fieldGroupVariants({
@@ -83918,8 +84081,8 @@ ${c}
       className: v,
       ...d
     }), r[9] = d, r[10] = v, r[11] = y) : y = r[11], y;
-  }, import_compiler_runtime$54 = require_compiler_runtime(), DateSegment = (e) => {
-    let r = (0, import_compiler_runtime$54.c)(8), c, d;
+  }, import_compiler_runtime$53 = require_compiler_runtime(), DateSegment = (e) => {
+    let r = (0, import_compiler_runtime$53.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$16), r[3] = c, r[4] = f);
@@ -83929,7 +84092,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = _) : _ = r[7], _;
   }, DateInput = (e) => {
-    let r = (0, import_compiler_runtime$54.c)(12), c, d, f;
+    let r = (0, import_compiler_runtime$53.c)(12), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, variant: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let _;
     r[4] === f ? _ = r[5] : (_ = (e2) => cn(fieldGroupVariants({
@@ -83952,8 +84115,8 @@ ${c}
       segment: e
     });
   }
-  var import_compiler_runtime$53 = require_compiler_runtime(), DatePickerContent = (e) => {
-    let r = (0, import_compiler_runtime$53.c)(14), c, d, f;
+  var import_compiler_runtime$52 = require_compiler_runtime(), DatePickerContent = (e) => {
+    let r = (0, import_compiler_runtime$52.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, popoverClassName: d, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let _;
     r[4] === d ? _ = r[5] : (_ = $64fa3d84918910a7$export$c245e6201fed2f75(d, _temp$15), r[4] = d, r[5] = _);
@@ -83970,7 +84133,7 @@ ${c}
       children: y
     }), r[11] = _, r[12] = y, r[13] = S) : S = r[13], S;
   }, DatePicker = (e) => {
-    let r = (0, import_compiler_runtime$53.c)(26), c, d, f, _, v;
+    let r = (0, import_compiler_runtime$52.c)(26), c, d, f, _, v;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], _ = r[4], v = r[5]) : ({ label: _, description: d, errorMessage: f, className: c, ...v } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = _, r[5] = v);
     let [y, S] = (0, import_react.useState)(false), w;
     r[6] === c ? w = r[7] : (w = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp2$12), r[6] = c, r[7] = w);
@@ -84052,7 +84215,7 @@ ${c}
       ]
     }), r[19] = y, r[20] = v, r[21] = w, r[22] = O, r[23] = z, r[24] = G, r[25] = LY) : LY = r[25], LY;
   }, DateRangePicker = (e) => {
-    let r = (0, import_compiler_runtime$53.c)(28), c, d, f, _, v;
+    let r = (0, import_compiler_runtime$52.c)(28), c, d, f, _, v;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], _ = r[4], v = r[5]) : ({ label: _, description: d, errorMessage: f, className: c, ...v } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = _, r[5] = v);
     let [y, S] = (0, import_react.useState)(false), w;
     r[6] === c ? w = r[7] : (w = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp5$3), r[6] = c, r[7] = w);
@@ -84172,7 +84335,7 @@ ${c}
       date: e
     });
   }
-  var import_compiler_runtime$52 = require_compiler_runtime(), DatePickerPlugin = class {
+  var import_compiler_runtime$51 = require_compiler_runtime(), DatePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-date");
       __publicField(this, "validator", object$1({
@@ -84194,7 +84357,7 @@ ${c}
       });
     }
   }, DatePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$52.c)(19), c;
+    let r = (0, import_compiler_runtime$51.c)(19), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let c2 = r2.toString();
@@ -84222,7 +84385,7 @@ ${c}
       fullWidth: _,
       children: E
     }), r[15] = e.fullWidth, r[16] = e.label, r[17] = E, r[18] = O) : O = r[18], O;
-  }, import_compiler_runtime$51 = require_compiler_runtime(), DateRangePickerPlugin = class {
+  }, import_compiler_runtime$50 = require_compiler_runtime(), DateRangePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-date-range");
       __publicField(this, "validator", object$1({
@@ -84246,7 +84409,7 @@ ${c}
       });
     }
   }, DateRangePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$51.c)(24), c;
+    let r = (0, import_compiler_runtime$50.c)(24), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let { start: c2, end: d2 } = r2, f2 = [
@@ -84284,7 +84447,7 @@ ${c}
       fullWidth: _,
       children: M
     }), r[20] = e.fullWidth, r[21] = e.label, r[22] = M, r[23] = I) : I = r[23], I;
-  }, import_compiler_runtime$50 = require_compiler_runtime(), DateTimePickerPlugin = class {
+  }, import_compiler_runtime$49 = require_compiler_runtime(), DateTimePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-datetime");
       __publicField(this, "validator", object$1({
@@ -84310,7 +84473,7 @@ ${c}
       });
     }
   }, DateTimePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$50.c)(20), c;
+    let r = (0, import_compiler_runtime$49.c)(20), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let c2 = r2.toString();
@@ -84338,7 +84501,7 @@ ${c}
       fullWidth: y,
       children: M
     }), r[16] = e.fullWidth, r[17] = e.label, r[18] = M, r[19] = I) : I = r[19], I;
-  }, import_compiler_runtime$49 = require_compiler_runtime(), DictPlugin = class {
+  }, import_compiler_runtime$48 = require_compiler_runtime(), DictPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-dict");
       __publicField(this, "validator", object$1({
@@ -84355,7 +84518,7 @@ ${c}
       });
     }
   }, Dict = (e) => {
-    let r = (0, import_compiler_runtime$49.c)(4), { elementIds: c, setValue: d, children: f } = e, _, v;
+    let r = (0, import_compiler_runtime$48.c)(4), { elementIds: c, setValue: d, children: f } = e, _, v;
     return r[0] !== c || r[1] !== d ? (_ = () => {
       let e2 = (e3) => {
         let r2 = e3.detail.element;
@@ -84377,9 +84540,9 @@ ${c}
       c,
       d
     ], r[0] = c, r[1] = d, r[2] = _, r[3] = v) : (_ = r[2], v = r[3]), (0, import_react.useEffect)(_, v), f;
-  }, import_compiler_runtime$48 = require_compiler_runtime(), NONE_KEY = "__none__";
+  }, import_compiler_runtime$47 = require_compiler_runtime(), NONE_KEY = "__none__";
   const SearchableSelect = (e) => {
-    let r = (0, import_compiler_runtime$48.c)(25), { options: c, value: d, setValue: f, label: _, allowSelectNone: v, fullWidth: y } = e, S = (0, import_react.useId)(), [w, E] = (0, import_react.useState)(""), O;
+    let r = (0, import_compiler_runtime$47.c)(25), { options: c, value: d, setValue: f, label: _, allowSelectNone: v, fullWidth: y } = e, S = (0, import_react.useId)(), [w, E] = (0, import_react.useState)(""), O;
     bb0: {
       if (!w) {
         O = c;
@@ -84464,7 +84627,7 @@ ${c}
   function _temp2$11(e) {
     return e === NONE_KEY ? "--" : e;
   }
-  var import_compiler_runtime$47 = require_compiler_runtime(), DropdownPlugin = class {
+  var import_compiler_runtime$46 = require_compiler_runtime(), DropdownPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-dropdown");
       __publicField(this, "validator", object$1({
@@ -84494,7 +84657,7 @@ ${c}
       });
     }
   }, EMPTY_VALUE = "--", Dropdown = (e) => {
-    let r = (0, import_compiler_runtime$47.c)(24), { label: c, options: d, value: f, setValue: _, allowSelectNone: v, fullWidth: y } = e, S = (0, import_react.useId)(), w = v ? EMPTY_VALUE : d[0], E = f.length === 0 ? w : f[0], O;
+    let r = (0, import_compiler_runtime$46.c)(24), { label: c, options: d, value: f, setValue: _, allowSelectNone: v, fullWidth: y } = e, S = (0, import_react.useId)(), w = v ? EMPTY_VALUE : d[0], E = f.length === 0 ? w : f[0], O;
     r[0] === _ ? O = r[1] : (O = (e2) => {
       let r2 = e2.target.value;
       _(r2 === EMPTY_VALUE ? [] : [
@@ -84539,7 +84702,7 @@ ${c}
       fullWidth: y,
       children: G
     }), r[19] = y, r[20] = S, r[21] = c, r[22] = G, r[23] = q) : q = r[23], q;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-BW-EEUju.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-CukLYFVV.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object$1({
     label: string$2().nullish(),
     data: string$2()
@@ -84553,14 +84716,14 @@ ${c}
     values: [],
     too_many_values: false
   }));
-  var RADIO_NAME = "Radio", [createRadioContext, createRadioScope] = createContextScope$1(RADIO_NAME), [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME), Radio$1 = import_react.forwardRef((e, r) => {
+  var RADIO_NAME = "Radio", [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME), [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME), Radio$1 = import_react.forwardRef((e, r) => {
     let { __scopeRadio: c, name: d, checked: f = false, required: _, disabled: v, value: y = "on", onCheck: S, form: w, ...E } = e, [O, M] = import_react.useState(null), I = useComposedRefs(r, (e2) => M(e2)), z = import_react.useRef(false), G = O ? w || !!O.closest("form") : true;
     return (0, import_jsx_runtime.jsxs)(RadioProvider, {
       scope: c,
       checked: f,
       disabled: v,
       children: [
-        (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+        (0, import_jsx_runtime.jsx)(Primitive.button, {
           type: "button",
           role: "radio",
           "aria-checked": f,
@@ -84591,11 +84754,11 @@ ${c}
     });
   });
   Radio$1.displayName = RADIO_NAME;
-  var INDICATOR_NAME$1 = "RadioIndicator", RadioIndicator = import_react.forwardRef((e, r) => {
-    let { __scopeRadio: c, forceMount: d, ...f } = e, _ = useRadioContext(INDICATOR_NAME$1, c);
+  var INDICATOR_NAME = "RadioIndicator", RadioIndicator = import_react.forwardRef((e, r) => {
+    let { __scopeRadio: c, forceMount: d, ...f } = e, _ = useRadioContext(INDICATOR_NAME, c);
     return (0, import_jsx_runtime.jsx)(Presence, {
       present: d || _.checked,
-      children: (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+      children: (0, import_jsx_runtime.jsx)(Primitive.span, {
         "data-state": getState(_.checked),
         "data-disabled": _.disabled ? "" : void 0,
         ...f,
@@ -84603,7 +84766,7 @@ ${c}
       })
     });
   });
-  RadioIndicator.displayName = INDICATOR_NAME$1;
+  RadioIndicator.displayName = INDICATOR_NAME;
   var BUBBLE_INPUT_NAME = "RadioBubbleInput", RadioBubbleInput = import_react.forwardRef(({ __scopeRadio: e, control: r, checked: c, bubbles: d = true, ...f }, _) => {
     let v = import_react.useRef(null), y = useComposedRefs(v, _), S = usePrevious$1(c), w = useSize(r);
     return import_react.useEffect(() => {
@@ -84620,7 +84783,7 @@ ${c}
       S,
       c,
       d
-    ]), (0, import_jsx_runtime.jsx)(Primitive$1.input, {
+    ]), (0, import_jsx_runtime.jsx)(Primitive.input, {
       type: "radio",
       "aria-hidden": true,
       defaultChecked: c,
@@ -84646,7 +84809,7 @@ ${c}
     "ArrowDown",
     "ArrowLeft",
     "ArrowRight"
-  ], RADIO_GROUP_NAME = "RadioGroup", [createRadioGroupContext, createRadioGroupScope] = createContextScope$1(RADIO_GROUP_NAME, [
+  ], RADIO_GROUP_NAME = "RadioGroup", [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_GROUP_NAME, [
     createRovingFocusGroupScope,
     createRadioScope
   ]), useRovingFocusGroupScope = createRovingFocusGroupScope(), useRadioScope = createRadioScope(), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroup$1 = import_react.forwardRef((e, r) => {
@@ -84669,7 +84832,7 @@ ${c}
         orientation: S,
         dir: z,
         loop: E,
-        children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+        children: (0, import_jsx_runtime.jsx)(Primitive.div, {
           role: "radiogroup",
           "aria-required": v,
           "aria-orientation": S,
@@ -84725,8 +84888,8 @@ ${c}
     });
   });
   RadioGroupIndicator.displayName = INDICATOR_NAME2;
-  var Root2 = RadioGroup$1, Item2 = RadioGroupItem$1, Indicator$2 = RadioGroupIndicator, import_compiler_runtime$46 = require_compiler_runtime(), RadioGroup = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$46.c)(9), d, f;
+  var Root2 = RadioGroup$1, Item2 = RadioGroupItem$1, Indicator$1 = RadioGroupIndicator, import_compiler_runtime$45 = require_compiler_runtime(), RadioGroup = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$45.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let _;
     c[3] === d ? _ = c[4] : (_ = cn("grid gap-2", d), c[3] = d, c[4] = _);
@@ -84739,7 +84902,7 @@ ${c}
   });
   RadioGroup.displayName = Root2.displayName;
   var RadioGroupItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$46.c)(10), d, f;
+    let c = (0, import_compiler_runtime$45.c)(10), d, f;
     if (c[0] !== e) {
       let { className: r2, children: _2, ...v2 } = e;
       d = r2, f = v2, c[0] = e, c[1] = d, c[2] = f;
@@ -84747,7 +84910,7 @@ ${c}
     let _;
     c[3] === d ? _ = c[4] : (_ = cn("h-[16px] w-[16px] transition-shadow data-[state=unchecked]:shadow-xs-solid rounded-full border border-input text-primary ring-offset-background focus:outline-hidden focus:shadow-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:shadow-none", d), c[3] = d, c[4] = _);
     let v;
-    c[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (0, import_jsx_runtime.jsx)(Indicator$2, {
+    c[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (0, import_jsx_runtime.jsx)(Indicator$1, {
       className: "flex items-center justify-center",
       children: (0, import_jsx_runtime.jsx)(Circle, {
         className: "h-[10px] w-[10px] fill-primary text-current"
@@ -84810,9 +84973,9 @@ ${c}
   function doesArrayRequireMinLength(e) {
     return !e.safeParse([]).success;
   }
-  var import_compiler_runtime$45 = require_compiler_runtime(), DELIMINATOR = "\n";
+  var import_compiler_runtime$44 = require_compiler_runtime(), DELIMINATOR = "\n";
   const SwitchableMultiSelect = (e) => {
-    let r = (0, import_compiler_runtime$45.c)(24), { value: c, options: d, onChange: f, className: _, placeholder: v, textAreaClassName: y, comboBoxClassName: S } = e, [w, E] = (0, import_react.useState)(false), O;
+    let r = (0, import_compiler_runtime$44.c)(24), { value: c, options: d, onChange: f, className: _, placeholder: v, textAreaClassName: y, comboBoxClassName: S } = e, [w, E] = (0, import_react.useState)(false), O;
     r[0] === c ? O = r[1] : (O = ensureStringArray(c), r[0] = c, r[1] = O);
     let M = O, I;
     r[2] !== S || r[3] !== f || r[4] !== d || r[5] !== v || r[6] !== w || r[7] !== y || r[8] !== M ? (I = () => w ? (0, import_jsx_runtime.jsx)(TextAreaMultiSelect, {
@@ -84861,7 +85024,7 @@ ${c}
       ]
     }), r[20] = G, r[21] = q, r[22] = zY, r[23] = BY) : BY = r[23], BY;
   }, TextAreaMultiSelect = (e) => {
-    let r = (0, import_compiler_runtime$45.c)(11), { className: c, value: d, onChange: f, placeholder: _ } = e, v, y;
+    let r = (0, import_compiler_runtime$44.c)(11), { className: c, value: d, onChange: f, placeholder: _ } = e, v, y;
     if (r[0] !== d) {
       let e2 = ensureStringArray(d);
       v = Textarea, y = e2.join(DELIMINATOR), r[0] = d, r[1] = v, r[2] = y;
@@ -84897,9 +85060,9 @@ ${c}
       children: e
     }, e);
   }
-  var import_compiler_runtime$44 = require_compiler_runtime();
+  var import_compiler_runtime$43 = require_compiler_runtime();
   const ZodForm = (e) => {
-    let r = (0, import_compiler_runtime$44.c)(11), { schema: c, form: d, path: f, renderers: _, children: v } = e, y = f === void 0 ? "" : f, S;
+    let r = (0, import_compiler_runtime$43.c)(11), { schema: c, form: d, path: f, renderers: _, children: v } = e, y = f === void 0 ? "" : f, S;
     r[0] === _ ? S = r[1] : (S = _ === void 0 ? [] : _, r[0] = _, r[1] = S);
     let w = S, E;
     r[2] !== d || r[3] !== y || r[4] !== w || r[5] !== c ? (E = renderZodSchema(c, d, y, w), r[2] = d, r[3] = y, r[4] = w, r[5] = c, r[6] = E) : E = r[6];
@@ -85186,7 +85349,7 @@ ${c}
     });
   }
   var FormArray = (e) => {
-    let r = (0, import_compiler_runtime$44.c)(39), { schema: c, form: d, path: f, minLength: _, renderers: v } = e, y;
+    let r = (0, import_compiler_runtime$43.c)(39), { schema: c, form: d, path: f, minLength: _, renderers: v } = e, y;
     r[0] === c.description ? y = r[1] : (y = FieldOptions.parse(c.description || ""), r[0] = c.description, r[1] = y);
     let { label: S, description: w } = y, E = d.control, O;
     r[2] !== E || r[3] !== f ? (O = {
@@ -85263,7 +85426,7 @@ ${c}
       ]
     }), r[33] = IY, r[34] = LY, r[35] = RY, r[36] = zY, r[37] = HY, r[38] = UY) : UY = r[38], UY;
   }, StringFormField = (e) => {
-    let r = (0, import_compiler_runtime$44.c)(21), { schema: c, form: d, path: f } = e, _;
+    let r = (0, import_compiler_runtime$43.c)(21), { schema: c, form: d, path: f } = e, _;
     r[0] === c.description ? _ = r[1] : (_ = FieldOptions.parse(c.description), r[0] = c.description, r[1] = _);
     let { label: v, description: y, placeholder: S, disabled: w, inputType: E } = _;
     if (E === "textarea") {
@@ -85332,7 +85495,7 @@ ${c}
       render: O
     }), r[17] = d.control, r[18] = f, r[19] = O, r[20] = M) : M = r[20], M;
   }, MultiStringFormField = (e) => {
-    let r = (0, import_compiler_runtime$44.c)(10), { schema: c, form: d, path: f } = e, _;
+    let r = (0, import_compiler_runtime$43.c)(10), { schema: c, form: d, path: f } = e, _;
     r[0] === c.description ? _ = r[1] : (_ = FieldOptions.parse(c.description), r[0] = c.description, r[1] = _);
     let { label: v, description: y, placeholder: S } = _, w;
     r[2] !== y || r[3] !== v || r[4] !== S ? (w = (e2) => {
@@ -85362,7 +85525,7 @@ ${c}
       render: w
     }), r[6] = d.control, r[7] = f, r[8] = w, r[9] = E) : E = r[9], E;
   }, SelectFormField = (e) => {
-    let r = (0, import_compiler_runtime$44.c)(22), { schema: c, form: d, path: f, options: _, textTransform: v } = e, y;
+    let r = (0, import_compiler_runtime$43.c)(22), { schema: c, form: d, path: f, options: _, textTransform: v } = e, y;
     r[0] === c.description ? y = r[1] : (y = FieldOptions.parse(c.description), r[0] = c.description, r[1] = y);
     let { label: S, description: w, disabled: E, special: O } = y;
     if (O === "radio_group") {
@@ -85464,7 +85627,7 @@ ${c}
       render: M
     }), r[17] = E, r[18] = d.control, r[19] = f, r[20] = M, r[21] = I) : I = r[21], I;
   }, MultiSelectFormField = (e) => {
-    let r = (0, import_compiler_runtime$44.c)(15), { schema: c, form: d, path: f, options: _, itemLabel: v, showSwitchable: y } = e, S;
+    let r = (0, import_compiler_runtime$43.c)(15), { schema: c, form: d, path: f, options: _, itemLabel: v, showSwitchable: y } = e, S;
     r[0] === c.description ? S = r[1] : (S = FieldOptions.parse(c.description), r[0] = c.description, r[1] = S);
     let { label: w, description: E, placeholder: O } = S, M;
     r[2] !== v || r[3] !== O ? (M = O ?? (v ? `Select ${v == null ? void 0 : v.toLowerCase()}` : void 0), r[2] = v, r[3] = O, r[4] = M) : M = r[4];
@@ -85524,9 +85687,9 @@ ${c}
       children: e
     }, e);
   }
-  var import_compiler_runtime$43 = require_compiler_runtime();
+  var import_compiler_runtime$42 = require_compiler_runtime();
   const DataTypeIcon = (e) => {
-    let r = (0, import_compiler_runtime$43.c)(4), { type: c } = e, d;
+    let r = (0, import_compiler_runtime$42.c)(4), { type: c } = e, d;
     r[0] === c ? d = r[1] : (d = () => c.startsWith("int") || c.startsWith("float") || c.startsWith("uint") || c.startsWith("number") || c.startsWith("complex") ? (0, import_jsx_runtime.jsx)(Binary, {
       size: 14
     }) : c.startsWith("object") || c.startsWith("string") ? (0, import_jsx_runtime.jsx)(CaseSensitive, {
@@ -85544,7 +85707,7 @@ ${c}
       children: f()
     }), r[2] = f, r[3] = _), _;
   };
-  var import_compiler_runtime$42 = require_compiler_runtime();
+  var import_compiler_runtime$41 = require_compiler_runtime();
   const columnIdRenderer = () => ({
     isMatch: (e) => {
       let { special: r } = FieldOptions.parse(e.description || "");
@@ -85646,7 +85809,7 @@ ${c}
     }
   });
   var MultiColumnFormField = (e) => {
-    let r = (0, import_compiler_runtime$42.c)(11), { schema: c, form: d, path: f, itemLabel: _ } = e, v = import_react.use(ColumnInfoContext), y;
+    let r = (0, import_compiler_runtime$41.c)(11), { schema: c, form: d, path: f, itemLabel: _ } = e, v = import_react.use(ColumnInfoContext), y;
     r[0] === c.description ? y = r[1] : (y = FieldOptions.parse(c.description), r[0] = c.description, r[1] = y);
     let { description: S } = y, w = _ ? `Select ${_.toLowerCase()}` : void 0, E;
     r[2] !== v || r[3] !== S || r[4] !== _ || r[5] !== w ? (E = (e2) => {
@@ -85811,7 +85974,7 @@ ${c}
     }
   });
   var StyledFormMessage = (e) => {
-    let r = (0, import_compiler_runtime$42.c)(4), { className: c } = e, d;
+    let r = (0, import_compiler_runtime$41.c)(4), { className: c } = e, d;
     r[0] === c ? d = r[1] : (d = cn("text-destructive text-xs w-[16px]", c), r[0] = c, r[1] = d);
     let f;
     return r[2] === d ? f = r[3] : (f = (0, import_jsx_runtime.jsx)(FormMessageTooltip, {
@@ -85834,7 +85997,7 @@ ${c}
   });
   var ColumnFilterForm = (e) => {
     var _a2;
-    let r = (0, import_compiler_runtime$42.c)(25), { path: c, form: d, schema: f } = e, _;
+    let r = (0, import_compiler_runtime$41.c)(25), { path: c, form: d, schema: f } = e, _;
     r[0] === f.description ? _ = r[1] : (_ = FieldOptions.parse(f.description), r[0] = f.description, r[1] = _);
     let { description: v } = _, y = import_react.use(ColumnInfoContext), S = (_a2 = Objects.entries(f.shape).find(_temp2$8)) == null ? void 0 : _a2[1], w;
     r[2] === c ? w = r[3] : (w = {
@@ -85989,7 +86152,7 @@ ${c}
     for (let [e2, [r2]] of d) f.set(e2, r2);
     return f;
   }
-  var import_compiler_runtime$41 = require_compiler_runtime();
+  var import_compiler_runtime$40 = require_compiler_runtime();
   const TransformPanel = ({ initialValue: e, columns: r, onChange: c, onInvalidChange: d, getColumnValues: f, columnTypesPerStep: _, lazy: v, ref: y }) => {
     var _a2;
     let S = useForm({
@@ -86152,7 +86315,7 @@ ${c}
       })
     });
   }, Sidebar = (e) => {
-    let r = (0, import_compiler_runtime$41.c)(17), { items: c, selected: d, onAdd: f, onSelect: _, onDelete: v } = e, y;
+    let r = (0, import_compiler_runtime$40.c)(17), { items: c, selected: d, onAdd: f, onSelect: _, onDelete: v } = e, y;
     if (r[0] !== c || r[1] !== v || r[2] !== _ || r[3] !== d) {
       let e2;
       r[5] !== v || r[6] !== _ || r[7] !== d ? (e2 = (e3, r2) => (0, import_jsx_runtime.jsxs)("div", {
@@ -86212,7 +86375,7 @@ ${c}
     }), r[14] = S, r[15] = E, r[16] = O) : O = r[16], O;
   };
   var AddTransformDropdown = (e) => {
-    let r = (0, import_compiler_runtime$41.c)(12), { onAdd: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$40.c)(12), { onAdd: c, children: d } = e, f;
     r[0] === d ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
       asChild: true,
       children: d
@@ -86286,7 +86449,7 @@ ${c}
   function _temp3$5(e) {
     e.stopPropagation(), window.open("https://github.com/marimo-team/marimo/issues/new?title=New%20dataframe%20transform:&labels=enhancement&template=feature_request.yaml", "_blank");
   }
-  var import_compiler_runtime$40 = require_compiler_runtime();
+  var import_compiler_runtime$39 = require_compiler_runtime();
   const DataFramePlugin = createPlugin("marimo-dataframe").withData(object$1({
     label: string$2().nullish(),
     pageSize: number$2().default(5),
@@ -86348,7 +86511,7 @@ ${c}
     transforms: []
   };
   const DataFrameComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$40.c)(69), { columns: c, pageSize: d, showDownload: f, lazy: _, value: v, setValue: y, get_dataframe: S, get_column_values: w, search: E, download_as: O, host: M } = e, I;
+    let r = (0, import_compiler_runtime$39.c)(69), { columns: c, pageSize: d, showDownload: f, lazy: _, value: v, setValue: y, get_dataframe: S, get_column_values: w, search: E, download_as: O, host: M } = e, I;
     r[0] === S ? I = r[1] : (I = () => S({}), r[0] = S, r[1] = I);
     let z = v == null ? void 0 : v.transforms, G;
     r[2] === z ? G = r[3] : (G = [
@@ -92625,7 +92788,7 @@ ${c}
   }
   function noop$1() {
   }
-  var import_compiler_runtime$39 = require_compiler_runtime(), FileUploadPlugin = class {
+  var import_compiler_runtime$38 = require_compiler_runtime(), FileUploadPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-file");
       __publicField(this, "validator", object$1({
@@ -92690,7 +92853,7 @@ ${c}
     }), r;
   }
   const FileUpload = (e) => {
-    let r = (0, import_compiler_runtime$39.c)(78), c;
+    let r = (0, import_compiler_runtime$38.c)(78), c;
     r[0] === e.filetypes ? c = r[1] : (c = groupFileTypesByMIMEType(e.filetypes), r[0] = e.filetypes, r[1] = c);
     let d = c, { setValue: f, kind: _, multiple: v, value: y, max_size: S } = e, w;
     r[2] === f ? w = r[3] : (w = (e2) => {
@@ -92947,7 +93110,7 @@ ${c}
       children: r
     }, r);
   }
-  var import_compiler_runtime$38 = require_compiler_runtime();
+  var import_compiler_runtime$37 = require_compiler_runtime();
   const FormPlugin = createPlugin("marimo-form").withData(object$1({
     label: string$2().nullable(),
     elementId: string$2().transform((e) => e),
@@ -92972,7 +93135,7 @@ ${c}
       ...r
     })
   })), FormWrapper = (e) => {
-    let r = (0, import_compiler_runtime$38.c)(46), { children: c, currentValue: d, newValue: f, setValue: _, label: v, bordered: y, loading: S, submitButtonLabel: w, submitButtonTooltip: E, submitButtonDisabled: O, clearOnSubmit: M, showClearButton: I, clearButtonLabel: z, clearButtonTooltip: G, validate: q, shouldValidate: IY } = e, LY = (0, import_react.useRef)(null), RY = f === d, zY = RY ? "secondary" : "action", [BY, VY] = (0, import_react.useState)(null), HY;
+    let r = (0, import_compiler_runtime$37.c)(46), { children: c, currentValue: d, newValue: f, setValue: _, label: v, bordered: y, loading: S, submitButtonLabel: w, submitButtonTooltip: E, submitButtonDisabled: O, clearOnSubmit: M, showClearButton: I, clearButtonLabel: z, clearButtonTooltip: G, validate: q, shouldValidate: IY } = e, LY = (0, import_react.useRef)(null), RY = f === d, zY = RY ? "secondary" : "action", [BY, VY] = (0, import_react.useState)(null), HY;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (HY = () => {
       LY.current && clearInputs(LY.current);
     }, r[0] = HY) : HY = r[0];
@@ -93071,7 +93234,7 @@ ${c}
     }), r[43] = rX, r[44] = WY, r[45] = iX) : iX = r[45], iX;
   };
   var Form = (e) => {
-    let r = (0, import_compiler_runtime$38.c)(24), c, d, f, _, v, y;
+    let r = (0, import_compiler_runtime$37.c)(24), c, d, f, _, v, y;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], _ = r[4], v = r[5], y = r[6]) : ({ elementId: f, value: y, setValue: _, children: c, validate: v, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = _, r[5] = v, r[6] = y);
     let S;
     r[7] === f ? S = r[8] : (S = UI_ELEMENT_REGISTRY.lookupValue(f), r[7] = f, r[8] = S);
@@ -93121,9 +93284,9 @@ ${c}
       ...e.children
     ].forEach(clearInputs), isUIElement(e) && e.reset());
   }
-  var import_compiler_runtime$37 = require_compiler_runtime();
+  var import_compiler_runtime$36 = require_compiler_runtime();
   const AudioRecorder = (e) => {
-    let r = (0, import_compiler_runtime$37.c)(12), { onStart: c, onStop: d, status: f, time: _ } = e, v;
+    let r = (0, import_compiler_runtime$36.c)(12), { onStart: c, onStop: d, status: f, time: _ } = e, v;
     r[0] !== c || r[1] !== f ? (v = f === "stopped" && (0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "audio-recorder-start",
       variant: "secondary",
@@ -93175,9 +93338,9 @@ ${c}
       ]
     }), r[8] = v, r[9] = y, r[10] = S, r[11] = w) : w = r[11], w;
   };
-  var import_compiler_runtime$36 = require_compiler_runtime();
+  var import_compiler_runtime$35 = require_compiler_runtime();
   function useTimer() {
-    let e = (0, import_compiler_runtime$36.c)(14), [r, c] = (0, import_react.useState)(0), d = (0, import_react.useRef)(void 0), f;
+    let e = (0, import_compiler_runtime$35.c)(14), [r, c] = (0, import_react.useState)(0), d = (0, import_react.useRef)(void 0), f;
     e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
       minimumFractionDigits: 1,
       maximumFractionDigits: 1
@@ -93213,9 +93376,9 @@ ${c}
   function _temp$9(e) {
     return e + 0.1;
   }
-  var import_compiler_runtime$35 = require_compiler_runtime();
+  var import_compiler_runtime$34 = require_compiler_runtime();
   function useAudioRecorder(e) {
-    let r = (0, import_compiler_runtime$35.c)(18), { onDone: c, options: d } = e, [f, _] = (0, import_react.useState)("stopped"), v = (0, import_react.useRef)(void 0), [y, S] = (0, import_react.useState)(true), [w, E] = (0, import_react.useState)(), O = useTimer(), M;
+    let r = (0, import_compiler_runtime$34.c)(18), { onDone: c, options: d } = e, [f, _] = (0, import_react.useState)("stopped"), v = (0, import_react.useRef)(void 0), [y, S] = (0, import_react.useState)(true), [w, E] = (0, import_react.useState)(), O = useTimer(), M;
     r[0] !== c || r[1] !== d || r[2] !== O ? (M = () => {
       O.clear(), navigator.mediaDevices.getUserMedia({
         audio: true
@@ -93263,7 +93426,7 @@ ${c}
   function _temp$8(e) {
     return e.stop();
   }
-  var import_compiler_runtime$34 = require_compiler_runtime(), MicrophonePlugin = class {
+  var import_compiler_runtime$33 = require_compiler_runtime(), MicrophonePlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-microphone");
       __publicField(this, "validator", object$1({
@@ -93276,7 +93439,7 @@ ${c}
       });
     }
   }, Microphone = (e) => {
-    let r = (0, import_compiler_runtime$34.c)(14), { setValue: c, data: d } = e, f;
+    let r = (0, import_compiler_runtime$33.c)(14), { setValue: c, data: d } = e, f;
     r[0] === c ? f = r[1] : (f = {
       onDone: async (e2) => {
         c(await blobToString(e2, "base64"));
@@ -93304,7 +93467,7 @@ ${c}
         M
       ]
     }), r[10] = d.label, r[11] = O, r[12] = M, r[13] = I) : I = r[13], I;
-  }, import_compiler_runtime$33 = require_compiler_runtime(), NumberPlugin = class {
+  }, import_compiler_runtime$32 = require_compiler_runtime(), NumberPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-number");
       __publicField(this, "validator", object$1({
@@ -93326,7 +93489,7 @@ ${c}
       });
     }
   }, NumberComponent = (e) => {
-    let r = (0, import_compiler_runtime$33.c)(25), c = (0, import_react.useId)(), d;
+    let r = (0, import_compiler_runtime$32.c)(25), c = (0, import_react.useId)(), d;
     r[0] === e.value ? d = r[1] : (d = withoutNaN(e.value), r[0] = e.value, r[1] = d);
     let f = d, _ = !e.debounce, v;
     r[2] !== f || r[3] !== e.setValue || r[4] !== _ ? (v = {
@@ -93589,7 +93752,7 @@ ${c}
       }
     };
   }
-  var import_compiler_runtime$32 = require_compiler_runtime();
+  var import_compiler_runtime$31 = require_compiler_runtime();
   const PERSISTED_LAYOUT_KEYS = [
     "dragmode",
     "xaxis",
@@ -93627,7 +93790,7 @@ ${c}
     };
   }
   function usePlotlyLayout(e) {
-    let r = (0, import_compiler_runtime$32.c)(20), { originalFigure: c, initialValue: d, isScriptLoaded: f } = e, _ = f === void 0 ? true : f, v;
+    let r = (0, import_compiler_runtime$31.c)(20), { originalFigure: c, initialValue: d, isScriptLoaded: f } = e, _ = f === void 0 ? true : f, v;
     r[0] === c ? v = r[1] : (v = () => structuredClone(c), r[0] = c, r[1] = v);
     let [y, S] = (0, import_react.useState)(v), w;
     r[2] !== y || r[3] !== d ? (w = () => ({
@@ -93664,7 +93827,7 @@ ${c}
       handleReset: LY
     }, r[16] = y, r[17] = LY, r[18] = E, r[19] = RY) : RY = r[19], RY;
   }
-  var import_compiler_runtime$31 = require_compiler_runtime(), PlotlyPlugin = class {
+  var import_compiler_runtime$30 = require_compiler_runtime(), PlotlyPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-plotly");
       __publicField(this, "validator", object$1({
@@ -93698,7 +93861,7 @@ ${c}
     "value"
   ], TREE_MAP_DATA_KEYS = SUNBURST_DATA_KEYS;
   const PlotlyComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$31.c)(34), { figure: c, value: d, setValue: f, config: _ } = e, v = useScript("https://cdn.jsdelivr.net/npm/mathjax-full@3.2.2/es5/tex-mml-svg.min.js") === "ready", y;
+    let r = (0, import_compiler_runtime$30.c)(34), { figure: c, value: d, setValue: f, config: _ } = e, v = useScript("https://cdn.jsdelivr.net/npm/mathjax-full@3.2.2/es5/tex-mml-svg.min.js") === "ready", y;
     r[0] !== v || r[1] !== c || r[2] !== d ? (y = {
       originalFigure: c,
       initialValue: d,
@@ -93820,7 +93983,7 @@ ${c}
   function _temp6(e) {
     Logger.error("PlotlyPlugin: ", e);
   }
-  var import_compiler_runtime$30 = require_compiler_runtime(), RadioPlugin = class {
+  var import_compiler_runtime$29 = require_compiler_runtime(), RadioPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-radio");
       __publicField(this, "validator", object$1({
@@ -93840,7 +94003,7 @@ ${c}
     }
   };
   const Radio = (e) => {
-    let r = (0, import_compiler_runtime$30.c)(18), c = (0, import_react.useId)(), d = e.label, f = e.inline ? "left" : "top", _ = e.value ?? "", v = e.setValue, y = e.inline && "grid-flow-col gap-4", S;
+    let r = (0, import_compiler_runtime$29.c)(18), c = (0, import_react.useId)(), d = e.label, f = e.inline ? "left" : "top", _ = e.value ?? "", v = e.setValue, y = e.inline && "grid-flow-col gap-4", S;
     r[0] === y ? S = r[1] : (S = cn(y), r[0] = y, r[1] = S);
     let w = e.disabled, E;
     if (r[2] !== c || r[3] !== e.options) {
@@ -93878,8 +94041,8 @@ ${c}
       children: O
     }), r[13] = c, r[14] = e.label, r[15] = f, r[16] = O, r[17] = M) : M = r[17], M;
   };
-  var import_compiler_runtime$29 = require_compiler_runtime(), RangeSlider = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$29.c)(35), { className: d, valueMap: f, ..._ } = e, [v, y] = useBoolean(false), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = dist_exports$1, E;
+  var import_compiler_runtime$28 = require_compiler_runtime(), RangeSlider = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$28.c)(35), { className: d, valueMap: f, ..._ } = e, [v, y] = useBoolean(false), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = dist_exports, E;
     c[0] === d ? E = c[1] : (E = cn("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", d), c[0] = d, c[1] = E);
     let O;
     c[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = 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[2] = O) : O = c[2];
@@ -93968,8 +94131,8 @@ ${c}
       ]
     }), c[27] = _, c[28] = r, c[29] = w.Root, c[30] = UY, c[31] = E, c[32] = M, c[33] = q, c[34] = WY) : WY = c[34], WY;
   });
-  RangeSlider.displayName = Root$2.displayName;
-  var import_compiler_runtime$28 = require_compiler_runtime(), RangeSliderPlugin = class {
+  RangeSlider.displayName = Root$1.displayName;
+  var import_compiler_runtime$27 = require_compiler_runtime(), RangeSliderPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-range-slider");
       __publicField(this, "validator", object$1({
@@ -93999,7 +94162,7 @@ ${c}
       });
     }
   }, RangeSliderComponent = (e) => {
-    let r = (0, import_compiler_runtime$28.c)(50), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, disabled: M, valueMap: I } = e, z = (0, import_react.useId)(), { locale: G } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [q, IY] = (0, import_react.useState)(f), LY, RY;
+    let r = (0, import_compiler_runtime$27.c)(50), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, disabled: M, valueMap: I } = e, z = (0, import_react.useId)(), { locale: G } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [q, IY] = (0, import_react.useState)(f), LY, RY;
     r[0] === f ? (LY = r[1], RY = r[2]) : (LY = () => {
       IY(f);
     }, RY = [
@@ -94245,7 +94408,7 @@ ${c}
         ]
       })
     });
-  }, import_compiler_runtime$27 = require_compiler_runtime(), SliderPlugin = class {
+  }, import_compiler_runtime$26 = require_compiler_runtime(), SliderPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-slider");
       __publicField(this, "validator", object$1({
@@ -94276,7 +94439,7 @@ ${c}
       });
     }
   }, SliderComponent = (e) => {
-    let r = (0, import_compiler_runtime$27.c)(55), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, valueMap: M, includeInput: I, disabled: z } = e, G = (0, import_react.useId)(), { locale: q } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IY, LY] = (0, import_react.useState)(f), RY, zY;
+    let r = (0, import_compiler_runtime$26.c)(55), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, valueMap: M, includeInput: I, disabled: z } = e, G = (0, import_react.useId)(), { locale: q } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IY, LY] = (0, import_react.useState)(f), RY, zY;
     r[0] === f ? (RY = r[1], zY = r[2]) : (RY = () => {
       LY(f);
     }, zY = [
@@ -94352,7 +94515,7 @@ ${c}
       className: HY,
       children: $Y
     }), r[48] = O, r[49] = G, r[50] = c, r[51] = $Y, r[52] = BY, r[53] = HY, r[54] = eX) : eX = r[54], eX;
-  }, import_compiler_runtime$26 = require_compiler_runtime(), SwitchPlugin = class {
+  }, import_compiler_runtime$25 = require_compiler_runtime(), SwitchPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-switch");
       __publicField(this, "validator", object$1({
@@ -94367,7 +94530,7 @@ ${c}
       });
     }
   }, SwitchComponent = (e) => {
-    let r = (0, import_compiler_runtime$26.c)(9), { value: c, setValue: d, data: f } = e, _ = (0, import_react.useId)(), v;
+    let r = (0, import_compiler_runtime$25.c)(9), { value: c, setValue: d, data: f } = e, _ = (0, import_react.useId)(), v;
     r[0] !== f.disabled || r[1] !== _ || r[2] !== d || r[3] !== c ? (v = (0, import_jsx_runtime.jsx)(Switch, {
       "data-testid": "marimo-plugin-switch",
       checked: c,
@@ -94384,7 +94547,7 @@ ${c}
       labelClassName: "ml-1",
       children: v
     }), r[5] = f.label, r[6] = _, r[7] = v, r[8] = y) : y = r[8], y;
-  }, import_compiler_runtime$25 = require_compiler_runtime(), TabsPlugin = class {
+  }, import_compiler_runtime$24 = require_compiler_runtime(), TabsPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-tabs");
       __publicField(this, "validator", object$1({
@@ -94400,7 +94563,7 @@ ${c}
       });
     }
   }, TabComponent = (e) => {
-    let r = (0, import_compiler_runtime$25.c)(13), { tabs: c, value: d, setValue: f, children: _ } = e, [v, y] = import_react.useState(d || "0"), S;
+    let r = (0, import_compiler_runtime$24.c)(13), { tabs: c, value: d, setValue: f, children: _ } = e, [v, y] = import_react.useState(d || "0"), S;
     r[0] === f ? S = r[1] : (S = (e2) => {
       y(e2), f(e2);
     }, r[0] = f, r[1] = S);
@@ -94438,7 +94601,7 @@ ${c}
       children: e
     });
   }
-  var import_compiler_runtime$24 = require_compiler_runtime(), TextAreaPlugin = class {
+  var import_compiler_runtime$23 = require_compiler_runtime(), TextAreaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-text-area");
       __publicField(this, "validator", object$1({
@@ -94464,7 +94627,7 @@ ${c}
       });
     }
   }, TextAreaComponent = (e) => {
-    let r = (0, import_compiler_runtime$24.c)(57), c;
+    let r = (0, import_compiler_runtime$23.c)(57), c;
     r[0] !== e.maxLength || r[1] !== e.value ? (c = e.maxLength ? (0, import_jsx_runtime.jsxs)("span", {
       className: "text-muted-foreground text-xs font-medium",
       children: [
@@ -94556,7 +94719,7 @@ ${c}
       fullWidth: _,
       children: w
     }), r[53] = e.fullWidth, r[54] = e.label, r[55] = w, r[56] = E) : E = r[56], E;
-  }, import_compiler_runtime$23 = require_compiler_runtime(), TextInputPlugin = class {
+  }, import_compiler_runtime$22 = require_compiler_runtime(), TextInputPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-text");
       __publicField(this, "validator", object$1({
@@ -94587,7 +94750,7 @@ ${c}
       });
     }
   }, TextComponent = (e) => {
-    let r = (0, import_compiler_runtime$23.c)(66), [c, d] = (0, import_react.useState)(e.value), f = c ?? e.value, _ = validate(e.kind, f), v;
+    let r = (0, import_compiler_runtime$22.c)(66), [c, d] = (0, import_react.useState)(e.value), f = c ?? e.value, _ = validate(e.kind, f), v;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
       text: null,
       password: (0, import_jsx_runtime.jsx)(Lock, {
@@ -94713,7 +94876,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-2gqZksJH.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-rDX7xwxH.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object$1({
@@ -94739,7 +94902,7 @@ ${c}
         })
       });
     }
-  }, import_compiler_runtime$22 = require_compiler_runtime(), AccordionPlugin = class {
+  }, import_compiler_runtime$21 = require_compiler_runtime(), AccordionPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-accordion");
       __publicField(this, "validator", object$1({
@@ -94754,7 +94917,7 @@ ${c}
       });
     }
   }, AccordionComponent = (e) => {
-    let r = (0, import_compiler_runtime$22.c)(8), { labels: c, multiple: d, children: f } = e, _ = d ? "multiple" : "single", v;
+    let r = (0, import_compiler_runtime$21.c)(8), { labels: c, multiple: d, children: f } = e, _ = d ? "multiple" : "single", v;
     if (r[0] !== f || r[1] !== c) {
       let e2;
       r[3] === c ? e2 = r[4] : (e2 = (e3, r2) => (0, import_jsx_runtime.jsxs)(AccordionItem, {
@@ -94796,9 +94959,9 @@ ${c}
       kind: "neutral"
     }
   });
-  var import_compiler_runtime$21 = require_compiler_runtime();
+  var import_compiler_runtime$20 = require_compiler_runtime();
   const CalloutOutput = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$21.c)(7), { html: c, kind: d } = e, f;
+    let r = (0, import_compiler_runtime$20.c)(7), { html: c, kind: d } = e, f;
     r[0] === d ? f = r[1] : (f = calloutStyles({
       kind: d
     }), r[0] = d, r[1] = f);
@@ -94853,7 +95016,7 @@ ${c}
         children: e.children
       });
     }
-  }, LazySlidesComponent$1 = import_react.lazy(() => import("./slides-component-BGEYjTca.js"));
+  }, LazySlidesComponent$1 = import_react.lazy(() => import("./slides-component-BVjvNo92.js"));
   const DownloadPlugin = createPlugin("marimo-download").withData(object$1({
     data: string$2(),
     disabled: boolean$2().default(false),
@@ -94954,7 +95117,7 @@ ${c}
         })
       });
     }
-  }, import_compiler_runtime$20 = require_compiler_runtime();
+  }, import_compiler_runtime$19 = require_compiler_runtime();
   const LazyPlugin = createPlugin("marimo-lazy").withData(object$1({
     showLoadingIndicator: boolean$2().default(false)
   })).withFunctions({
@@ -94968,7 +95131,7 @@ ${c}
     ...e.functions
   }));
   var LazyComponent = (e) => {
-    let r = (0, import_compiler_runtime$20.c)(15), { load: c, showLoadingIndicator: d, value: f, setValue: _ } = e, v;
+    let r = (0, import_compiler_runtime$19.c)(15), { load: c, showLoadingIndicator: d, value: f, setValue: _ } = e, v;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
       threshold: 0,
       root: null,
@@ -95035,15 +95198,15 @@ ${c}
         diagram: e.data.diagram
       });
     }
-  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-CDdsQEyr.js").then(async (m2) => {
+  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-Bqp2Xw99.js").then(async (m2) => {
     await m2.__tla;
     return m2;
-  })), import_compiler_runtime$19 = require_compiler_runtime();
+  })), import_compiler_runtime$18 = require_compiler_runtime();
   function getRootScrollableElement() {
     return getInitialAppMode() === "edit" ? document.getElementById("App") : void 0;
   }
   function useActiveOutline(e) {
-    let r = (0, import_compiler_runtime$19.c)(7), [c, d] = (0, import_react.useState)(void 0), [f, _] = (0, import_react.useState)(void 0), v = (0, import_react.useRef)(null), y = (0, import_react.useRef)(null), S;
+    let r = (0, import_compiler_runtime$18.c)(7), [c, d] = (0, import_react.useState)(void 0), [f, _] = (0, import_react.useState)(void 0), v = (0, import_react.useRef)(null), y = (0, import_react.useRef)(null), S;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ new Map(), r[0] = S) : S = r[0];
     let w = (0, import_react.useRef)(S), E, O;
     r[1] === e ? (E = r[2], O = r[3]) : (E = () => e.length === 0 ? void 0 : (v.current = new IntersectionObserver((e2) => {
@@ -95109,9 +95272,9 @@ ${c}
   function findOutlineItem(e, r) {
     return "id" in e.by ? document.querySelectorAll(`[id="${CSS.escape(e.by.id)}"]`)[r] : document.evaluate(e.by.path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
-  var import_compiler_runtime$18 = require_compiler_runtime();
+  var import_compiler_runtime$17 = require_compiler_runtime();
   const FloatingOutline = () => {
-    let e = (0, import_compiler_runtime$18.c)(19), { items: r } = useAtomValue(notebookOutline), c;
+    let e = (0, import_compiler_runtime$17.c)(19), { items: r } = useAtomValue(notebookOutline), c;
     e[0] === r ? c = e[1] : (c = findOutlineElements(r), e[0] = r, e[1] = c);
     let { activeHeaderId: d, activeOccurrences: f } = useActiveOutline(c), [_, v] = import_react.useState(false);
     if (r.length < 2) return null;
@@ -95143,7 +95306,7 @@ ${c}
       ]
     }), e[16] = M, e[17] = I, e[18] = z) : z = e[18], z;
   }, MiniMap = (e) => {
-    let r = (0, import_compiler_runtime$18.c)(8), { items: c, activeHeaderId: d, activeOccurrences: f } = e, _, v;
+    let r = (0, import_compiler_runtime$17.c)(8), { items: c, activeHeaderId: d, activeOccurrences: f } = e, _, v;
     if (r[0] !== d || r[1] !== f || r[2] !== c) {
       let e2 = /* @__PURE__ */ new Map();
       _ = "flex flex-col gap-4 items-end max-h-[70vh] overflow-hidden", v = c.map((r2, c2) => {
@@ -95160,7 +95323,7 @@ ${c}
       children: v
     }), r[5] = _, r[6] = v, r[7] = y) : y = r[7], y;
   }, OutlineList = (e) => {
-    let r = (0, import_compiler_runtime$18.c)(11), { items: c, activeHeaderId: d, activeOccurrences: f, className: _ } = e, v, y;
+    let r = (0, import_compiler_runtime$17.c)(11), { items: c, activeHeaderId: d, activeOccurrences: f, className: _ } = e, v, y;
     if (r[0] !== d || r[1] !== f || r[2] !== _ || r[3] !== c) {
       let e2 = /* @__PURE__ */ new Map();
       r[6] === _ ? v = r[7] : (v = cn("flex flex-col overflow-auto py-4 pl-2", _), r[6] = _, r[7] = v), y = c.map((r2, c2) => {
@@ -95178,8 +95341,8 @@ ${c}
       children: y
     }), r[8] = v, r[9] = y, r[10] = S) : S = r[10], S;
   };
-  var import_compiler_runtime$17 = require_compiler_runtime(), OutlineContent = (e) => {
-    let r = (0, import_compiler_runtime$17.c)(12), { label: c } = e, { items: d } = useAtomValue(notebookOutline), f;
+  var import_compiler_runtime$16 = require_compiler_runtime(), OutlineContent = (e) => {
+    let r = (0, import_compiler_runtime$16.c)(12), { label: c } = e, { items: d } = useAtomValue(notebookOutline), f;
     r[0] === d ? f = r[1] : (f = findOutlineElements(d), r[0] = d, r[1] = f);
     let { activeHeaderId: _, activeOccurrences: v } = useActiveOutline(f);
     if (d.length === 0) {
@@ -95225,7 +95388,7 @@ ${c}
         })
       });
     }
-  }, import_humanize_duration = __toESM(__commonJSMin(((e, r) => {
+  }, require_humanize_duration = __commonJSMin(((e, r) => {
     (function() {
       var e2 = Object.assign || function(e3) {
         for (var r2, c2 = 1; c2 < arguments.length; c2++) for (var d2 in r2 = arguments[c2], r2) q(r2, d2) && (e3[d2] = r2[d2]);
@@ -96566,167 +96729,7 @@ ${c}
         return VY;
       }) : r !== void 0 && r.exports ? r.exports = VY : this.humanizeDuration = VY;
     })();
-  }))(), 1);
-  function createContextScope(e, r = []) {
-    let c = [];
-    function d(r2, d2) {
-      let f2 = import_react.createContext(d2);
-      f2.displayName = r2 + "Context";
-      let _ = c.length;
-      c = [
-        ...c,
-        d2
-      ];
-      let v = (r3) => {
-        var _a2;
-        let { scope: c2, children: d3, ...v2 } = r3, y2 = ((_a2 = c2 == null ? void 0 : c2[e]) == null ? void 0 : _a2[_]) || f2, S = import_react.useMemo(() => v2, Object.values(v2));
-        return (0, import_jsx_runtime.jsx)(y2.Provider, {
-          value: S,
-          children: d3
-        });
-      };
-      v.displayName = r2 + "Provider";
-      function y(c2, v2) {
-        var _a2;
-        let y2 = ((_a2 = v2 == null ? void 0 : v2[e]) == null ? void 0 : _a2[_]) || f2, S = import_react.useContext(y2);
-        if (S) return S;
-        if (d2 !== void 0) return d2;
-        throw Error(`\`${c2}\` must be used within \`${r2}\``);
-      }
-      return [
-        v,
-        y
-      ];
-    }
-    let f = () => {
-      let r2 = c.map((e2) => import_react.createContext(e2));
-      return function(c2) {
-        let d2 = (c2 == null ? void 0 : c2[e]) || r2;
-        return import_react.useMemo(() => ({
-          [`__scope${e}`]: {
-            ...c2,
-            [e]: d2
-          }
-        }), [
-          c2,
-          d2
-        ]);
-      };
-    };
-    return f.scopeName = e, [
-      d,
-      composeContextScopes(f, ...r)
-    ];
-  }
-  function composeContextScopes(...e) {
-    let r = e[0];
-    if (e.length === 1) return r;
-    let c = () => {
-      let c2 = e.map((e2) => ({
-        useScope: e2(),
-        scopeName: e2.scopeName
-      }));
-      return function(e2) {
-        let d = c2.reduce((r2, { useScope: c3, scopeName: d2 }) => {
-          let f = c3(e2)[`__scope${d2}`];
-          return {
-            ...r2,
-            ...f
-          };
-        }, {});
-        return import_react.useMemo(() => ({
-          [`__scope${r.scopeName}`]: d
-        }), [
-          d
-        ]);
-      };
-    };
-    return c.scopeName = r.scopeName, c;
-  }
-  var PROGRESS_NAME = "Progress", DEFAULT_MAX = 100, [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), Progress$1 = import_react.forwardRef((e, r) => {
-    let { __scopeProgress: c, value: d = null, max: f, getValueLabel: _ = defaultGetValueLabel, ...v } = e;
-    (f || f === 0) && !isValidMaxNumber(f) && console.error(getInvalidMaxError(`${f}`, "Progress"));
-    let y = isValidMaxNumber(f) ? f : DEFAULT_MAX;
-    d !== null && !isValidValueNumber(d, y) && console.error(getInvalidValueError(`${d}`, "Progress"));
-    let S = isValidValueNumber(d, y) ? d : null, w = isNumber(S) ? _(S, y) : void 0;
-    return (0, import_jsx_runtime.jsx)(ProgressProvider, {
-      scope: c,
-      value: S,
-      max: y,
-      children: (0, import_jsx_runtime.jsx)(Primitive.div, {
-        "aria-valuemax": y,
-        "aria-valuemin": 0,
-        "aria-valuenow": isNumber(S) ? S : void 0,
-        "aria-valuetext": w,
-        role: "progressbar",
-        "data-state": getProgressState(S, y),
-        "data-value": S ?? void 0,
-        "data-max": y,
-        ...v,
-        ref: r
-      })
-    });
-  });
-  Progress$1.displayName = PROGRESS_NAME;
-  var INDICATOR_NAME = "ProgressIndicator", ProgressIndicator = import_react.forwardRef((e, r) => {
-    let { __scopeProgress: c, ...d } = e, f = useProgressContext(INDICATOR_NAME, c);
-    return (0, import_jsx_runtime.jsx)(Primitive.div, {
-      "data-state": getProgressState(f.value, f.max),
-      "data-value": f.value ?? void 0,
-      "data-max": f.max,
-      ...d,
-      ref: r
-    });
-  });
-  ProgressIndicator.displayName = INDICATOR_NAME;
-  function defaultGetValueLabel(e, r) {
-    return `${Math.round(e / r * 100)}%`;
-  }
-  function getProgressState(e, r) {
-    return e == null ? "indeterminate" : e === r ? "complete" : "loading";
-  }
-  function isNumber(e) {
-    return typeof e == "number";
-  }
-  function isValidMaxNumber(e) {
-    return isNumber(e) && !isNaN(e) && e > 0;
-  }
-  function isValidValueNumber(e, r) {
-    return isNumber(e) && !isNaN(e) && e <= r && e >= 0;
-  }
-  function getInvalidMaxError(e, r) {
-    return `Invalid prop \`max\` of value \`${e}\` supplied to \`${r}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`;
-  }
-  function getInvalidValueError(e, r) {
-    return `Invalid prop \`value\` of value \`${e}\` supplied to \`${r}\`. The \`value\` prop must be:
-  - a positive number
-  - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
-  - \`null\` or \`undefined\` if the progress is indeterminate.
-
-Defaulting to \`null\`.`;
-  }
-  var Root = Progress$1, Indicator$1 = ProgressIndicator, import_compiler_runtime$16 = require_compiler_runtime(), Progress = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$16.c)(13), d, f, _;
-    c[0] === e ? (d = c[1], f = c[2], _ = c[3]) : ({ className: d, value: _, ...f } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _);
-    let v;
-    c[4] === d ? v = c[5] : (v = cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", d), c[4] = d, c[5] = v);
-    let y = `translateX(-${100 - (_ || 0)}%)`, S;
-    c[6] === y ? S = c[7] : (S = (0, import_jsx_runtime.jsx)(Indicator$1, {
-      className: "h-full w-full flex-1 bg-primary transition-all pulse",
-      style: {
-        transform: y
-      }
-    }), c[6] = y, c[7] = S);
-    let w;
-    return c[8] !== f || c[9] !== r || c[10] !== v || c[11] !== S ? (w = (0, import_jsx_runtime.jsx)(Root, {
-      ref: r,
-      className: v,
-      ...f,
-      children: S
-    }), c[8] = f, c[9] = r, c[10] = v, c[11] = S, c[12] = w) : w = c[12], w;
-  });
-  Progress.displayName = Root.displayName;
-  var import_compiler_runtime$15 = require_compiler_runtime(), ProgressPlugin = class {
+  })), import_compiler_runtime$15 = require_compiler_runtime(), import_humanize_duration = __toESM(require_humanize_duration(), 1), ProgressPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-progress");
       __publicField(this, "validator", object$1({
@@ -101299,7 +101302,7 @@ Defaulting to \`null\`.`;
       cells: []
     })
   };
-  var import_compiler_runtime$8 = require_compiler_runtime(), LazySlidesComponent = import_react.lazy(() => import("./slides-component-BGEYjTca.js"));
+  var import_compiler_runtime$8 = require_compiler_runtime(), LazySlidesComponent = import_react.lazy(() => import("./slides-component-BVjvNo92.js"));
   const SlidesLayoutRenderer = (e) => {
     let r = (0, import_compiler_runtime$8.c)(11), { cells: c, mode: d } = e, f = d === "read", _;
     if (r[0] !== c || r[1] !== d) {