@marimo-team/islands 0.21.1-dev94 → 0.21.2-dev0

package/dist/main.js

@@ -20,32 +20,32 @@ var __privateWrapper = (obj, member, setter, getter) => ({
 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-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { n as Copy, r as toast, t as copyToClipboard } from "./copy-BkBF0Xgk.js";
+import { n as Copy, r as toast, t as copyToClipboard } from "./copy-DIK6DiIA.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-BkzUmppO.js";
-import { a as Content$3, c as useSize, i as Arrow, l as createLucideIcon, o as Root2$6, r as Anchor, s as createPopperScope, t as Root$5 } from "./dist-WIWVvdBh.js";
-import { A as useOnMount, B as Table$1, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, G as ChartColumn, H as ListFilter, I as $fb18d541ea1ad717$export$ad991b66133851cf, K as Calendar, L as $5a387cc49350e6db$export$722debc0e56fea39, M as Badge, N as createReducerAndAtoms, O as TIME_UNIT_DESCRIPTIONS, P as startCase_default, R as Type, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, U as Hash, V as SquareFunction, W as ChartPie, _ 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 useOnUnmount, 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 ToggleLeft } from "./spec-CbYkiXG3.js";
-import { t as Check } from "./check-DpqPQmzz.js";
-import { A as $a916eb452884faea$export$b7a616150fdb9f44, C as useDirection, D as assertNever, E as usePrevious$1, I as X, M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, N as $18f2051aff69b9bf$export$a54013f0d02a8f82, O as logNever, P as $b5e257d569688ac6$export$535bd6ca7f90a273, R as ChevronDown, 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, j as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, 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-BLDcDYdI.js";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $t as $c87311424ea30a05$export$a11b0059900ceec8, A as Portal$2, At as $fca6afa0e843324b$export$87b761675e8eaa10, B as Root$6, Bt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, C as Arrow2, Ct as $e5be200c675c3b3a$export$aca958c65c314e6c, D as Item2$2, Dt as $f7dceffc5ad7768b$export$4e328f61c538687f, E as Group$1, Et as $319e236875307eab$export$a9b970dcc4ae71a9, F as Sub, Ft as $9ab94262bd0047c7$export$420e68273165f4ec, G as $3985021b0ad6602f$export$f5b8910cec6cf069, Gt as $99facab73266f662$export$5add1d006293d136, H as ErrorBoundary, Ht as $458b0a5536c1a7cf$export$40bfa8c7b0832715, I as SubContent, It as $3ad3f6e1647bc98d$export$80f3e147d781571c, J as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Jt as $df56164dff5785e2$export$4338b53315abf666, K as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, Kt as $e9faafb641e167db$export$90fc3a17d93f704c, L as SubTrigger, Lt as $507fabe10e71c6fb$export$630ff653c5ada6a9, M as RadioItem, Mt as $6db58dc88e78b024$export$2f817fcdc4b89ae0, N as Root3, Nt as $5b160d28a433310d$export$c17fa47878dc55b6, O as ItemIndicator, Ot as $701a24aa0da5b062$export$ea18c227d4417cc3, P as Separator, Pt as $6179b936705e76d3$export$ae780daf29e6d456, Q as $514c0188e459b4c0$export$9afb8bc826b033ea, Qt as $c87311424ea30a05$export$9ac100e40613ea10, R as createMenuScope, Rt as $f6c31cce2adf654f$export$45712eceda6fad21, S as Anchor2, St as $e5be200c675c3b3a$export$a763b9476acd3eb, T as Content2$3, Tt as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, U as require_prop_types, Ut as $b4b717babfbb907b$export$4c063cf1350e6fed, V as createRovingFocusGroupScope, Vt as $9446cca9a3875146$export$7d15b64cf5a3a4c4, W as $3985021b0ad6602f$export$37fb8590cf2c088c, Wt as $b4b717babfbb907b$export$bebd5a1431fec25d, X as $ee014567cb39d3f0$export$ff05c3ac10437e03, Xt as $c87311424ea30a05$export$6446a186d09e379e, Y as $ee014567cb39d3f0$export$f551688fc98f2e09, Yt as $313b98861ee5dd6c$export$d6875122194c7b44, Z as $514c0188e459b4c0$export$5f1af8db9871e1d6, Zt as $c87311424ea30a05$export$78551043582a6a98, _ as DropdownMenuSeparator, _n as Plus, _t as capitalize_default, a as OnBlurredInput, an as $d4ee10de306f2510$export$b4f377a2b6254582, at as $64fa3d84918910a7$export$29f1550f4b0d4415, b as DropdownMenuSubTrigger, bn as ChevronRight, bt as $e93e671b31057976$export$b8473d3665f3a75a, c as prettyEngineeringNumber, cn as $f4e2df6bd15f8569$export$98658e8c59125e6a, ct as $64fa3d84918910a7$export$c245e6201fed2f75, d as DropdownMenu, dn as $ff5963eb1fccf552$export$e08e3b67e392101e, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $c87311424ea30a05$export$fedb369cb70207f1, et as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, f as DropdownMenuContent, fn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuPortal, gn as Search, gt as useDebouncedCallback, h as DropdownMenuLabel, hn as Trash, ht as useDebounceControlledState, i as Input, in as $d4ee10de306f2510$export$4282f70798064fe0, it as $64fa3d84918910a7$export$2881499e37b75b9a, j as RadioGroup$2, jt as $fca6afa0e843324b$export$f12b703ca79dfbb1, k as Label$2, kt as $6c7bd7858deea686$export$cd11ab140839f11d, l as prettyNumber, ln as $431fbd86ca7dc216$export$b204af158042fbac, lt as $64fa3d84918910a7$export$c62b8e45d58ddad9, m as DropdownMenuItem, mn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, mt as marked, n as DebouncedInput, nn as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, nt as $01b77f81d0f07f68$export$b04be29aa201d4f5, o as NumberField, on as $d4ee10de306f2510$export$cd4e5573fbe2b576, ot as $64fa3d84918910a7$export$4d86445c2cf5e3, p as DropdownMenuGroup, pn as $bdb11010cef70236$export$f680877a34711e37, pt as useNonce, q as $a049562f99e7db0e$export$f9c6924e160136d1, qt as $8ae05eaa5c114e9c$export$7f54fc3180508a52, r as DebouncedNumberInput, rn as $3ef42575df84b30b$export$9d1611c77c2fe928, rt as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, s as maxFractionalDigits, sn as $d4ee10de306f2510$export$e58f029f0fbfdb29, st as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, t as BulkEdit, tn as $7215afc6de606d6b$export$de79e2c695e052f3, tt as $01b77f81d0f07f68$export$75b6ee27786ba447, u as prettyScientificNumber, un as $431fbd86ca7dc216$export$f21a1ffae260145a, ut as $64fa3d84918910a7$export$df3a06d6289f983e, v as DropdownMenuSub, vn as Pencil, vt as $d2e8511e6f209edf$export$e908e06f4b8e3402, w as CheckboxItem, wt as $e5be200c675c3b3a$export$dad6ae84456c676a, x as DropdownMenuTrigger, xt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, y as DropdownMenuSubContent, yn as Circle, yt as $2baaea4c71418dea$export$294aa081a6c6f55d, z as Item$2, zt as _class_private_field_init } from "./types-0FB-N7AA.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-DLS-bHHT.js";
+import { a as Content$3, c as useSize, i as Arrow, l as createLucideIcon, o as Root2$6, r as Anchor, s as createPopperScope, t as Root$5 } from "./dist-C0Rnbr-_.js";
+import { A as useOnMount, B as Table$1, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, G as ChartColumn, H as ListFilter, I as $fb18d541ea1ad717$export$ad991b66133851cf, K as Calendar, L as $5a387cc49350e6db$export$722debc0e56fea39, M as Badge, N as createReducerAndAtoms, O as TIME_UNIT_DESCRIPTIONS, P as startCase_default, R as Type, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, U as Hash, V as SquareFunction, W as ChartPie, _ 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 useOnUnmount, 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 ToggleLeft } from "./spec-Bfvf9Hre.js";
+import { t as Check } from "./check-Diwc5emq.js";
+import { A as $a916eb452884faea$export$b7a616150fdb9f44, C as useDirection, D as assertNever, E as usePrevious$1, I as X, M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, N as $18f2051aff69b9bf$export$a54013f0d02a8f82, O as logNever, P as $b5e257d569688ac6$export$535bd6ca7f90a273, R as ChevronDown, 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, j as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, 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-BbpGrh4j.js";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $t as $c87311424ea30a05$export$a11b0059900ceec8, A as Portal$2, At as $fca6afa0e843324b$export$87b761675e8eaa10, B as Root$6, Bt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, C as Arrow2, Ct as $e5be200c675c3b3a$export$aca958c65c314e6c, D as Item2$2, Dt as $f7dceffc5ad7768b$export$4e328f61c538687f, E as Group$1, Et as $319e236875307eab$export$a9b970dcc4ae71a9, F as Sub, Ft as $9ab94262bd0047c7$export$420e68273165f4ec, G as $3985021b0ad6602f$export$f5b8910cec6cf069, Gt as $99facab73266f662$export$5add1d006293d136, H as ErrorBoundary, Ht as $458b0a5536c1a7cf$export$40bfa8c7b0832715, I as SubContent, It as $3ad3f6e1647bc98d$export$80f3e147d781571c, J as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Jt as $df56164dff5785e2$export$4338b53315abf666, K as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, Kt as $e9faafb641e167db$export$90fc3a17d93f704c, L as SubTrigger, Lt as $507fabe10e71c6fb$export$630ff653c5ada6a9, M as RadioItem, Mt as $6db58dc88e78b024$export$2f817fcdc4b89ae0, N as Root3, Nt as $5b160d28a433310d$export$c17fa47878dc55b6, O as ItemIndicator, Ot as $701a24aa0da5b062$export$ea18c227d4417cc3, P as Separator, Pt as $6179b936705e76d3$export$ae780daf29e6d456, Q as $514c0188e459b4c0$export$9afb8bc826b033ea, Qt as $c87311424ea30a05$export$9ac100e40613ea10, R as createMenuScope, Rt as $f6c31cce2adf654f$export$45712eceda6fad21, S as Anchor2, St as $e5be200c675c3b3a$export$a763b9476acd3eb, T as Content2$3, Tt as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, U as require_prop_types, Ut as $b4b717babfbb907b$export$4c063cf1350e6fed, V as createRovingFocusGroupScope, Vt as $9446cca9a3875146$export$7d15b64cf5a3a4c4, W as $3985021b0ad6602f$export$37fb8590cf2c088c, Wt as $b4b717babfbb907b$export$bebd5a1431fec25d, X as $ee014567cb39d3f0$export$ff05c3ac10437e03, Xt as $c87311424ea30a05$export$6446a186d09e379e, Y as $ee014567cb39d3f0$export$f551688fc98f2e09, Yt as $313b98861ee5dd6c$export$d6875122194c7b44, Z as $514c0188e459b4c0$export$5f1af8db9871e1d6, Zt as $c87311424ea30a05$export$78551043582a6a98, _ as DropdownMenuSeparator, _n as Plus, _t as capitalize_default, a as OnBlurredInput, an as $d4ee10de306f2510$export$b4f377a2b6254582, at as $64fa3d84918910a7$export$29f1550f4b0d4415, b as DropdownMenuSubTrigger, bn as ChevronRight, bt as $e93e671b31057976$export$b8473d3665f3a75a, c as prettyEngineeringNumber, cn as $f4e2df6bd15f8569$export$98658e8c59125e6a, ct as $64fa3d84918910a7$export$c245e6201fed2f75, d as DropdownMenu, dn as $ff5963eb1fccf552$export$e08e3b67e392101e, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $c87311424ea30a05$export$fedb369cb70207f1, et as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, f as DropdownMenuContent, fn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuPortal, gn as Search, gt as useDebouncedCallback, h as DropdownMenuLabel, hn as Trash, ht as useDebounceControlledState, i as Input, in as $d4ee10de306f2510$export$4282f70798064fe0, it as $64fa3d84918910a7$export$2881499e37b75b9a, j as RadioGroup$2, jt as $fca6afa0e843324b$export$f12b703ca79dfbb1, k as Label$2, kt as $6c7bd7858deea686$export$cd11ab140839f11d, l as prettyNumber, ln as $431fbd86ca7dc216$export$b204af158042fbac, lt as $64fa3d84918910a7$export$c62b8e45d58ddad9, m as DropdownMenuItem, mn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, mt as marked, n as DebouncedInput, nn as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, nt as $01b77f81d0f07f68$export$b04be29aa201d4f5, o as NumberField, on as $d4ee10de306f2510$export$cd4e5573fbe2b576, ot as $64fa3d84918910a7$export$4d86445c2cf5e3, p as DropdownMenuGroup, pn as $bdb11010cef70236$export$f680877a34711e37, pt as useNonce, q as $a049562f99e7db0e$export$f9c6924e160136d1, qt as $8ae05eaa5c114e9c$export$7f54fc3180508a52, r as DebouncedNumberInput, rn as $3ef42575df84b30b$export$9d1611c77c2fe928, rt as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, s as maxFractionalDigits, sn as $d4ee10de306f2510$export$e58f029f0fbfdb29, st as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, t as BulkEdit, tn as $7215afc6de606d6b$export$de79e2c695e052f3, tt as $01b77f81d0f07f68$export$75b6ee27786ba447, u as prettyScientificNumber, un as $431fbd86ca7dc216$export$f21a1ffae260145a, ut as $64fa3d84918910a7$export$df3a06d6289f983e, v as DropdownMenuSub, vn as Pencil, vt as $d2e8511e6f209edf$export$e908e06f4b8e3402, w as CheckboxItem, wt as $e5be200c675c3b3a$export$dad6ae84456c676a, x as DropdownMenuTrigger, xt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, y as DropdownMenuSubContent, yn as Circle, yt as $2baaea4c71418dea$export$294aa081a6c6f55d, z as Item$2, zt as _class_private_field_init } from "./types-CGc7peZV.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-BWUwfh37.js";
 import { n as clsx_default } from "./clsx-D2KVTYnW.js";
-import { _ as Functions, a as cva, c as isPlatformMac, d as Objects, f as useEventListener, g as Logger, h as Events, l as parseShortcut, m as useComposedRefs, n as buttonVariants, o as NOT_SET, p as composeRefs, r as Slot$1, t as Button, v as throwNotImplemented, y as cn } from "./button-DQpBib29.js";
-import { $ as __awaiter, A as custom, B as record, C as ZodUnion$1, D as any, E as _null, F as nan, G as unknown, H as string, I as never, J as toJSONSchema, K as safeParseAsync, L as number, M as lazy$4, N as literal, O as array, P as looseObject, Q as prettifyError, R as object$1, S as ZodType$1, T as _instanceof, U as tuple, V as strictObject, W as union, X as parseAsync, Y as parse$3, Z as $ZodError, _ as ZodLiteral$1, _t as createContextScope, a as zod_default, at as useControllableState, b as ZodOptional$1, c as string$1, ct as useId$12, d as ZodArray$1, dt as useCallbackRef, et as MAX_HEIGHT_OFFSET, f as ZodBoolean$1, ft as Primitive, g as ZodEnum$1, h as ZodDiscriminatedUnion$1, i as useFocusGuards, it as StyleNamespace, j as discriminatedUnion, k as boolean, l as ZodIssueCode$1, lt as useLayoutEffect2, m as ZodDefault$1, mt as createSlot, n as hideOthers, nt as withSmartCollisionBoundary, o as date, ot as Presence, p as ZodDate$1, pt as dispatchDiscreteCustomEvent, q as ZodError$1, r as FocusScope, rt as isInVscodeExtension, s as number$1, st as Portal, t as Combination_default, tt as withFullScreenAsRoot, u as ZodAny$1, ut as DismissableLayer, v as ZodNumber$1, vt as composeEventHandlers$1, w as _enum, x as ZodString$1, y as ZodObject$1, z as optional } from "./Combination-Dk6JxauT.js";
+import { _ as Functions, a as cva, c as isPlatformMac, d as Objects, f as useEventListener, g as Logger, h as Events, l as parseShortcut, m as useComposedRefs, n as buttonVariants, o as NOT_SET, p as composeRefs, r as Slot$1, t as Button, v as throwNotImplemented, y as cn } from "./button-BKkuUpZh.js";
+import { $ as __awaiter, A as custom, B as record, C as ZodUnion$1, D as any, E as _null, F as nan, G as unknown, H as string, I as never, J as toJSONSchema, K as safeParseAsync, L as number, M as lazy$4, N as literal, O as array, P as looseObject, Q as prettifyError, R as object$1, S as ZodType$1, T as _instanceof, U as tuple, V as strictObject, W as union, X as parseAsync, Y as parse$3, Z as $ZodError, _ as ZodLiteral$1, _t as createContextScope, a as zod_default, at as useControllableState, b as ZodOptional$1, c as string$1, ct as useId$12, d as ZodArray$1, dt as useCallbackRef, et as MAX_HEIGHT_OFFSET, f as ZodBoolean$1, ft as Primitive, g as ZodEnum$1, h as ZodDiscriminatedUnion$1, i as useFocusGuards, it as StyleNamespace, j as discriminatedUnion, k as boolean, l as ZodIssueCode$1, lt as useLayoutEffect2, m as ZodDefault$1, mt as createSlot, n as hideOthers, nt as withSmartCollisionBoundary, o as date, ot as Presence, p as ZodDate$1, pt as dispatchDiscreteCustomEvent, q as ZodError$1, r as FocusScope, rt as isInVscodeExtension, s as number$1, st as Portal, t as Combination_default, tt as withFullScreenAsRoot, u as ZodAny$1, ut as DismissableLayer, v as ZodNumber$1, vt as composeEventHandlers$1, w as _enum, x as ZodString$1, y as ZodObject$1, z as optional } from "./Combination-BBPQRrDo.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
 import { t as require_react_dom } from "./react-dom-CqtLRVZP.js";
-import { a as TooltipRoot, i as TooltipProvider, n as TooltipContent, o as TooltipTrigger, r as TooltipPortal, s as TooltipProvider$1, t as Tooltip } from "./tooltip-SPkubVH3.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-BBkPJL8N.js";
+import { a as TooltipRoot, i as TooltipProvider, n as TooltipContent, o as TooltipTrigger, r as TooltipPortal, s as TooltipProvider$1, t as Tooltip } from "./tooltip-CKG75XQa.js";
+import { a as _extends$5, c as setDiagnostics, d as insertTab, f as CopyClipboardIcon, i as minimalSetup, l as history, o as forEachDiagnostic, r as esm_default, s as linter, t as langs, u as historyField } from "./esm-BLobyqMs.js";
 import { i as toInteger_default, n as _baseSet_default } from "./_basePickBy-pTDW2_2A.js";
 import { i as get_default } from "./hasIn-B9AbGLj3.js";
 import { n as pick_default, t as range_default } from "./range-BKaWvVUE.js";
 import { i as debounce_default, r as KnownQueryParams, t as CSSClasses } from "./constants-CytQ_3LM.js";
 import { t as isEmpty_default } from "./isEmpty-C-xMag79.js";
-import { C as useEvent_default, S as getBuildingBlocks, _ as useSetAtom, a as getResolvedMarimoConfig, c as AppConfigSchema, d as useJotaiEffect, g as useAtomValue, h as useAtom, i as autoInstantiateAtom, l as createDeepEqualAtom, m as Provider, n as useTheme, o as localeAtom, p as isIslands, r as aiEnabledAtom, s as useResolvedMarimoConfig, t as resolvedThemeAtom, u as store, v as useStore, w as isEqual_default, x as buildStore, y as atom } from "./useTheme-D0rdoMBF.js";
-import { a as tooltipHandler, n as vegaLoadData, r as createBatchedLoader, t as parseCsvData } from "./loader-DsE3MiYo.js";
+import { C as useEvent_default, S as getBuildingBlocks, _ as useSetAtom, a as getResolvedMarimoConfig, c as AppConfigSchema, d as useJotaiEffect, g as useAtomValue, h as useAtom, i as autoInstantiateAtom, l as createDeepEqualAtom, m as Provider, n as useTheme, o as localeAtom, p as isIslands, r as aiEnabledAtom, s as useResolvedMarimoConfig, t as resolvedThemeAtom, u as store, v as useStore, w as isEqual_default, x as buildStore, y as atom } from "./useTheme-CPybHVFN.js";
+import { a as getContainerWidth, n as vegaLoadData, o as getVegaFieldTypes, r as createBatchedLoader, s as tooltipHandler, t as parseCsvData } from "./loader-CABJs6GU.js";
 import { $ as ViewPlugin, At as Prec, B as tags$1, Dt as EditorState, E as getIndentUnit, Et as EditorSelection, Ft as StateField, I as syntaxTree, It as Text$2, J as parseMixed, L as unfoldAll, Lt as Transaction, Ot as Facet$1, Pt as StateEffect, Q as GutterMarker, S as foldInside, Tt as Compartment, Y as Decoration, Z as EditorView, b as foldAll, dt as keymap, et as WidgetType, f as StreamLanguage, jt as RangeSet, l as LanguageDescription, mt as placeholder, ot as gutter, u as LanguageSupport, ut as hoverTooltip, vt as showPanel, w as foldNodeProp, xt as Annotation, yt as showTooltip } from "./dist-DOoqn-VL.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-DFGZKWkO.js";
+import { n as getIframeCapabilities, t as useIframeCapabilities } from "./useIframeCapabilities-OQaMKgZl.js";
 import { d as snippet, n as acceptCompletion, o as closeCompletion, r as autocompletion, u as insertCompletionText } from "./dist-CSEWGuDq.js";
 import { t as require_main } from "./main-Tj_-QTyF.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-Bq5eYK43.js";
@@ -56,10 +56,10 @@ import "./dist-D4gcY469.js";
 import { a as parser$1, i as pythonLanguage, n as localCompletionSource, r as python, t as globalCompletion } from "./dist-C4K7pumm.js";
 import { n as stexMath } from "./stex-BIsgBmK4.js";
 import { t as purify } from "./purify.es-DGenX2XH.js";
-import { a as Portal$3, c as prettyError, i as Overlay, n as ErrorBanner, o as Root$7, r as Content$4, s as CellNotInitializedError, t as Banner } from "./error-banner-BctofTCP.js";
+import { a as Portal$3, c as prettyError, i as Overlay, n as ErrorBanner, o as Root$7, r as Content$4, s as CellNotInitializedError, t as Banner } from "./error-banner-Dmi5ujan.js";
 import { n as memoize$1, t as isPropValid } from "./emotion-is-prop-valid.esm-DtW2o230.js";
 import { n as formats } from "./vega-loader.browser-CQ-lnUkI.js";
-import { t as useAsyncData } from "./useAsyncData-D7-oahg5.js";
+import { t as useAsyncData } from "./useAsyncData-CEjJxwFB.js";
 import "./defaultLocale-Bklbu-Tp.js";
 import "./defaultLocale-CfQ4kBaV.js";
 import { c as katex } from "./katex-Bk_FvVSR.js";
@@ -15378,9 +15378,7 @@ ${d.join("\n")}`;
       combine: (e) => e.find((e2) => e2 !== void 0)
     });
   }
-  singleFacet(), singleFacet(), singleFacet();
-  const cellIdState$1 = singleFacet();
-  singleFacet();
+  const completionConfigState = singleFacet(), hotkeysProviderState = singleFacet(), placeholderState = singleFacet(), cellIdState = singleFacet(), lspConfigState = singleFacet(), historyCompartment = new Compartment();
   function notebookIsRunning(e) {
     return Object.values(e.cellRuntime).some((e2) => e2.status === "running");
   }
@@ -15427,7 +15425,7 @@ ${d.join("\n")}`;
   }
   const cellActionsState = Facet$1.define({
     combine: (e) => e[0]
-  }), cellIdState = Facet$1.define({
+  }), cellIdState$1 = Facet$1.define({
     combine: (e) => e[0]
   });
   var BigQuery = {
@@ -24938,7 +24936,7 @@ ${d.join("\n")}`;
       });
       return;
     }
-    let S = f.transformIn(y)[0], w = e.state.facet(cellActionsState), E = e.state.facet(cellIdState$1);
+    let S = f.transformIn(y)[0], w = e.state.facet(cellActionsState), E = e.state.facet(cellIdState);
     w.updateCellCode({
       cellId: E,
       code: S,
@@ -31242,6 +31240,10 @@ ${c.sqlString}
   function updateSQLDialectFromConnection(e, r) {
     updateSQLDialect(e, SCHEMA_CACHE.getDialect(r));
   }
+  function initializeSQLDialect(e) {
+    let r = getSQLMetadata(e.state).engine;
+    updateSQLDialect(e, SCHEMA_CACHE.getDialect(r));
+  }
   function getSQLMetadata(e) {
     return e.field(languageMetadataField);
   }
@@ -31314,7 +31316,7 @@ ${c.sqlString}
   var SQL_VALIDATION_DEBOUNCE_MS = 300;
   function sqlValidationExtension() {
     return ViewPlugin.define((e) => {
-      let r, c = null, d = e.state.facet(cellIdState);
+      let r, c = null, d = e.state.facet(cellIdState$1);
       return {
         update(e2) {
           if (!e2.docChanged) return;
@@ -31956,7 +31958,7 @@ ${c.sqlString}
     let { spanProps: f, inputProps: _ } = useAutoGrowInputProps(d), v;
     r[1] === c.state ? v = r[2] : (v = c.state.field(languageAdapterState), r[1] = c.state, r[2] = v);
     let y = v, S;
-    r[3] === c.state ? S = r[4] : (S = c.state.facet(cellIdState), r[3] = c.state, r[4] = S);
+    r[3] === c.state ? S = r[4] : (S = c.state.facet(cellIdState$1), r[3] = c.state, r[4] = S);
     let w = S, E;
     r[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)("div", {}), r[5] = E) : E = r[5];
     let O = E, M = false, I;
@@ -32188,7 +32190,7 @@ ${c.sqlString}
       })
     }), r[98] = O, r[99] = y.type, r[100] = G, r[101] = q) : q = r[101], q;
   };
-  new Compartment();
+  var languageCompartment = new Compartment();
   const setLanguageAdapter = StateEffect.define(), languageAdapterState = StateField.define({
     create() {
       return LanguageAdapters.python;
@@ -32199,13 +32201,61 @@ ${c.sqlString}
     },
     provide: (e) => showPanel.from(e, (e2) => e2.type === "python" ? null : (e3) => createPanel(e3, LanguagePanelComponent))
   });
+  function updateLanguageAdapterAndCode({ view: e, nextLanguage: r, opts: c }) {
+    let d = e.state.field(languageAdapterState), f = e.state.doc.toString(), _ = e.state.facet(completionConfigState), v = e.state.facet(hotkeysProviderState), y = e.state.facet(placeholderState), S = e.state.facet(cellIdState), w = e.state.facet(lspConfigState), E = e.state.field(languageMetadataField), O = e.state.selection.main.head, M;
+    if (c.keepCodeAsIs) M = f, d.type !== r.type && (E = {
+      ...r.defaultMetadata
+    });
+    else {
+      let [e2, c2] = d.transformOut(f, E), [_2, v2, y2] = r.transformIn(e2);
+      O += c2, O -= v2, O = clamp(O, 0, _2.length), M = _2, E = y2;
+    }
+    e.dispatch({
+      effects: [
+        setLanguageAdapter.of(r),
+        setLanguageMetadata.of(E),
+        languageCompartment.reconfigure(r.getExtension(S, _, v, y, w)),
+        historyCompartment.reconfigure([]),
+        formattingChangeEffect.of(true)
+      ],
+      changes: c.keepCodeAsIs ? void 0 : {
+        from: 0,
+        to: e.state.doc.length,
+        insert: M
+      },
+      selection: c.keepCodeAsIs ? void 0 : EditorSelection.cursor(O)
+    }), e.dispatch({
+      effects: [
+        historyCompartment.reconfigure([
+          history()
+        ])
+      ]
+    }), r.type === "sql" && initializeSQLDialect(e);
+  }
+  function languageAdapterFromCode(e) {
+    return e ? LanguageAdapters.markdown.isSupported(e) ? LanguageAdapters.markdown : LanguageAdapters.sql.isSupported(e) ? LanguageAdapters.sql : LanguageAdapters.python : LanguageAdapters.python;
+  }
+  function switchLanguage(e, r) {
+    e.state.field(languageAdapterState).type !== r.language && updateLanguageAdapterAndCode({
+      view: e,
+      nextLanguage: LanguageAdapters[r.language],
+      opts: {
+        keepCodeAsIs: r.keepCodeAsIs ?? false
+      }
+    });
+  }
   function getEditorCodeAsPython(e, r, c) {
     let d = e.state.field(languageAdapterState), f = e.state.field(languageMetadataField), _ = e.state.doc.toString();
     return r === void 0 ? d.transformOut(_, f)[0] : d.transformOut(_.slice(r, c), f)[0];
   }
   function updateEditorCodeFromPython(e, r) {
-    let [c] = e.state.field(languageAdapterState).transformIn(r);
-    return replaceEditorContent(e, c), c;
+    let c = e.state.field(languageAdapterState), d = languageAdapterFromCode(r);
+    d.type !== c.type && switchLanguage(e, {
+      language: d.type,
+      keepCodeAsIs: true
+    });
+    let [f] = e.state.field(languageAdapterState).transformIn(r);
+    return replaceEditorContent(e, f), f;
   }
   function splitEditor(e) {
     let r = e.state.selection.main.head, c = e.state.doc.toString(), d = c.length > 0 && c[r - 1] === "\n", f = c.length > 0 && c[r] === "\n", _ = d ? r - 1 : r, v = f ? r + 1 : r;
@@ -32214,30 +32264,6 @@ ${c.sqlString}
       afterCursorCode: getEditorCodeAsPython(e, v)
     };
   }
-  require_compiler_runtime();
-  const hasRunAnyCellAtom = atom(false);
-  function getInitialAppMode() {
-    let e = store.get(initialModeAtom);
-    return assertExists(e, "internal-error: initial mode not found"), invariant(e !== "present", "internal-error: initial mode cannot be 'present'"), e;
-  }
-  const viewStateAtom = atom({
-    mode: isIslands() ? "read" : "not-set",
-    cellAnchor: null
-  }), initialModeAtom = atom(void 0), kioskModeAtom = atom(false);
-  var sanitizeHtmlAtom = atom((e) => {
-    let r = e(hasRunAnyCellAtom), c = e(autoInstantiateAtom);
-    if (r || c) return false;
-    let d = true;
-    try {
-      d = getInitialAppMode() === "read";
-    } catch {
-      return true;
-    }
-    return !d;
-  });
-  function useSanitizeHtml() {
-    return useAtomValue(sanitizeHtmlAtom);
-  }
   var TEMPORARY_ATTRIBUTE = "data-temp-href-target";
   purify.addHook("beforeSanitizeAttributes", (e) => {
     e.tagName === "A" && (e.hasAttribute("target") || e.setAttribute("target", "_self"), e.hasAttribute("target") && e.setAttribute(TEMPORARY_ATTRIBUTE, e.getAttribute("target") || ""));
@@ -37087,7 +37113,10 @@ ${c.sqlString}
       return (_a3 = r[e2]) == null ? void 0 : _a3.name;
     }).filter(Boolean);
   };
-  splitAtom(selectAtom(notebookAtom, (e) => e.cellIds.inOrderIds.map((r) => e.cellData[r]))), atom((e) => e(notebookAtom).cellRuntime), atom((e) => notebookIsRunning(e(notebookAtom))), atom((e) => notebookQueueOrRunningCount(e(notebookAtom))), atom((e) => e(notebookAtom).cellIds.colLength), atom((e) => e(notebookAtom).cellIds.idLength > 0), atom((e) => e(notebookAtom).cellIds.getColumnIds());
+  splitAtom(selectAtom(notebookAtom, (e) => e.cellIds.inOrderIds.map((r) => e.cellData[r]))), atom((e) => e(notebookAtom).cellRuntime), atom((e) => notebookIsRunning(e(notebookAtom))), atom((e) => {
+    let { cellRuntime: r } = e(notebookAtom);
+    return Object.entries(r).every(([e2, r2]) => r2.status !== "running" || e2 === "__scratch__");
+  }), atom((e) => notebookQueueOrRunningCount(e(notebookAtom))), atom((e) => e(notebookAtom).cellIds.colLength), atom((e) => e(notebookAtom).cellIds.idLength > 0), atom((e) => e(notebookAtom).cellIds.getColumnIds());
   const cellDataAtom = atomFamily((e) => atom((r) => r(notebookAtom).cellData[e]));
   var cellRuntimeAtom = atomFamily((e) => atom((r) => r(notebookAtom).cellRuntime[e]));
   const cellHandleAtom = atomFamily((e) => atom((r) => r(notebookAtom).cellHandles[e]));
@@ -37118,9 +37147,9 @@ ${c.sqlString}
       Logger.debug(`Doc lookup failed for "${e}"`, r2);
     }
   }
-  var import_compiler_runtime$151 = require_compiler_runtime();
+  var import_compiler_runtime$152 = require_compiler_runtime();
   const DocHoverTarget = (e) => {
-    let r = (0, import_compiler_runtime$151.c)(8), { qualifiedName: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$152.c)(8), { qualifiedName: c, children: d } = e, f;
     r[0] === c ? f = r[1] : (f = () => {
       requestOutputDocumentation(c);
     }, r[0] = c, r[1] = f);
@@ -37133,6 +37162,30 @@ ${c.sqlString}
       children: d
     }), r[4] = d, r[5] = _, r[6] = v, r[7] = y) : y = r[7], y;
   };
+  require_compiler_runtime();
+  const hasRunAnyCellAtom = atom(false);
+  function getInitialAppMode() {
+    let e = store.get(initialModeAtom);
+    return assertExists(e, "internal-error: initial mode not found"), invariant(e !== "present", "internal-error: initial mode cannot be 'present'"), e;
+  }
+  const viewStateAtom = atom({
+    mode: isIslands() ? "read" : "not-set",
+    cellAnchor: null
+  }), initialModeAtom = atom(void 0), kioskModeAtom = atom(false);
+  var sanitizeHtmlAtom = atom((e) => {
+    let r = e(hasRunAnyCellAtom), c = e(autoInstantiateAtom);
+    if (r || c) return false;
+    let d = true;
+    try {
+      d = getInitialAppMode() === "read";
+    } catch {
+      return true;
+    }
+    return !d;
+  });
+  function useSanitizeHtml() {
+    return useAtomValue(sanitizeHtmlAtom);
+  }
   var import_compiler_runtime$150 = require_compiler_runtime(), replaceValidTags = (e) => {
     if (e instanceof import_lib$1.Element && !/^[A-Za-z][\w-]*$/.test(e.name)) return import_react.createElement(import_react.Fragment);
   }, removeWrappingBodyTags = (e, r) => {
@@ -55448,6 +55501,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
           fallback: f2,
           children: (0, import_jsx_runtime.jsx)(LazyVegaEmbed, {
             spec: e2,
+            "data-container-width": "container",
             options: y2,
             style: S2
           })
@@ -56357,7 +56411,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       hasConsoleOutput: (v == null ? void 0 : v.consoleOutputs) != null
     };
   }
-  const LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-BIj11a2e.js"));
+  const LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-DlsjUw_l.js"));
   var import_compiler_runtime$117 = require_compiler_runtime(), extensions = [
     EditorView.lineWrapping
   ];
@@ -60529,7 +60583,7 @@ ${O}`,
   }
   var import_compiler_runtime$102 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
   const OutputRenderer = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$102.c)(51), { message: c, onRefactorWithAI: d, cellId: f, wrapText: _, metadata: v, renderFallback: y } = e, { theme: S } = useTheme(), w;
+    let r = (0, import_compiler_runtime$102.c)(54), { message: c, onRefactorWithAI: d, cellId: f, wrapText: _, metadata: v, renderFallback: y } = e, { theme: S } = useTheme(), w;
     bb0: {
       let e2 = c.data;
       switch (c.mimetype) {
@@ -60649,38 +60703,41 @@ ${O}`,
       case "application/vnd.vega.v6+json": {
         let e2;
         r[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(ChartLoadingState, {}), r[34] = e2) : e2 = r[34];
-        let c2 = E, d2 = S === "dark" ? "dark" : void 0, f2;
-        r[35] === d2 ? f2 = r[36] : (f2 = {
-          theme: d2,
+        let c2 = E, d2;
+        r[35] === E ? d2 = r[36] : (d2 = getContainerWidth(E), r[35] = E, r[36] = d2);
+        let f2 = S === "dark" ? "dark" : void 0, _2;
+        r[37] === f2 ? _2 = r[38] : (_2 = {
+          theme: f2,
           mode: "vega-lite",
           tooltip: tooltipHandler.call,
           renderer: "canvas"
-        }, r[35] = d2, r[36] = f2);
-        let _2;
-        return r[37] !== c2 || r[38] !== f2 ? (_2 = (0, import_jsx_runtime.jsx)(import_react.Suspense, {
+        }, r[37] = f2, r[38] = _2);
+        let v2;
+        return r[39] !== c2 || r[40] !== d2 || r[41] !== _2 ? (v2 = (0, import_jsx_runtime.jsx)(import_react.Suspense, {
           fallback: e2,
           children: (0, import_jsx_runtime.jsx)(LazyVegaEmbed, {
             spec: c2,
-            options: f2
+            "data-container-width": d2,
+            options: _2
           })
-        }), r[37] = c2, r[38] = f2, r[39] = _2) : _2 = r[39], _2;
+        }), r[39] = c2, r[40] = d2, r[41] = _2, r[42] = v2) : v2 = r[42], v2;
       }
       case "application/vnd.marimo+mimebundle": {
         let e2 = E, c2;
-        return r[40] !== O || r[41] !== e2 ? (c2 = (0, import_jsx_runtime.jsx)(MimeBundleOutputRenderer, {
+        return r[43] !== O || r[44] !== e2 ? (c2 = (0, import_jsx_runtime.jsx)(MimeBundleOutputRenderer, {
           channel: O,
           data: e2
-        }), r[40] = O, r[41] = e2, r[42] = c2) : c2 = r[42], c2;
+        }), r[43] = O, r[44] = e2, r[45] = c2) : c2 = r[45], c2;
       }
       case "application/vnd.jupyter.widget-view+json": {
         let e2;
-        r[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("b", {
+        r[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("b", {
           children: "Jupyter widgets are not supported in marimo."
-        }), r[43] = e2) : e2 = r[43];
+        }), r[46] = e2) : e2 = r[46];
         let c2;
-        r[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c2 = (0, import_jsx_runtime.jsx)("br", {}), r[44] = c2) : c2 = r[44];
+        r[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c2 = (0, import_jsx_runtime.jsx)("br", {}), r[47] = c2) : c2 = r[47];
         let d2;
-        return r[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d2 = (0, import_jsx_runtime.jsxs)(Banner, {
+        return r[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d2 = (0, import_jsx_runtime.jsxs)(Banner, {
           kind: "warn",
           children: [
             e2,
@@ -60697,21 +60754,21 @@ ${O}`,
             }),
             "."
           ]
-        }), r[45] = d2) : d2 = r[45], d2;
+        }), r[48] = d2) : d2 = r[48], d2;
       }
       default: {
         if (logNever(I), y) {
           let e3;
-          return r[46] !== I || r[47] !== y ? (e3 = y(I), r[46] = I, r[47] = y, r[48] = e3) : e3 = r[48], e3;
+          return r[49] !== I || r[50] !== y ? (e3 = y(I), r[49] = I, r[50] = y, r[51] = e3) : e3 = r[51], e3;
         }
         let e2;
-        return r[49] === I ? e2 = r[50] : (e2 = (0, import_jsx_runtime.jsxs)("div", {
+        return r[52] === I ? e2 = r[53] : (e2 = (0, import_jsx_runtime.jsxs)("div", {
           className: "text-destructive",
           children: [
             "Unsupported mimetype: ",
             I
           ]
-        }), r[49] = I, r[50] = e2), e2;
+        }), r[52] = I, r[53] = e2), e2;
       }
     }
   });
@@ -70720,7 +70777,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.1-dev94"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev0"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$89 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -72279,10 +72336,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
     "time",
     "unknown"
   ];
-  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-DqxJOnJk.js").then(async (m2) => {
+  var import_compiler_runtime$82 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-pZyd9UJ_.js").then(async (m2) => {
     await m2.__tla;
     return m2;
   }));
@@ -78032,6 +78086,7 @@ ${c}
         fallback: (0, import_jsx_runtime.jsx)(LoadingChart$1, {}),
         children: (0, import_jsx_runtime.jsx)(LazyVegaEmbed, {
           spec: r2,
+          "data-container-width": getContainerWidth(r2),
           options: {
             theme: _ === "dark" ? "dark" : void 0,
             height: f,
@@ -78701,17 +78756,19 @@ ${c}
     })
   });
   function renderChart(e, r) {
+    let c = (e2) => ({
+      ...e2,
+      background: "transparent",
+      config: {
+        ...e2.config,
+        background: "transparent"
+      }
+    });
     return (0, import_jsx_runtime.jsx)(import_react.Suspense, {
       fallback: LoadingChart,
       children: (0, import_jsx_runtime.jsx)(LazyVegaEmbed, {
-        spec: ((e2) => ({
-          ...e2,
-          background: "transparent",
-          config: {
-            ...e2.config,
-            background: "transparent"
-          }
-        }))(JSON.parse(e)),
+        "data-container-width": "container",
+        spec: c(JSON.parse(e)),
         options: {
           theme: r === "dark" ? "dark" : "vox",
           height: 100,
@@ -82375,7 +82432,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-Bh11efrC.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-D0GoOd_c.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object$1({
     label: string().nullish(),
     data: string()
@@ -93462,7 +93519,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-CnO3mkFC.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-CuPTCRp5.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object$1({
@@ -93603,7 +93660,7 @@ ${c}
         children: e.children
       });
     }
-  }, LazySlidesComponent$1 = import_react.lazy(() => import("./slides-component-DwvL_HJi.js"));
+  }, LazySlidesComponent$1 = import_react.lazy(() => import("./slides-component-GkilRW21.js"));
   const DownloadPlugin = createPlugin("marimo-download").withData(object$1({
     data: string(),
     disabled: boolean().default(false),
@@ -93785,7 +93842,7 @@ ${c}
         diagram: e.data.diagram
       });
     }
-  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-DkdSmFY8.js").then(async (m2) => {
+  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-CrKqsE2j.js").then(async (m2) => {
     await m2.__tla;
     return m2;
   })), import_compiler_runtime$18 = require_compiler_runtime();
@@ -99231,7 +99288,7 @@ ${c}
     0
   ], DRAG_HANDLE = "grid-drag-handle";
   const GridLayoutRenderer = (e) => {
-    let r = (0, import_compiler_runtime$9.c)(160), { layout: c, setLayout: d, cells: f, mode: _ } = e, v = _ === "read", y;
+    let r = (0, import_compiler_runtime$9.c)(161), { layout: c, setLayout: d, cells: f, mode: _ } = e, v = _ === "read", y;
     r[0] === c.cells ? y = r[1] : (y = new Set(c.cells.map(_temp$4)), r[0] = c.cells, r[1] = y);
     let S = y, [w, E] = (0, import_react.useState)(null), [O, M] = (0, import_react.useState)(false), I;
     r[2] === c.columns ? I = r[3] : (I = {
@@ -99274,14 +99331,16 @@ ${c}
       r[60] !== I2 || r[61] !== G2 || r[62] !== q2 ? (UY = cn("w-full mx-auto bg-background flex-1 min-h-full", I2, G2, q2), r[60] = I2, r[61] = G2, r[62] = q2, r[63] = UY) : UY = r[63], r[64] === v ? WY = r[65] : (WY = v ? [
         20,
         20
-      ] : void 0, r[64] = v, r[65] = WY), GY = MARGIN, KY = false, qY = null, JY = true, YY = c.rowHeight, r[66] !== c || r[67] !== d ? (XY = (e3) => d({
-        ...c,
-        cells: e3
-      }), r[66] = c, r[67] = d, r[68] = XY) : XY = r[68], r[69] === w ? ZY = r[70] : (ZY = w ? {
+      ] : void 0, r[64] = v, r[65] = WY), GY = MARGIN, KY = false, qY = null, JY = true, YY = c.rowHeight, r[66] !== v || r[67] !== c || r[68] !== d ? (XY = (e3) => {
+        v || d({
+          ...c,
+          cells: e3
+        });
+      }, r[66] = v, r[67] = c, r[68] = d, r[69] = XY) : XY = r[69], r[70] === w ? ZY = r[71] : (ZY = w ? {
         i: w.i,
         w: w.w || 2,
         h: w.h || 2
-      } : void 0, r[69] = w, r[70] = ZY), r[71] !== LY || r[72] !== c || r[73] !== d ? (QY = (e3, r2, f2) => {
+      } : void 0, r[70] = w, r[71] = ZY), r[72] !== LY || r[73] !== c || r[74] !== d ? (QY = (e3, r2, f2) => {
         LY.onDragStop(), r2 && d({
           ...c,
           cells: [
@@ -99289,15 +99348,15 @@ ${c}
             r2
           ]
         });
-      }, r[71] = LY, r[72] = c, r[73] = d, r[74] = QY) : QY = r[74], r[75] === LY ? ($Y = r[76], eX = r[77], tX = r[78]) : ($Y = (e3, r2, c2, d2, f2) => {
+      }, r[72] = LY, r[73] = c, r[74] = d, r[75] = QY) : QY = r[75], r[76] === LY ? ($Y = r[77], eX = r[78], tX = r[79]) : ($Y = (e3, r2, c2, d2, f2) => {
         LY.onDragStart(f2);
       }, eX = (e3, r2, c2, d2, f2) => {
         LY.onDragMove(f2);
       }, tX = () => {
         LY.onDragStop();
-      }, r[75] = LY, r[76] = $Y, r[77] = eX, r[78] = tX), nX = _temp3$2, rX = zY, iX = zY, aX = zY, oX = zY ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = LY, r[77] = $Y, r[78] = eX, r[79] = tX), nX = _temp3$2, rX = zY, iX = zY, aX = zY, oX = zY ? `.${DRAG_HANDLE}` : "noop";
       let IY2;
-      r[79] === S ? IY2 = r[80] : (IY2 = (e3) => S.has(e3.id), r[79] = S, r[80] = IY2), sX = f.filter(IY2).map((r2) => {
+      r[80] === S ? IY2 = r[81] : (IY2 = (e3) => S.has(e3.id), r[80] = S, r[81] = IY2), sX = f.filter(IY2).map((r2) => {
         let f2 = e2.get(r2.id), v2 = c.scrollableCells.has(r2.id) ?? false, y3 = c.cellSide.get(r2.id), S2 = (0, import_jsx_runtime.jsx)(GridCell, {
           code: r2.code,
           mode: _,
@@ -99329,7 +99388,7 @@ ${c}
       }), r[10] = f, r[11] = z, r[12] = LY, r[13] = w, r[14] = zY, r[15] = S, r[16] = RY, r[17] = v, r[18] = c, r[19] = _, r[20] = d, r[21] = BY, r[22] = VY, r[23] = HY, r[24] = UY, r[25] = WY, r[26] = GY, r[27] = KY, r[28] = qY, r[29] = JY, r[30] = YY, r[31] = XY, r[32] = ZY, r[33] = QY, r[34] = $Y, r[35] = eX, r[36] = tX, r[37] = nX, r[38] = rX, r[39] = iX, r[40] = aX, r[41] = oX, r[42] = sX, r[43] = cX, r[44] = lX, r[45] = uX, r[46] = dX;
     } else BY = r[21], VY = r[22], HY = r[23], UY = r[24], WY = r[25], GY = r[26], KY = r[27], qY = r[28], JY = r[29], YY = r[30], XY = r[31], ZY = r[32], QY = r[33], $Y = r[34], eX = r[35], tX = r[36], nX = r[37], rX = r[38], iX = r[39], aX = r[40], oX = r[41], sX = r[42], cX = r[43], lX = r[44], uX = r[45], dX = r[46];
     let fX;
-    r[81] !== BY || r[82] !== HY || r[83] !== UY || r[84] !== WY || r[85] !== GY || r[86] !== KY || r[87] !== qY || r[88] !== JY || r[89] !== YY || r[90] !== XY || r[91] !== ZY || r[92] !== QY || r[93] !== $Y || r[94] !== eX || r[95] !== tX || r[96] !== nX || r[97] !== rX || r[98] !== iX || r[99] !== aX || r[100] !== oX || r[101] !== sX || r[102] !== cX || r[103] !== lX || r[104] !== uX || r[105] !== dX ? (fX = (0, import_jsx_runtime.jsx)(BY, {
+    r[82] !== BY || r[83] !== HY || r[84] !== UY || r[85] !== WY || r[86] !== GY || r[87] !== KY || r[88] !== qY || r[89] !== JY || r[90] !== YY || r[91] !== XY || r[92] !== ZY || r[93] !== QY || r[94] !== $Y || r[95] !== eX || r[96] !== tX || r[97] !== nX || r[98] !== rX || r[99] !== iX || r[100] !== aX || r[101] !== oX || r[102] !== sX || r[103] !== cX || r[104] !== lX || r[105] !== uX || r[106] !== dX ? (fX = (0, import_jsx_runtime.jsx)(BY, {
       breakpoint: cX,
       layouts: lX,
       style: uX,
@@ -99354,28 +99413,28 @@ ${c}
       isResizable: aX,
       draggableHandle: oX,
       children: sX
-    }), r[81] = BY, r[82] = HY, r[83] = UY, r[84] = WY, r[85] = GY, r[86] = KY, r[87] = qY, r[88] = JY, r[89] = YY, r[90] = XY, r[91] = ZY, r[92] = QY, r[93] = $Y, r[94] = eX, r[95] = tX, r[96] = nX, r[97] = rX, r[98] = iX, r[99] = aX, r[100] = oX, r[101] = sX, r[102] = cX, r[103] = lX, r[104] = uX, r[105] = dX, r[106] = fX) : fX = r[106];
+    }), r[82] = BY, r[83] = HY, r[84] = UY, r[85] = WY, r[86] = GY, r[87] = KY, r[88] = qY, r[89] = JY, r[90] = YY, r[91] = XY, r[92] = ZY, r[93] = QY, r[94] = $Y, r[95] = eX, r[96] = tX, r[97] = nX, r[98] = rX, r[99] = iX, r[100] = aX, r[101] = oX, r[102] = sX, r[103] = cX, r[104] = lX, r[105] = uX, r[106] = dX, r[107] = fX) : fX = r[107];
     let pX = fX, mX, hX, gX, _X, vX, yX, bX;
-    if (r[107] !== f || r[108] !== pX || r[109] !== S || r[110] !== O || r[111] !== v || r[112] !== c || r[113] !== _ || r[114] !== d || r[115] !== VY) {
+    if (r[108] !== f || r[109] !== pX || r[110] !== S || r[111] !== O || r[112] !== v || r[113] !== c || r[114] !== _ || r[115] !== d || r[116] !== VY) {
       bX = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let e2;
-        r[124] === S ? e2 = r[125] : (e2 = (e3) => !S.has(e3.id), r[124] = S, r[125] = e2);
+        r[125] === S ? e2 = r[126] : (e2 = (e3) => !S.has(e3.id), r[125] = S, r[126] = e2);
         let y2 = f.filter(e2);
         if (v) {
           if (c.bordered) {
             let e4;
-            r[126] !== pX || r[127] !== VY ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== pX || r[128] !== VY ? (e4 = (0, import_jsx_runtime.jsx)("div", {
               className: "flex flex-1 flex-col items-center",
               children: (0, import_jsx_runtime.jsx)("div", {
                 style: VY,
                 className: "bg-background flex-1 border-t border-x rounded-t shadow-sm w-full overflow-hidden",
                 children: pX
               })
-            }), r[126] = pX, r[127] = VY, r[128] = e4) : e4 = r[128], pX = e4;
+            }), r[127] = pX, r[128] = VY, r[129] = e4) : e4 = r[129], pX = e4;
           }
           let e3 = y2.filter(_temp4$2), d2;
-          r[129] === _ ? d2 = r[130] : (d2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
+          r[130] === _ ? d2 = r[131] : (d2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
             code: e4.code,
             mode: _,
             cellId: e4.id,
@@ -99383,7 +99442,7 @@ ${c}
             status: e4.status,
             isScrollable: false,
             hidden: false
-          }, e4.id), r[129] = _, r[130] = d2), bX = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = _, r[131] = d2), bX = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
               pX,
               (0, import_jsx_runtime.jsx)("div", {
@@ -99396,33 +99455,33 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[131] === pX ? e3 = r[132] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === pX ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
             children: pX
-          }), r[131] = pX, r[132] = e3);
+          }), r[132] = pX, r[133] = e3);
           let c2;
-          r[133] !== VY || r[134] !== e3 ? (c2 = (0, import_jsx_runtime.jsx)("div", {
+          r[134] !== VY || r[135] !== e3 ? (c2 = (0, import_jsx_runtime.jsx)("div", {
             style: VY,
             className: "bg-background border-t border-x rounded-t shadow-sm w-full mx-auto mt-4 h-[calc(100%-1rem)] overflow-hidden",
             children: e3
-          }), r[133] = VY, r[134] = e3, r[135] = c2) : c2 = r[135], pX = c2;
+          }), r[134] = VY, r[135] = e3, r[136] = c2) : c2 = r[136], pX = c2;
         }
-        r[136] !== O || r[137] !== c || r[138] !== d ? (yX = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== O || r[138] !== c || r[139] !== d ? (yX = (0, import_jsx_runtime.jsx)(GridControls, {
           layout: c,
           setLayout: d,
           isLocked: O,
           setIsLocked: M
-        }), r[136] = O, r[137] = c, r[138] = d, r[139] = yX) : yX = r[139];
+        }), r[137] = O, r[138] = c, r[139] = d, r[140] = yX) : yX = r[140];
         let w2;
-        r[140] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_X = cn("relative flex z-10 flex-1 overflow-hidden"), w2 = cn("grow overflow-auto transparent-when-disconnected"), r[140] = _X, r[141] = w2) : (_X = r[140], w2 = r[141]), r[142] === pX ? vX = r[143] : (vX = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_X = cn("relative flex z-10 flex-1 overflow-hidden"), w2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = _X, r[142] = w2) : (_X = r[141], w2 = r[142]), r[143] === pX ? vX = r[144] : (vX = (0, import_jsx_runtime.jsx)("div", {
           className: w2,
           children: pX
-        }), r[142] = pX, r[143] = vX), mX = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[144] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (hX = (0, import_jsx_runtime.jsx)("div", {
+        }), r[143] = pX, r[144] = vX), mX = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (hX = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[144] = hX) : hX = r[144];
+        }), r[145] = hX) : hX = r[145];
         let I2;
-        r[145] !== c.columns || r[146] !== c.rowHeight || r[147] !== _ ? (I2 = (e3) => (0, import_jsx_runtime.jsx)("div", {
+        r[146] !== c.columns || r[147] !== c.rowHeight || r[148] !== _ ? (I2 = (e3) => (0, import_jsx_runtime.jsx)("div", {
           draggable: true,
           unselectable: "on",
           "data-cell-id": e3.id,
@@ -99445,34 +99504,34 @@ ${c}
             status: e3.status,
             hidden: false
           })
-        }, e3.id), r[145] = c.columns, r[146] = c.rowHeight, r[147] = _, r[148] = I2) : I2 = r[148], gX = y2.map(I2);
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = _, r[149] = I2) : I2 = r[149], gX = y2.map(I2);
       }
-      r[107] = f, r[108] = pX, r[109] = S, r[110] = O, r[111] = v, r[112] = c, r[113] = _, r[114] = d, r[115] = VY, r[116] = mX, r[117] = hX, r[118] = gX, r[119] = _X, r[120] = vX, r[121] = yX, r[122] = bX, r[123] = pX;
-    } else mX = r[116], hX = r[117], gX = r[118], _X = r[119], vX = r[120], yX = r[121], bX = r[122], pX = r[123];
+      r[108] = f, r[109] = pX, r[110] = S, r[111] = O, r[112] = v, r[113] = c, r[114] = _, r[115] = d, r[116] = VY, r[117] = mX, r[118] = hX, r[119] = gX, r[120] = _X, r[121] = vX, r[122] = yX, r[123] = bX, r[124] = pX;
+    } else mX = r[117], hX = r[118], gX = r[119], _X = r[120], vX = r[121], yX = r[122], bX = r[123], pX = r[124];
     if (bX !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return bX;
     let xX;
-    r[149] !== mX || r[150] !== hX || r[151] !== gX ? (xX = (0, import_jsx_runtime.jsxs)("div", {
+    r[150] !== mX || r[151] !== hX || r[152] !== gX ? (xX = (0, import_jsx_runtime.jsxs)("div", {
       className: mX,
       children: [
         hX,
         gX
       ]
-    }), r[149] = mX, r[150] = hX, r[151] = gX, r[152] = xX) : xX = r[152];
+    }), r[150] = mX, r[151] = hX, r[152] = gX, r[153] = xX) : xX = r[153];
     let SX;
-    r[153] !== _X || r[154] !== vX || r[155] !== xX ? (SX = (0, import_jsx_runtime.jsxs)("div", {
+    r[154] !== _X || r[155] !== vX || r[156] !== xX ? (SX = (0, import_jsx_runtime.jsxs)("div", {
       className: _X,
       children: [
         vX,
         xX
       ]
-    }), r[153] = _X, r[154] = vX, r[155] = xX, r[156] = SX) : SX = r[156];
+    }), r[154] = _X, r[155] = vX, r[156] = xX, r[157] = SX) : SX = r[157];
     let CX;
-    return r[157] !== yX || r[158] !== SX ? (CX = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    return r[158] !== yX || r[159] !== SX ? (CX = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         yX,
         SX
       ]
-    }), r[157] = yX, r[158] = SX, r[159] = CX) : CX = r[159], CX;
+    }), r[158] = yX, r[159] = SX, r[160] = CX) : CX = r[160], CX;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$9.c)(20), { output: c, cellId: d, status: f, mode: _, code: v, hidden: y, isScrollable: S, side: w, className: E } = e, O;
@@ -99903,7 +99962,7 @@ ${c}
       cells: []
     })
   };
-  var import_compiler_runtime$8 = require_compiler_runtime(), LazySlidesComponent = import_react.lazy(() => import("./slides-component-DwvL_HJi.js"));
+  var import_compiler_runtime$8 = require_compiler_runtime(), LazySlidesComponent = import_react.lazy(() => import("./slides-component-GkilRW21.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) {