@marimo-team/islands 0.17.8 → 0.18.0

package/dist/main.js

@@ -7,22 +7,22 @@ import { t as require_compiler_runtime } from "./compiler-runtime-DTozApu4.js";
 import { n as toast, t as copyToClipboard } from "./copy-BeueJfCy.js";
 import { n as require_cjs$1, t as Download } from "./download-Bb5BCMXq.js";
 import { t as createLucideIcon } from "./createLucideIcon-ixdBmsqu.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-qDDGe5hl.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-BotzCMo3.js";
 import { t as Check } from "./check-DvmFwGOM.js";
-import { C as createCollection, D as usePrevious, E as useOnUnmount, F as $b5e257d569688ac6$export$535bd6ca7f90a273, L as X, N as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, O as assertNever, P as $18f2051aff69b9bf$export$a54013f0d02a8f82, S as useDirection, T as useOnMount, a as SelectItem, b as Icon, c as SelectTrigger, d as selectStyles, f as MENU_ITEM_DISABLED, g as menuItemVariants, i as SelectGroup, j as $a916eb452884faea$export$b7a616150fdb9f44, k as logNever, l as SelectValue, n as Select, o as SelectLabel, r as SelectContent, s as SelectSeparator, t as Label, u as NativeSelect, v as menuSeparatorVariants, w as clamp$2, x as Trigger$4, z as ChevronDown } from "./label-D3LNCORf.js";
-import { $ as $e93e671b31057976$export$b8473d3665f3a75a, A as $a049562f99e7db0e$export$f9c6924e160136d1, At as $c87311424ea30a05$export$9ac100e40613ea10, B as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, Bt as $431fbd86ca7dc216$export$b204af158042fbac, C as DropdownMenuTrigger, Ct as $b4b717babfbb907b$export$bebd5a1431fec25d, D as $3985021b0ad6602f$export$37fb8590cf2c088c, Dt as $313b98861ee5dd6c$export$d6875122194c7b44, E as createRovingFocusGroupScope, Et as $df56164dff5785e2$export$4338b53315abf666, F as $514c0188e459b4c0$export$9afb8bc826b033ea, Ft as $3ef42575df84b30b$export$9d1611c77c2fe928, G as $64fa3d84918910a7$export$c245e6201fed2f75, Gt as $8ae05eaa5c114e9c$export$7f54fc3180508a52, H as $64fa3d84918910a7$export$29f1550f4b0d4415, Ht as $ff5963eb1fccf552$export$e08e3b67e392101e, I as $d2b4bc8c273e7be6$export$24d547caef80ccd1, It as $d4ee10de306f2510$export$4282f70798064fe0, J as $64fa3d84918910a7$export$fabf2dc03a41866e, Jt as Search, K as $64fa3d84918910a7$export$c62b8e45d58ddad9, Kt as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, L as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, Lt as $d4ee10de306f2510$export$cd4e5573fbe2b576, M as $ee014567cb39d3f0$export$f551688fc98f2e09, Mt as $c87311424ea30a05$export$fedb369cb70207f1, N as $ee014567cb39d3f0$export$ff05c3ac10437e03, Nt as $7215afc6de606d6b$export$de79e2c695e052f3, O as $3985021b0ad6602f$export$f5b8910cec6cf069, Ot as $c87311424ea30a05$export$6446a186d09e379e, P as $514c0188e459b4c0$export$5f1af8db9871e1d6, Pt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, Q as $2baaea4c71418dea$export$294aa081a6c6f55d, Qt as ChevronRight, R as $01b77f81d0f07f68$export$75b6ee27786ba447, Rt as $d4ee10de306f2510$export$e58f029f0fbfdb29, S as DropdownMenuSubTrigger, St as $b4b717babfbb907b$export$4c063cf1350e6fed, T as Root$5, Tt as $e9faafb641e167db$export$90fc3a17d93f704c, U as $64fa3d84918910a7$export$4d86445c2cf5e3, Ut as $bdb11010cef70236$export$b4cc09c592e8fdb8, V as $64fa3d84918910a7$export$2881499e37b75b9a, Vt as $431fbd86ca7dc216$export$f21a1ffae260145a, W as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, Wt as $bdb11010cef70236$export$f680877a34711e37, X as capitalize_default, Xt as Pencil, Y as useNonce, Yt as Plus, Z as $d2e8511e6f209edf$export$e908e06f4b8e3402, Zt as Circle, _ as DropdownMenuLabel, _t as $f6c31cce2adf654f$export$45712eceda6fad21, a as Input, at as $319e236875307eab$export$a9b970dcc4ae71a9, b as DropdownMenuSub, bt as $9446cca9a3875146$export$7d15b64cf5a3a4c4, c as prettyEngineeringNumber, ct as $6c7bd7858deea686$export$cd11ab140839f11d, d as useDebounceControlledState, dt as $6db58dc88e78b024$export$2f817fcdc4b89ae0, et as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, f as useDebouncedCallback, ft as $5b160d28a433310d$export$c17fa47878dc55b6, g as DropdownMenuItem, gt as $507fabe10e71c6fb$export$630ff653c5ada6a9, h as DropdownMenuGroup, ht as $3ad3f6e1647bc98d$export$80f3e147d781571c, i as DebouncedNumberInput, it as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, j as $d3e0e05bdfcf66bd$export$c24727297075ec6a, jt as $c87311424ea30a05$export$a11b0059900ceec8, k as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, kt as $c87311424ea30a05$export$78551043582a6a98, l as prettyNumber, lt as $fca6afa0e843324b$export$87b761675e8eaa10, m as DropdownMenuContent, mt as $9ab94262bd0047c7$export$420e68273165f4ec, n as ErrorBoundary, nt as $e5be200c675c3b3a$export$aca958c65c314e6c, o as OnBlurredInput, ot as $f7dceffc5ad7768b$export$4e328f61c538687f, p as DropdownMenu, pt as $6179b936705e76d3$export$ae780daf29e6d456, q as $64fa3d84918910a7$export$ef03459518577ad4, qt as Trash, r as DebouncedInput, rt as $e5be200c675c3b3a$export$dad6ae84456c676a, s as NumberField, st as $701a24aa0da5b062$export$ea18c227d4417cc3, t as BulkEdit, tt as $e5be200c675c3b3a$export$a763b9476acd3eb, u as prettyScientificNumber, ut as $fca6afa0e843324b$export$f12b703ca79dfbb1, v as DropdownMenuPortal, vt as _class_private_field_init, w as Item$2, wt as $99facab73266f662$export$5add1d006293d136, x as DropdownMenuSubContent, xt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as DropdownMenuSeparator, yt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, z as $01b77f81d0f07f68$export$b04be29aa201d4f5, zt as $f4e2df6bd15f8569$export$98658e8c59125e6a } from "./types-2eTEqSwS.js";
-import { S as CircleQuestionMark, _ as isUrl, a as AlertDescription, b as Deferred, c as toDate, d as millisecondsInHour, f as millisecondsInMinute, g as getRuntimeManager, h as asRemoteURL, i as Alert, l as constructFrom, m as millisecondsInWeek, n as useDeepCompareMemoize, o as AlertTitle, p as millisecondsInSecond, r as dequal, s as isValid$1, t as arrow, u as millisecondsInDay, v as require_cuid2, x as isWasm, y as isStaticNotebook } from "./formats-dvT8nDgH.js";
+import { C as createCollection, D as usePrevious, E as useOnUnmount, F as $b5e257d569688ac6$export$535bd6ca7f90a273, L as X, N as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, O as assertNever, P as $18f2051aff69b9bf$export$a54013f0d02a8f82, S as useDirection, T as useOnMount, a as SelectItem, b as Icon, c as SelectTrigger, d as selectStyles, f as MENU_ITEM_DISABLED, g as menuItemVariants, i as SelectGroup, j as $a916eb452884faea$export$b7a616150fdb9f44, k as logNever, l as SelectValue, n as Select, o as SelectLabel, r as SelectContent, s as SelectSeparator, t as Label, u as NativeSelect, v as menuSeparatorVariants, w as clamp$2, x as Trigger$4, z as ChevronDown } from "./label-Dsm6T1fr.js";
+import { $ as $e93e671b31057976$export$b8473d3665f3a75a, A as $a049562f99e7db0e$export$f9c6924e160136d1, At as $c87311424ea30a05$export$9ac100e40613ea10, B as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, Bt as $431fbd86ca7dc216$export$b204af158042fbac, C as DropdownMenuTrigger, Ct as $b4b717babfbb907b$export$bebd5a1431fec25d, D as $3985021b0ad6602f$export$37fb8590cf2c088c, Dt as $313b98861ee5dd6c$export$d6875122194c7b44, E as createRovingFocusGroupScope, Et as $df56164dff5785e2$export$4338b53315abf666, F as $514c0188e459b4c0$export$9afb8bc826b033ea, Ft as $3ef42575df84b30b$export$9d1611c77c2fe928, G as $64fa3d84918910a7$export$c245e6201fed2f75, Gt as $8ae05eaa5c114e9c$export$7f54fc3180508a52, H as $64fa3d84918910a7$export$29f1550f4b0d4415, Ht as $ff5963eb1fccf552$export$e08e3b67e392101e, I as $d2b4bc8c273e7be6$export$24d547caef80ccd1, It as $d4ee10de306f2510$export$4282f70798064fe0, J as $64fa3d84918910a7$export$fabf2dc03a41866e, Jt as Search, K as $64fa3d84918910a7$export$c62b8e45d58ddad9, Kt as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, L as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, Lt as $d4ee10de306f2510$export$cd4e5573fbe2b576, M as $ee014567cb39d3f0$export$f551688fc98f2e09, Mt as $c87311424ea30a05$export$fedb369cb70207f1, N as $ee014567cb39d3f0$export$ff05c3ac10437e03, Nt as $7215afc6de606d6b$export$de79e2c695e052f3, O as $3985021b0ad6602f$export$f5b8910cec6cf069, Ot as $c87311424ea30a05$export$6446a186d09e379e, P as $514c0188e459b4c0$export$5f1af8db9871e1d6, Pt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, Q as $2baaea4c71418dea$export$294aa081a6c6f55d, Qt as ChevronRight, R as $01b77f81d0f07f68$export$75b6ee27786ba447, Rt as $d4ee10de306f2510$export$e58f029f0fbfdb29, S as DropdownMenuSubTrigger, St as $b4b717babfbb907b$export$4c063cf1350e6fed, T as Root$5, Tt as $e9faafb641e167db$export$90fc3a17d93f704c, U as $64fa3d84918910a7$export$4d86445c2cf5e3, Ut as $bdb11010cef70236$export$b4cc09c592e8fdb8, V as $64fa3d84918910a7$export$2881499e37b75b9a, Vt as $431fbd86ca7dc216$export$f21a1ffae260145a, W as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, Wt as $bdb11010cef70236$export$f680877a34711e37, X as capitalize_default, Xt as Pencil, Y as useNonce, Yt as Plus, Z as $d2e8511e6f209edf$export$e908e06f4b8e3402, Zt as Circle, _ as DropdownMenuLabel, _t as $f6c31cce2adf654f$export$45712eceda6fad21, a as Input, at as $319e236875307eab$export$a9b970dcc4ae71a9, b as DropdownMenuSub, bt as $9446cca9a3875146$export$7d15b64cf5a3a4c4, c as prettyEngineeringNumber, ct as $6c7bd7858deea686$export$cd11ab140839f11d, d as useDebounceControlledState, dt as $6db58dc88e78b024$export$2f817fcdc4b89ae0, et as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, f as useDebouncedCallback, ft as $5b160d28a433310d$export$c17fa47878dc55b6, g as DropdownMenuItem, gt as $507fabe10e71c6fb$export$630ff653c5ada6a9, h as DropdownMenuGroup, ht as $3ad3f6e1647bc98d$export$80f3e147d781571c, i as DebouncedNumberInput, it as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, j as $d3e0e05bdfcf66bd$export$c24727297075ec6a, jt as $c87311424ea30a05$export$a11b0059900ceec8, k as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, kt as $c87311424ea30a05$export$78551043582a6a98, l as prettyNumber, lt as $fca6afa0e843324b$export$87b761675e8eaa10, m as DropdownMenuContent, mt as $9ab94262bd0047c7$export$420e68273165f4ec, n as ErrorBoundary, nt as $e5be200c675c3b3a$export$aca958c65c314e6c, o as OnBlurredInput, ot as $f7dceffc5ad7768b$export$4e328f61c538687f, p as DropdownMenu, pt as $6179b936705e76d3$export$ae780daf29e6d456, q as $64fa3d84918910a7$export$ef03459518577ad4, qt as Trash, r as DebouncedInput, rt as $e5be200c675c3b3a$export$dad6ae84456c676a, s as NumberField, st as $701a24aa0da5b062$export$ea18c227d4417cc3, t as BulkEdit, tt as $e5be200c675c3b3a$export$a763b9476acd3eb, u as prettyScientificNumber, ut as $fca6afa0e843324b$export$f12b703ca79dfbb1, v as DropdownMenuPortal, vt as _class_private_field_init, w as Item$2, wt as $99facab73266f662$export$5add1d006293d136, x as DropdownMenuSubContent, xt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as DropdownMenuSeparator, yt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, z as $01b77f81d0f07f68$export$b04be29aa201d4f5, zt as $f4e2df6bd15f8569$export$98658e8c59125e6a } from "./types-IRrkdH-H.js";
+import { C as CircleQuestionMark, S as isWasm, _ as appendQueryParams, a as AlertDescription, b as isStaticNotebook, c as toDate, d as millisecondsInHour, f as millisecondsInMinute, g as getRuntimeManager, h as asRemoteURL, i as Alert, l as constructFrom, m as millisecondsInWeek, n as useDeepCompareMemoize, o as AlertTitle, p as millisecondsInSecond, r as dequal, s as isValid$1, t as arrow, u as millisecondsInDay, v as isUrl, x as Deferred, y as require_cuid2 } from "./formats-oddMfm9_.js";
 import { t as Copy } from "./copy-B9QnP3Mi.js";
 import { n as clsx_default } from "./clsx-JH8KOlt9.js";
 import { a as Slot$1, c as composeRefs, d as cn, i as useEventListener, l as useComposedRefs, n as buttonVariants, o as createSlot, r as cva, t as Button, u as Events } from "./button-Hye6-2X8.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-C3KM59Ph.js";
-import { C as DismissableLayer, E as dispatchDiscreteCustomEvent, O as createContextScope, S as useLayoutEffect2, T as Primitive, _ as Content$3, a as __awaiter, b as useSize, c as withSmartCollisionBoundary, f as useControllableState, g as Arrow, h as Anchor, i as useFocusGuards, k as composeEventHandlers, l as StyleNamespace, m as Portal, n as hideOthers, o as MAX_HEIGHT_OFFSET, p as Presence, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as Root$6, v as Root2$5, w as useCallbackRef, x as useId$10, y as createPopperScope } from "./Combination-BH_L276x.js";
+import { A as composeEventHandlers, C as useLayoutEffect2, D as dispatchDiscreteCustomEvent, E as Primitive, S as useId$10, T as useCallbackRef, _ as Arrow, a as __awaiter, b as createPopperScope, c as withSmartCollisionBoundary, d as Root$6, g as Anchor, h as Portal, i as useFocusGuards, k 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$5 } from "./Combination-D68fi0fY.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-Duz3IlLt.js";
 import { t as require_react_dom } from "./react-dom-DBPBYhx0.js";
-import { a as Portal$2, c as Tooltip, d as TooltipProvider, f as TooltipRoot, i as Overlay, l as TooltipContent, m as TooltipProvider$1, n as ErrorBanner, o as Root$7, p as TooltipTrigger, r as Content$4, s as CellNotInitializedError, t as Banner, u as TooltipPortal } from "./error-banner-BqE1uF21.js";
-import { a as _extends$5, c as historyField, l as insertTab, n as minimalSetup, o as forEachDiagnostic, r as langs, s as setDiagnostics, t as esm_default, u as CopyClipboardIcon } from "./esm-hR1r0nyt.js";
+import { a as Portal$2, c as Tooltip, d as TooltipProvider, f as TooltipRoot, i as Overlay, l as TooltipContent, m as TooltipProvider$1, n as ErrorBanner, o as Root$7, p as TooltipTrigger, r as Content$4, s as CellNotInitializedError, t as Banner, u as TooltipPortal } from "./error-banner-CPLhCPHA.js";
+import { a as _extends$5, c as historyField, l as insertTab, n as minimalSetup, o as forEachDiagnostic, r as langs, s as setDiagnostics, t as esm_default, u as CopyClipboardIcon } from "./esm-DxgKy8Wv.js";
 import { t as purify } from "./purify.es-DaeeWvOb.js";
-import { C as INTERNAL_getBuildingBlocksRev1, S as INTERNAL_buildStoreRev1, _ as useAtomValue, a as localeAtom, b as atom, c as createDeepEqualAtom, d as waitFor, f as isIslands, g as useAtom, h as Provider, i as getResolvedMarimoConfig, l as store, m as useEvent_default, n as aiEnabledAtom, o as useResolvedMarimoConfig, p as isEqual_default, r as autoInstantiateAtom, s as AppConfigSchema, t as useTheme, u as useJotaiEffect, v as useSetAtom, y as useStore } from "./useTheme-B-2frT0L.js";
+import { C as INTERNAL_getBuildingBlocksRev1, S as INTERNAL_buildStoreRev1, _ as useAtomValue, a as localeAtom, b as atom, c as createDeepEqualAtom, d as waitFor, f as isIslands, g as useAtom, h as Provider, i as getResolvedMarimoConfig, l as store, m as useEvent_default, n as aiEnabledAtom, o as useResolvedMarimoConfig, p as isEqual_default, r as autoInstantiateAtom, s as AppConfigSchema, t as useTheme, u as useJotaiEffect, v as useSetAtom, y as useStore } from "./useTheme-D56Xlrez.js";
 import { $ as WidgetType, B as tags$1, Ct as EditorSelection, Dt as Prec, E as getIndentUnit, I as syntaxTree, J as parseMixed, L as unfoldAll, Mt as StateField, Nt as Text$2, Pt as Transaction, Q as ViewPlugin, S as foldInside, St as Compartment, Tt as Facet$1, Y as Decoration, Z as EditorView, b as foldAll, ct as hoverTooltip, f as StreamLanguage, ft as placeholder, ht as showPanel, jt as StateEffect, l as LanguageDescription, lt as keymap, u as LanguageSupport, w as foldNodeProp, wt as EditorState } from "./dist-CGV4FD3F.js";
 import { d as snippet, n as acceptCompletion, o as closeCompletion, r as autocompletion, u as insertCompletionText } from "./dist-Mp_OMc88.js";
 import { E as _baseRest_default, b as _baseTimes_default, t as isArrayLikeObject_default } from "./isArrayLikeObject-LulrZoeO.js";
@@ -57,7 +57,7 @@ import { t as marked } from "./marked.esm-CqJtK50L.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-BLj2WRAk.js";
 import { n as memoize$1, t as isPropValid } from "./emotion-is-prop-valid.esm-CO4NB_FG.js";
 import { t as require_prop_types } from "./prop-types-DeRYypi2.js";
-import { t as useAsyncData } from "./useAsyncData-6gisQ4pR.js";
+import { t as useAsyncData } from "./useAsyncData-CsSW6_Zh.js";
 import "./dist-fAhDKvae.js";
 import "./dist-Ci5nvo1A.js";
 import "./dist-CMgwptRJ.js";
@@ -4925,6 +4925,21 @@ let __tla = (async () => {
         key: "1cv678"
       }
     ]
+  ]), RotateCw = createLucideIcon("rotate-cw", [
+    [
+      "path",
+      {
+        d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
+        key: "1p45f6"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M21 3v5h-5",
+        key: "1q7to0"
+      }
+    ]
   ]), Scroll = createLucideIcon("scroll", [
     [
       "path",
@@ -32624,7 +32639,7 @@ ${JSON.stringify(e2, null, 4)}`);
       let r2 = d.get(e2);
       r2 && (g(), l(r2.name), setLatestEngineSelected(r2.name));
     }, r[0] = d, r[1] = l, r[2] = g, r[3] = y) : y = r[3];
-    let b = y, S = _temp3$17, w = Select, D;
+    let b = y, S = _temp3$18, w = Select, D;
     r[4] === Symbol.for("react.memo_cache_sentinel") ? (D = (0, import_jsx_runtime.jsx)(SQLSelectTrigger, {
       children: (0, import_jsx_runtime.jsx)(SelectValue, {
         placeholder: "Select an engine"
@@ -32768,7 +32783,7 @@ ${JSON.stringify(e2, null, 4)}`);
       })
     }, e.name);
   }
-  function _temp3$17(e) {
+  function _temp3$18(e) {
     return e = e.filter(_temp$37), e.map(_temp2$27);
   }
   function _temp4$10(e) {
@@ -37504,7 +37519,7 @@ ${JSON.stringify(e2, null, 4)}`);
         tagNameCheck: /^(marimo-[A-Za-z][\w-]*|iconify-icon)$/,
         attributeNameCheck: /^[A-Za-z][\w-]*$/
       },
-      SAFE_FOR_XML: e.includes("marimo-mermaid")
+      SAFE_FOR_XML: !e.includes("marimo-mermaid")
     };
     return purify.sanitize(e, r);
   }
@@ -38533,8 +38548,8 @@ ${JSON.stringify(e2, null, 4)}`);
       });
     }
   }, NavMenuComponent = (e) => {
-    let r = (0, import_compiler_runtime$134.c)(13), { items: c, orientation: l } = e, d = _temp$36, f = _temp2$26, h;
-    r[0] === l ? h = r[1] : (h = (e2) => "items" in e2 ? l === "horizontal" ? (0, import_jsx_runtime.jsxs)(NavigationMenuItem, {
+    let r = (0, import_compiler_runtime$134.c)(13), { items: c, orientation: l } = e, d = _temp$36, f = _temp2$26, h = _temp3$17, g;
+    r[0] === l ? g = r[1] : (g = (e2) => "items" in e2 ? l === "horizontal" ? (0, import_jsx_runtime.jsxs)(NavigationMenuItem, {
       children: [
         (0, import_jsx_runtime.jsx)(NavigationMenuTrigger, {
           children: renderHTML({
@@ -38547,7 +38562,7 @@ ${JSON.stringify(e2, null, 4)}`);
               className: "grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px] ",
               children: e2.items.map((e3) => (0, import_jsx_runtime.jsx)(ListItem, {
                 label: e3.label,
-                href: e3.href,
+                href: h(e3.href),
                 target: f(e3.href),
                 children: e3.description && renderHTML({
                   html: e3.description
@@ -38570,7 +38585,7 @@ ${JSON.stringify(e2, null, 4)}`);
           orientation: l,
           children: e2.items.map((e3) => (0, import_jsx_runtime.jsx)(import_react.Fragment, {
             children: d((0, import_jsx_runtime.jsx)(NavigationMenuLink, {
-              href: e3.href,
+              href: h(e3.href),
               target: f(e3.href),
               className: navigationMenuTriggerStyle({
                 orientation: l
@@ -38584,7 +38599,7 @@ ${JSON.stringify(e2, null, 4)}`);
       ]
     }, e2.label) : (0, import_jsx_runtime.jsx)(NavigationMenuItem, {
       children: (0, import_jsx_runtime.jsx)(NavigationMenuLink, {
-        href: e2.href,
+        href: h(e2.href),
         target: f(e2.href),
         className: navigationMenuTriggerStyle({
           orientation: l
@@ -38593,23 +38608,23 @@ ${JSON.stringify(e2, null, 4)}`);
           html: e2.label
         })
       })
-    }, e2.label), r[0] = l, r[1] = h);
-    let g = h, _;
-    if (r[2] !== c || r[3] !== g) {
+    }, e2.label), r[0] = l, r[1] = g);
+    let _ = g, y;
+    if (r[2] !== c || r[3] !== _) {
       let e2;
-      r[5] === g ? e2 = r[6] : (e2 = (e3) => g(e3), r[5] = g, r[6] = e2), _ = c.map(e2), r[2] = c, r[3] = g, r[4] = _;
-    } else _ = r[4];
-    let y;
-    r[7] !== l || r[8] !== _ ? (y = (0, import_jsx_runtime.jsx)(NavigationMenuList, {
-      className: "auto-collapse-nav",
-      orientation: l,
-      children: _
-    }), r[7] = l, r[8] = _, r[9] = y) : y = r[9];
+      r[5] === _ ? e2 = r[6] : (e2 = (e3) => _(e3), r[5] = _, r[6] = e2), y = c.map(e2), r[2] = c, r[3] = _, r[4] = y;
+    } else y = r[4];
     let b;
-    return r[10] !== l || r[11] !== y ? (b = (0, import_jsx_runtime.jsx)(NavigationMenu, {
+    r[7] !== l || r[8] !== y ? (b = (0, import_jsx_runtime.jsx)(NavigationMenuList, {
+      className: "auto-collapse-nav",
       orientation: l,
       children: y
-    }), r[10] = l, r[11] = y, r[12] = b) : b = r[12], b;
+    }), r[7] = l, r[8] = y, r[9] = b) : b = r[9];
+    let S;
+    return r[10] !== l || r[11] !== b ? (S = (0, import_jsx_runtime.jsx)(NavigationMenu, {
+      orientation: l,
+      children: b
+    }), r[10] = l, r[11] = b, r[12] = S) : S = r[12], S;
   }, ListItem = import_react.forwardRef((e, r) => {
     let c = (0, import_compiler_runtime$134.c)(19), l, d, f, h;
     c[0] === e ? (l = c[1], d = c[2], f = c[3], h = c[4]) : ({ className: d, label: f, children: l, ...h } = e, c[0] = e, c[1] = l, c[2] = d, c[3] = f, c[4] = h);
@@ -38658,6 +38673,15 @@ ${JSON.stringify(e2, null, 4)}`);
   function _temp2$26(e) {
     return e.startsWith("http") ? "_blank" : "_self";
   }
+  function _temp3$17(e) {
+    return appendQueryParams({
+      href: e,
+      queryParams: new URL(globalThis.location.href).search,
+      keys: [
+        KnownQueryParams.filePath
+      ]
+    });
+  }
   function defineCustomEvent(e) {
     return () => ({
       TYPE: e,
@@ -49420,7 +49444,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
       children: _
     }), r[7] = d.label, r[8] = g, r[9] = _, r[10] = y) : y = r[10], y;
   };
-  const LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-YPQMljy9.js"));
+  const LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-BS-Z5AY5.js"));
   var import_compiler_runtime$121 = __toESM(require_compiler_runtime(), 1), CodeEditorPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-code-editor");
@@ -60036,7 +60060,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function isOutputEmpty(e) {
     return e == null || e.data == null || e.data === "";
   }
-  const LazyVegaEmbed = import_react.lazy(() => import("./react-vega-BIDT9Ttp.js").then((e) => ({
+  const LazyVegaEmbed = import_react.lazy(() => import("./react-vega-DV2IwPx_.js").then((e) => ({
     default: e.VegaEmbed
   })));
   var import_compiler_runtime$108 = __toESM(require_compiler_runtime(), 1);
@@ -67484,7 +67508,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
   const prettifyRowColumnCount = (e, r, c) => [
     e === "too_many" ? "Unknown" : prettifyRowCount(e, c),
     `${prettyNumber(r, c)} ${new PluralWord("column").pluralize(r)}`
-  ].join(", "), TableActions = ({ enableSearch: e, onSearchQueryChange: r, isSearchEnabled: c, setIsSearchEnabled: l, pagination: d, totalColumns: f, selection: h, onRowSelectionChange: g, table: y, downloadAs: b, getRowIds: S, toggleDisplayHeader: w, showChartBuilder: D, showColumnExplorer: P, showPageSizeSelector: F, togglePanel: R, isPanelOpen: z, tableLoading: H }) => (0, import_jsx_runtime.jsxs)("div", {
+  ].join(", "), TableActions = ({ enableSearch: e, onSearchQueryChange: r, isSearchEnabled: c, setIsSearchEnabled: l, pagination: d, totalColumns: f, selection: h, onRowSelectionChange: g, table: y, downloadAs: b, getRowIds: S, toggleDisplayHeader: w, showChartBuilder: D, showColumnExplorer: P, showRowExplorer: F, showPageSizeSelector: R, togglePanel: z, isPanelOpen: H, tableLoading: Q }) => (0, import_jsx_runtime.jsxs)("div", {
     className: "flex items-center shrink-0 pt-1",
     children: [
       r && e && (0, import_jsx_runtime.jsx)(Tooltip, {
@@ -67511,16 +67535,16 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
           })
         })
       }),
-      R && z !== void 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      z && H !== void 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
-          (0, import_jsx_runtime.jsx)(Tooltip, {
+          F && (0, import_jsx_runtime.jsx)(Tooltip, {
             content: "Toggle row viewer",
             children: (0, import_jsx_runtime.jsx)(Button, {
               variant: "text",
               size: "xs",
-              onClick: () => R("row-viewer"),
+              onClick: () => z("row-viewer"),
               children: (0, import_jsx_runtime.jsx)(PanelRight, {
-                className: cn("w-4 h-4 text-muted-foreground", z("row-viewer") && "text-primary")
+                className: cn("w-4 h-4 text-muted-foreground", H("row-viewer") && "text-primary")
               })
             })
           }),
@@ -67529,9 +67553,9 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
             children: (0, import_jsx_runtime.jsx)(Button, {
               variant: "text",
               size: "xs",
-              onClick: () => R("column-explorer"),
+              onClick: () => z("column-explorer"),
               children: (0, import_jsx_runtime.jsx)(ChartColumnStacked, {
-                className: cn("w-4 h-4 text-muted-foreground", z("column-explorer") && "text-primary")
+                className: cn("w-4 h-4 text-muted-foreground", H("column-explorer") && "text-primary")
               })
             })
           })
@@ -67575,8 +67599,8 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
           });
         },
         table: y,
-        tableLoading: H,
-        showPageSizeSelector: F
+        tableLoading: Q,
+        showPageSizeSelector: R
       }),
       (0, import_jsx_runtime.jsx)("div", {
         className: "ml-auto",
@@ -67585,22 +67609,22 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
         })
       })
     ]
-  }), DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: r, maxHeight: c, columns: l, data: d, selection: f, totalColumns: h, totalRows: g, manualSorting: _ = false, sorting: y, setSorting: b, rowSelection: S, cellSelection: w, cellStyling: D, hoverTemplate: P, cellHoverTexts: F, paginationState: R, setPaginationState: z, downloadAs: H, manualPagination: Q = false, pagination: iX = false, onRowSelectionChange: aX, onCellSelectionChange: oX, getRowIds: sX, enableSearch: cX = false, searchQuery: lX, onSearchQueryChange: uX, showFilters: dX = false, filters: fX, onFiltersChange: pX, reloading: mX, freezeColumnsLeft: hX, freezeColumnsRight: gX, toggleDisplayHeader: _X, showChartBuilder: vX, showPageSizeSelector: yX, showColumnExplorer: bX, togglePanel: xX, isPanelOpen: SX, viewedRowIdx: CX, onViewedRowChange: wX }) => {
-    let [TX, EX] = import_react.useState(false), [DX, OX] = import_react.useState(false), { locale: kX } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: AX, setColumnPinning: jX } = useColumnPinning(hX, gX);
+  }), DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: r, maxHeight: c, columns: l, data: d, selection: f, totalColumns: h, totalRows: g, manualSorting: _ = false, sorting: y, setSorting: b, rowSelection: S, cellSelection: w, cellStyling: D, hoverTemplate: P, cellHoverTexts: F, paginationState: R, setPaginationState: z, downloadAs: H, manualPagination: Q = false, pagination: iX = false, onRowSelectionChange: aX, onCellSelectionChange: oX, getRowIds: sX, enableSearch: cX = false, searchQuery: lX, onSearchQueryChange: uX, showFilters: dX = false, filters: fX, onFiltersChange: pX, reloading: mX, freezeColumnsLeft: hX, freezeColumnsRight: gX, toggleDisplayHeader: _X, showChartBuilder: vX, showPageSizeSelector: yX, showColumnExplorer: bX, showRowExplorer: xX, togglePanel: SX, isPanelOpen: CX, viewedRowIdx: wX, onViewedRowChange: TX }) => {
+    let [EX, DX] = import_react.useState(false), [OX, kX] = import_react.useState(false), { locale: AX } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: jX, setColumnPinning: MX } = useColumnPinning(hX, gX);
     import_react.useEffect(() => {
       let e2;
       return mX ? e2 = setTimeout(() => {
-        OX(true);
-      }, 300) : OX(false), () => {
+        kX(true);
+      }, 300) : kX(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
       mX
     ]);
-    function MX(e2, r2) {
+    function NX(e2, r2) {
       return R ? r2 + (Q ? R.pageIndex * R.pageSize : 0) : r2;
     }
-    let NX = useReactTable({
+    let PX = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -67621,11 +67645,11 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
         getRowId: (e2, r2) => {
           let c2 = getStableRowId(e2);
           if (c2) return c2;
-          let l2 = MX(e2, r2);
+          let l2 = NX(e2, r2);
           return String(l2);
         }
       } : {},
-      locale: kX,
+      locale: AX,
       manualPagination: Q,
       getPaginationRowModel: getPaginationRowModel(),
       ...b ? {
@@ -67642,9 +67666,9 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       onCellSelectionChange: oX,
       enableCellSelection: f === "single-cell" || f === "multi-cell",
       enableMultiCellSelection: f === "multi-cell",
-      onColumnPinningChange: jX,
+      onColumnPinningChange: MX,
       enableFocusRow: true,
-      onFocusRowChange: wX,
+      onFocusRowChange: TX,
       state: {
         ...y ? {
           sorting: y
@@ -67661,14 +67685,14 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
         rowSelection: S ?? {},
         cellSelection: w ?? [],
         cellStyling: D,
-        columnPinning: AX,
+        columnPinning: jX,
         cellHoverTemplate: P,
         cellHoverTexts: F ?? {}
       }
-    }), PX = (SX == null ? void 0 : SX("row-viewer")) ?? false, FX = import_react.useRef(null);
+    }), FX = (CX == null ? void 0 : CX("row-viewer")) ?? false, IX = import_react.useRef(null);
     return import_react.useEffect(() => {
-      if (!FX.current) return;
-      let e2 = FX.current.parentElement;
+      if (!IX.current) return;
+      let e2 = IX.current.parentElement;
       e2 && (c ? (e2.style.maxHeight = `${c}px`, e2.style.overflow || (e2.style.overflow = "auto")) : e2.style.removeProperty("max-height"));
     }, [
       c
@@ -67677,33 +67701,33 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: [
         (0, import_jsx_runtime.jsx)(FilterPills, {
           filters: fX,
-          table: NX
+          table: PX
         }),
         (0, import_jsx_runtime.jsxs)("div", {
           className: cn(r || "rounded-md border overflow-hidden"),
           children: [
             uX && cX && (0, import_jsx_runtime.jsx)(SearchBar, {
               value: lX || "",
-              onHide: () => EX(false),
+              onHide: () => DX(false),
               handleSearch: uX,
-              hidden: !TX,
+              hidden: !EX,
               reloading: mX
             }),
             (0, import_jsx_runtime.jsxs)(Table, {
               className: "relative",
-              ref: FX,
+              ref: IX,
               children: [
-                DX && (0, import_jsx_runtime.jsx)("thead", {
+                OX && (0, import_jsx_runtime.jsx)("thead", {
                   className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
                 }),
-                renderTableHeader(NX, !!c),
+                renderTableHeader(PX, !!c),
                 (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
                   children: (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: NX,
+                    table: PX,
                     columns: l,
-                    rowViewerPanelOpen: PX,
-                    getRowIndex: MX,
-                    viewedRowIdx: CX
+                    rowViewerPanelOpen: FX,
+                    getRowIndex: NX,
+                    viewedRowIdx: wX
                   })
                 })
               ]
@@ -67714,20 +67738,21 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
           enableSearch: cX,
           totalColumns: h,
           onSearchQueryChange: uX,
-          isSearchEnabled: TX,
-          setIsSearchEnabled: EX,
+          isSearchEnabled: EX,
+          setIsSearchEnabled: DX,
           pagination: iX,
           selection: f,
           onRowSelectionChange: aX,
-          table: NX,
+          table: PX,
           downloadAs: H,
           getRowIds: sX,
           toggleDisplayHeader: _X,
           showChartBuilder: vX,
           showPageSizeSelector: yX,
           showColumnExplorer: bX,
-          togglePanel: xX,
-          isPanelOpen: SX,
+          showRowExplorer: xX,
+          togglePanel: SX,
+          isPanelOpen: CX,
           tableLoading: mX
         })
       ]
@@ -69971,11 +69996,14 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   })));
   const Chatbot = (e) => {
     var _a2;
-    let [r, c] = (0, import_react.useState)(""), [l, d] = (0, import_react.useState)(e.config), [f, h] = (0, import_react.useState)(void 0), g = (0, import_react.useRef)(null), b = (0, import_react.useRef)(null), w = (0, import_react.useRef)(null), D = (0, import_react.useRef)(null), { data: P } = useAsyncData(async () => (await e.get_chat_history({})).messages.map((e2, r2) => ({
+    let [r, c] = (0, import_react.useState)(""), [l, d] = (0, import_react.useState)(e.config), [f, h] = (0, import_react.useState)(void 0), g = (0, import_react.useRef)(null), b = (0, import_react.useRef)(null), w = (0, import_react.useRef)(null), D = (0, import_react.useRef)(null), P = (0, import_react.useRef)({
+      backendMessageId: null,
+      frontendMessageIndex: null
+    }), { data: F } = useAsyncData(async () => (await e.get_chat_history({})).messages.map((e2, r2) => ({
       id: r2.toString(),
       role: e2.role,
       parts: e2.parts ?? []
-    })), []), { messages: F, sendMessage: R, setMessages: z, status: H, stop: Q, error: iX, regenerate: aX } = useChat({
+    })), []), { messages: R, sendMessage: z, setMessages: H, status: Q, stop: iX, error: aX, regenerate: oX } = useChat({
       transport: new DefaultChatTransport({
         fetch: async (r2, c2) => {
           if (c2 === void 0) return fetch(r2);
@@ -69988,7 +70016,21 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                 content: (_a3 = e2.parts) == null ? void 0 : _a3.map((e3) => "text" in e3 ? e3.text : "").join("\n"),
                 parts: e2.parts
               };
-            }), c3 = await e.send_prompt({
+            }), c3 = Date.now().toString();
+            H((e2) => [
+              ...e2,
+              {
+                id: c3,
+                role: "assistant",
+                parts: [
+                  {
+                    type: "text",
+                    text: ""
+                  }
+                ]
+              }
+            ]);
+            let f2 = await e.send_prompt({
               messages: r3,
               config: {
                 max_tokens: l.max_tokens,
@@ -69999,20 +70041,25 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                 presence_penalty: l.presence_penalty
               }
             });
-            return z((e2) => [
-              ...e2,
-              {
-                id: Date.now().toString(),
-                role: "assistant",
+            return P.current.backendMessageId === null && P.current.frontendMessageIndex === null && H((e2) => {
+              let r4 = [
+                ...e2
+              ], l2 = r4.findIndex((e3) => e3.id === c3);
+              return l2 !== -1 && (r4[l2] = {
+                ...r4[l2],
                 parts: [
                   {
                     type: "text",
-                    text: c3
+                    text: f2
                   }
                 ]
-              }
-            ]), new Response(c3);
+              }), r4;
+            }), new Response(f2);
           } catch (e2) {
+            P.current = {
+              backendMessageId: null,
+              frontendMessageIndex: null
+            };
             let r3 = e2.message.split("failed with exception ").pop();
             return new Response(r3, {
               status: 400
@@ -70020,19 +70067,67 @@ Image URL: ${r.imageUrl}`)), contextToXml({
           }
         }
       }),
-      messages: P,
+      messages: F,
       onFinish: (e2) => {
-        h(void 0), g.current && (g.current.value = ""), Logger.debug("Finished streaming message:", e2);
+        h(void 0), g.current && (g.current.value = ""), Logger.debug("Finished streaming message:", e2), P.current = {
+          backendMessageId: null,
+          frontendMessageIndex: null
+        };
       },
       onError: (e2) => {
-        Logger.error("An error occurred:", e2);
+        Logger.error("An error occurred:", e2), P.current = {
+          backendMessageId: null,
+          frontendMessageIndex: null
+        };
       }
-    }), oX = H === "submitted" || H === "streaming", sX = (r2) => {
-      let c2 = F.findIndex((e2) => e2.id === r2);
+    });
+    useEventListener(e.host, MarimoIncomingMessageEvent.TYPE, (e2) => {
+      let r2 = e2.detail.message;
+      if (typeof r2 == "object" && r2 && "type" in r2 && r2.type === "stream_chunk") {
+        let e3 = r2;
+        P.current.backendMessageId === null && H((r3) => {
+          let c3 = [
+            ...r3
+          ];
+          for (let r4 = c3.length - 1; r4 >= 0; r4--) if (c3[r4].role === "assistant") {
+            P.current = {
+              backendMessageId: e3.message_id,
+              frontendMessageIndex: r4
+            };
+            break;
+          }
+          return c3;
+        });
+        let c2 = P.current.frontendMessageIndex;
+        P.current.backendMessageId === e3.message_id && c2 !== null && (H((r3) => {
+          let l2 = [
+            ...r3
+          ], d2 = c2;
+          if (d2 < l2.length) {
+            let r4 = l2[d2];
+            r4.role === "assistant" && (l2[d2] = {
+              ...r4,
+              parts: [
+                {
+                  type: "text",
+                  text: e3.content
+                }
+              ]
+            });
+          }
+          return l2;
+        }), e3.is_final && (P.current = {
+          backendMessageId: null,
+          frontendMessageIndex: null
+        }));
+      }
+    });
+    let sX = Q === "submitted" || Q === "streaming", cX = (r2) => {
+      let c2 = R.findIndex((e2) => e2.id === r2);
       c2 !== -1 && (e.delete_chat_message({
         index: c2
-      }), z((e2) => e2.filter((e3) => e3.id !== r2)));
-    }, cX = (e2) => {
+      }), H((e2) => e2.filter((e3) => e3.id !== r2)));
+    }, lX = (e2) => {
       var _a3;
       return ((_a3 = e2.mediaType) == null ? void 0 : _a3.startsWith("image")) ? (0, import_jsx_runtime.jsx)("img", {
         src: e2.url,
@@ -70047,7 +70142,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
         className: "text-background hover:underline",
         children: e2.filename || "Attachment"
       });
-    }, lX = (e2) => {
+    }, uX = (e2) => {
       var _a3, _b2, _c2;
       let r2 = (_b2 = (_a3 = e2.parts) == null ? void 0 : _a3.filter((e3) => e3.type === "text")) == null ? void 0 : _b2.map((e3) => e3.text).join("\n"), c2 = e2.role === "assistant" ? (0, import_jsx_runtime.jsx)(LazyStreamdown, {
         className: "mo-markdown-renderer",
@@ -70061,7 +70156,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
             children: l2.map((e3, r3) => (0, import_jsx_runtime.jsxs)("div", {
               className: "flex items-baseline gap-2 ",
               children: [
-                cX(e3),
+                lX(e3),
                 (0, import_jsx_runtime.jsx)("a", {
                   className: buttonVariants({
                     variant: "text",
@@ -70078,14 +70173,14 @@ Image URL: ${r.imageUrl}`)), contextToXml({
           })
         ]
       });
-    }, uX = Array.isArray(e.allowAttachments) && e.allowAttachments.length > 0 || e.allowAttachments === true, dX = {
+    }, dX = Array.isArray(e.allowAttachments) && e.allowAttachments.length > 0 || e.allowAttachments === true, fX = {
       triggerCompletionRegex: /^\/(\w+)?/,
       completions: e.prompts.map((e2) => ({
         label: `/${e2}`,
         displayLabel: e2,
         apply: e2
       }))
-    }, fX = e.prompts.length > 0 ? "Type your message here, / for prompts" : "Type your message here...";
+    }, pX = e.prompts.length > 0 ? "Type your message here, / for prompts" : "Type your message here...";
     (0, import_react.useEffect)(() => {
       var _a3;
       (_a3 = D.current) == null ? void 0 : _a3.scrollTo({
@@ -70093,13 +70188,13 @@ Image URL: ${r.imageUrl}`)), contextToXml({
         behavior: "smooth"
       });
     }, [
-      F.length,
+      R.length,
       D
     ]);
-    let pX = (_a2 = w.current) == null ? void 0 : _a2.view, mX = () => {
-      if (pX) {
-        let e2 = pX.state.doc.length;
-        pX.dispatch({
+    let mX = (_a2 = w.current) == null ? void 0 : _a2.view, hX = () => {
+      if (mX) {
+        let e2 = mX.state.doc.length;
+        mX.dispatch({
           changes: {
             from: 0,
             to: e2,
@@ -70120,10 +70215,11 @@ Image URL: ${r.imageUrl}`)), contextToXml({
           children: (0, import_jsx_runtime.jsx)(Button, {
             variant: "text",
             size: "icon",
+            disabled: R.length === 0,
             onClick: () => {
-              z([]), e.setValue([]), e.delete_chat_history({});
+              H([]), e.setValue([]), e.delete_chat_history({});
             },
-            children: (0, import_jsx_runtime.jsx)(Trash2, {
+            children: (0, import_jsx_runtime.jsx)(RotateCw, {
               className: "h-3 w-3"
             })
           })
@@ -70132,7 +70228,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
           className: "grow overflow-y-auto gap-4 pt-8 pb-4 px-2 flex flex-col",
           ref: D,
           children: [
-            F.length === 0 && (0, import_jsx_runtime.jsxs)("div", {
+            R.length === 0 && (0, import_jsx_runtime.jsxs)("div", {
               className: "flex flex-col items-center justify-center h-full text-muted-foreground text-center p-4",
               children: [
                 (0, import_jsx_runtime.jsx)(BotMessageSquare, {
@@ -70148,7 +70244,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                 })
               ]
             }),
-            F.map((e2) => {
+            R.map((e2) => {
               var _a3;
               let r2 = (_a3 = e2.parts) == null ? void 0 : _a3.filter((e3) => e3.type === "text").map((e3) => e3.text).join("\n");
               return (0, import_jsx_runtime.jsxs)("div", {
@@ -70156,7 +70252,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                 children: [
                   (0, import_jsx_runtime.jsx)("div", {
                     className: `max-w-[80%] p-3 rounded-lg ${e2.role === "user" ? "bg-(--sky-11) text-(--slate-1) whitespace-pre-wrap" : "bg-(--slate-4) text-(--slate-12)"}`,
-                    children: lX(e2)
+                    children: uX(e2)
                   }),
                   (0, import_jsx_runtime.jsxs)("div", {
                     className: "flex justify-end text-xs gap-2 invisible group-hover:visible",
@@ -70175,7 +70271,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                       }),
                       (0, import_jsx_runtime.jsx)("button", {
                         type: "button",
-                        onClick: () => sX(e2.id),
+                        onClick: () => cX(e2.id),
                         className: "text-xs text-(--slate-9) hover:text-(--slate-11)",
                         children: (0, import_jsx_runtime.jsx)(Trash2, {
                           className: "h-3 w-3 text-(--red-9)"
@@ -70186,7 +70282,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                 ]
               }, e2.id);
             }),
-            oX && (0, import_jsx_runtime.jsxs)("div", {
+            sX && (0, import_jsx_runtime.jsxs)("div", {
               className: "flex items-center justify-center space-x-2 mb-4",
               children: [
                 (0, import_jsx_runtime.jsx)(Spinner, {
@@ -70195,22 +70291,22 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                 (0, import_jsx_runtime.jsx)(Button, {
                   variant: "link",
                   size: "sm",
-                  onClick: () => Q(),
+                  onClick: () => iX(),
                   className: "text-(--red-9) hover:text-(--red-11)",
                   children: "Stop"
                 })
               ]
             }),
-            iX && (0, import_jsx_runtime.jsxs)("div", {
+            aX && (0, import_jsx_runtime.jsxs)("div", {
               className: "flex items-center justify-center space-x-2 mb-4",
               children: [
                 (0, import_jsx_runtime.jsx)(ErrorBanner, {
-                  error: iX
+                  error: aX
                 }),
                 (0, import_jsx_runtime.jsx)(Button, {
                   variant: "outline",
                   size: "sm",
-                  onClick: () => aX(),
+                  onClick: () => oX(),
                   children: "Retry"
                 })
               ]
@@ -70221,7 +70317,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
           onSubmit: async (e2) => {
             e2.preventDefault();
             let c2 = f ? await convertToFileUIPart(f) : void 0;
-            R({
+            z({
               role: "user",
               parts: [
                 {
@@ -70230,7 +70326,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                 },
                 ...c2 ?? []
               ]
-            }), mX();
+            }), hX();
           },
           ref: b,
           className: "flex w-full border-t border-(--slate-6) px-2 py-1 items-center",
@@ -70243,13 +70339,13 @@ Image URL: ${r.imageUrl}`)), contextToXml({
               prompts: e.prompts,
               onSelect: (e2) => {
                 c(e2), requestAnimationFrame(() => {
-                  pX == null ? void 0 : pX.focus(), moveToEndOfEditor(pX);
+                  mX == null ? void 0 : mX.focus(), moveToEndOfEditor(mX);
                 });
               }
             }),
             (0, import_jsx_runtime.jsx)(PromptInput, {
               className: "rounded-sm mr-2",
-              placeholder: fX,
+              placeholder: pX,
               value: r,
               inputRef: w,
               maxHeight: e.maxHeight ? `${e.maxHeight / 2}px` : void 0,
@@ -70260,7 +70356,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
               },
               onClose: () => {
               },
-              additionalCompletions: dX
+              additionalCompletions: fX
             }),
             f && f.length === 1 && (0, import_jsx_runtime.jsx)("span", {
               title: f[0].name,
@@ -70288,7 +70384,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                 className: "size-3"
               })
             }),
-            uX && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+            dX && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
               children: [
                 (0, import_jsx_runtime.jsx)(Button, {
                   type: "button",
@@ -70318,7 +70414,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
             }),
             (0, import_jsx_runtime.jsx)(Button, {
               type: "submit",
-              disabled: oX || !r,
+              disabled: sX || !r,
               variant: "outline",
               size: "sm",
               className: "text-(--slate-11)",
@@ -70686,7 +70782,8 @@ Image URL: ${r.imageUrl}`)), contextToXml({
           value: ((_a2 = e.value) == null ? void 0 : _a2.messages) || Arrays.EMPTY,
           setValue: (r) => e.setValue({
             messages: r
-          })
+          }),
+          host: e.host
         })
       })
     });
@@ -70773,7 +70870,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$79 = __toESM(require_compiler_runtime(), 1), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-B26PhZvE.js").then(async (m2) => {
+  var import_compiler_runtime$79 = __toESM(require_compiler_runtime(), 1), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BFv4VQnc.js").then(async (m2) => {
     await m2.__tla;
     return m2;
   }));
@@ -80992,6 +81089,7 @@ ${c}
     showDataTypes: boolean$2().default(true),
     showPageSizeSelector: boolean$2().default(true),
     showColumnExplorer: boolean$2().default(true),
+    showRowExplorer: boolean$2().default(true),
     showChartBuilder: boolean$2().default(true),
     rowHeaders: columnToFieldTypesSchema,
     freezeColumnsLeft: array$2(string$2()).optional(),
@@ -81311,157 +81409,158 @@ ${c}
     }), r[97] = EX, r[98] = IX, r[99] = LX) : LX = r[99], LX;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, totalRows: c, maxColumns: l, pagination: d, selection: f, value: h, showFilters: g, showDownload: _, showPageSizeSelector: y, showColumnExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: D, fieldTypes: P, paginationState: F, setPaginationState: R, download_as: z, columnSummaries: H, className: Q, setValue: iX, sorting: aX, setSorting: oX, enableSearch: sX, searchQuery: cX, setSearchQuery: lX, filters: uX, setFilters: dX, reloading: fX, freezeColumnsLeft: pX, freezeColumnsRight: mX, textJustifyColumns: hX, wrappedColumns: gX, headerTooltip: _X, totalColumns: vX, get_row_ids: yX, cellStyles: bX, hoverTemplate: xX, cellHoverTexts: SX, toggleDisplayHeader: CX, calculate_top_k_rows: wX, preview_column: TX, getRow: EX, cellId: DX, maxHeight: OX }) => {
-    let kX = (0, import_react.useId)(), [AX, jX] = (0, import_react.useState)(0), { isPanelOpen: MX, togglePanel: NX } = usePanelOwnership(kX, DX), PX = (0, import_react.useMemo)(() => {
-      if (!H || !P || !H.stats) return ColumnChartSpecModel.EMPTY;
-      let e2 = toFieldTypes(P);
-      return new ColumnChartSpecModel(H.data || [], e2, H.stats, H.bin_values, H.value_counts, {
-        includeCharts: H.show_charts
+  var DataTableComponent = ({ label: e, data: r, totalRows: c, maxColumns: l, pagination: d, selection: f, value: h, showFilters: g, showDownload: _, showPageSizeSelector: y, showColumnExplorer: b, showRowExplorer: S, showChartBuilder: w, showDataTypes: D, rowHeaders: P, fieldTypes: F, paginationState: R, setPaginationState: z, download_as: H, columnSummaries: Q, className: iX, setValue: aX, sorting: oX, setSorting: sX, enableSearch: cX, searchQuery: lX, setSearchQuery: uX, filters: dX, setFilters: fX, reloading: pX, freezeColumnsLeft: mX, freezeColumnsRight: hX, textJustifyColumns: gX, wrappedColumns: _X, headerTooltip: vX, totalColumns: yX, get_row_ids: bX, cellStyles: xX, hoverTemplate: SX, cellHoverTexts: CX, toggleDisplayHeader: wX, calculate_top_k_rows: TX, preview_column: EX, getRow: DX, cellId: OX, maxHeight: kX }) => {
+    let AX = (0, import_react.useId)(), [jX, MX] = (0, import_react.useState)(0), { isPanelOpen: NX, togglePanel: PX } = usePanelOwnership(AX, OX), FX = (0, import_react.useMemo)(() => {
+      if (!Q || !F || !Q.stats) return ColumnChartSpecModel.EMPTY;
+      let e2 = toFieldTypes(F);
+      return new ColumnChartSpecModel(Q.data || [], e2, Q.stats, Q.bin_values, Q.value_counts, {
+        includeCharts: Q.show_charts
       });
     }, [
-      P,
-      H
-    ]), FX = useDeepCompareMemoize(P ?? inferFieldTypes(r)), IX = (0, import_react.useMemo)(() => l === "all" ? FX : FX.slice(0, l), [
+      F,
+      Q
+    ]), IX = useDeepCompareMemoize(F ?? inferFieldTypes(r)), LX = (0, import_react.useMemo)(() => l === "all" ? IX : IX.slice(0, l), [
       l,
-      FX
-    ]), LX = useDeepCompareMemoize(D), RX = useDeepCompareMemoize(hX), zX = useDeepCompareMemoize(gX), BX = useDeepCompareMemoize(PX), VX = IX.length;
-    P || (w = false);
-    let HX = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: LX,
+      IX
+    ]), RX = useDeepCompareMemoize(P), zX = useDeepCompareMemoize(gX), BX = useDeepCompareMemoize(_X), VX = useDeepCompareMemoize(FX), HX = LX.length;
+    F || (D = false);
+    let UX = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: RX,
       selection: f,
-      chartSpecModel: BX,
-      fieldTypes: IX,
-      textJustifyColumns: RX,
-      wrappedColumns: zX,
-      headerTooltip: _X,
-      showDataTypes: w,
-      calculateTopKRows: wX
+      chartSpecModel: VX,
+      fieldTypes: LX,
+      textJustifyColumns: zX,
+      wrappedColumns: BX,
+      headerTooltip: vX,
+      showDataTypes: D,
+      calculateTopKRows: TX
     }), [
       f,
-      w,
-      BX,
-      LX,
-      IX,
+      D,
+      VX,
       RX,
+      LX,
       zX,
-      _X,
-      wX
-    ]), UX = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
+      BX,
+      vX,
+      TX
+    ]), WX = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
       e2,
       true
     ])), [
       h
-    ]), WX = useEvent_default((e2) => {
+    ]), GX = useEvent_default((e2) => {
       if (f === "single") {
         let r2 = Functions.asUpdater(e2)({});
-        iX(Object.keys(r2).slice(0, 1));
+        aX(Object.keys(r2).slice(0, 1));
       }
       if (f === "multi") {
-        let r2 = Functions.asUpdater(e2)(UX);
-        iX(Object.keys(r2));
+        let r2 = Functions.asUpdater(e2)(WX);
+        aX(Object.keys(r2));
       }
-    }), GX = useEvent_default((e2) => {
-      if (jX(e2), e2 < 0 || typeof c == "number" && e2 >= c || c === "too_many") return;
-      let r2 = getPageIndexForRow(e2, F.pageIndex, F.pageSize);
-      r2 !== null && R((e3) => ({
+    }), KX = useEvent_default((e2) => {
+      if (MX(e2), e2 < 0 || typeof c == "number" && e2 >= c || c === "too_many") return;
+      let r2 = getPageIndexForRow(e2, R.pageIndex, R.pageSize);
+      r2 !== null && z((e3) => ({
         ...e3,
         pageIndex: r2
       }));
-    }), KX = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), qX = useEvent_default((e2) => {
-      f === "single-cell" && iX(Functions.asUpdater(e2)(KX).slice(0, 1)), f === "multi-cell" && iX(Functions.asUpdater(e2)(KX));
-    }), JX = f === "multi" || f === "single", YX = b && TX && MX("column-explorer");
+    }), qX = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), JX = useEvent_default((e2) => {
+      f === "single-cell" && aX(Functions.asUpdater(e2)(qX).slice(0, 1)), f === "multi-cell" && aX(Functions.asUpdater(e2)(qX));
+    }), YX = f === "multi" || f === "single", XX = b && EX && NX("column-explorer"), ZX = isInVscodeExtension();
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        c === "too_many" && F.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
+        c === "too_many" && R.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Previewing the first ",
-            F.pageSize,
+            R.pageSize,
             " rows."
           ]
         }),
-        VX < vX && VX > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        HX < yX && HX > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            VX,
+            HX,
             " of ",
-            vX,
+            yX,
             " columns."
           ]
         }),
-        (H == null ? void 0 : H.is_disabled) && (0, import_jsx_runtime.jsx)(Banner, {
+        (Q == null ? void 0 : Q.is_disabled) && (0, import_jsx_runtime.jsx)(Banner, {
           className: "mb-1 rounded",
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
-        MX("row-viewer") && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        NX("row-viewer") && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
           children: (0, import_jsx_runtime.jsx)(RowViewerPanel, {
-            getRow: EX,
-            fieldTypes: FX,
+            getRow: DX,
+            fieldTypes: IX,
             totalRows: c,
-            rowIdx: AX,
-            setRowIdx: GX,
-            isSelectable: JX,
-            isRowSelected: UX[AX],
-            handleRowSelectionChange: WX
+            rowIdx: jX,
+            setRowIdx: KX,
+            isSelectable: YX,
+            isRowSelected: WX[jX],
+            handleRowSelectionChange: GX
           })
         }),
-        YX && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        XX && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
           children: (0, import_jsx_runtime.jsx)(ColumnExplorerPanel, {
-            previewColumn: TX,
-            fieldTypes: FX,
+            previewColumn: EX,
+            fieldTypes: IX,
             totalRows: c,
-            totalColumns: vX,
-            tableId: kX
+            totalColumns: yX,
+            tableId: AX
           })
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: PX,
+          value: FX,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
             fullWidth: true,
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
-              columns: HX,
-              className: Q,
-              maxHeight: OX,
-              sorting: aX,
+              columns: UX,
+              className: iX,
+              maxHeight: kX,
+              sorting: oX,
               totalRows: c,
-              totalColumns: vX,
+              totalColumns: yX,
               manualSorting: true,
-              setSorting: oX,
+              setSorting: sX,
               pagination: d,
               manualPagination: true,
               selection: f,
-              paginationState: F,
-              setPaginationState: R,
-              rowSelection: UX,
-              cellSelection: KX,
-              cellStyling: bX,
-              hoverTemplate: xX,
-              cellHoverTexts: SX,
-              downloadAs: _ ? z : void 0,
-              enableSearch: sX,
-              searchQuery: cX,
-              onSearchQueryChange: lX,
+              paginationState: R,
+              setPaginationState: z,
+              rowSelection: WX,
+              cellSelection: qX,
+              cellStyling: xX,
+              hoverTemplate: SX,
+              cellHoverTexts: CX,
+              downloadAs: _ ? H : void 0,
+              enableSearch: cX,
+              searchQuery: lX,
+              onSearchQueryChange: uX,
               showFilters: g,
-              filters: uX,
-              onFiltersChange: dX,
-              reloading: fX,
-              onRowSelectionChange: WX,
-              freezeColumnsLeft: pX,
-              freezeColumnsRight: mX,
-              onCellSelectionChange: qX,
-              getRowIds: yX,
-              toggleDisplayHeader: CX,
-              showChartBuilder: S,
+              filters: dX,
+              onFiltersChange: fX,
+              reloading: pX,
+              onRowSelectionChange: GX,
+              freezeColumnsLeft: mX,
+              freezeColumnsRight: hX,
+              onCellSelectionChange: JX,
+              getRowIds: bX,
+              toggleDisplayHeader: wX,
+              showChartBuilder: w,
               showPageSizeSelector: y,
-              showColumnExplorer: b,
-              togglePanel: NX,
-              isPanelOpen: MX,
-              viewedRowIdx: AX,
-              onViewedRowChange: (e2) => jX(e2)
+              showColumnExplorer: b && !ZX,
+              showRowExplorer: S && !ZX,
+              togglePanel: PX,
+              isPanelOpen: NX,
+              viewedRowIdx: jX,
+              onViewedRowChange: (e2) => MX(e2)
             })
           })
         })
@@ -82384,7 +82483,7 @@ ${c}
       fullWidth: g,
       children: F
     }), r[19] = g, r[20] = _, r[21] = c, r[22] = F, r[23] = R) : R = r[23], R;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-WbiFXhKG.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-BUgUSo2B.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object$2({
     label: string$2().nullish(),
     data: string$2()
@@ -84390,6 +84489,7 @@ ${c}
       get_column_summaries: getColumnSummaries,
       showPageSizeSelector: NX,
       showColumnExplorer: false,
+      showRowExplorer: true,
       showChartBuilder: false,
       value: Arrays.EMPTY,
       setValue: Functions.NOOP,
@@ -92644,7 +92744,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-C-bCSv1b.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-CLjz4see.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object$2({
@@ -92964,7 +93064,7 @@ ${c}
         diagram: e.data.diagram
       });
     }
-  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-Dl3ywmV2.js")), import_compiler_runtime$15 = __toESM(require_compiler_runtime(), 1);
+  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-BeGlg1JH.js")), import_compiler_runtime$15 = __toESM(require_compiler_runtime(), 1);
   function getRootScrollableElement() {
     return getInitialAppMode() === "edit" ? document.getElementById("App") : void 0;
   }
@@ -94470,14 +94570,19 @@ Defaulting to \`null\`.`;
     let b = y, S;
     r[3] !== h || r[4] !== d || r[5] !== g || r[6] !== f ? (S = () => {
       let e2 = typeof d == "number" && f != null && d >= f, r2 = [];
-      if (g && r2.push((0, import_jsx_runtime.jsxs)("span", {
+      if (g && (g < 1 ? r2.push((0, import_jsx_runtime.jsxs)("span", {
+        children: [
+          prettyTime(1 / g),
+          " per iter"
+        ]
+      }, "rate")) : r2.push((0, import_jsx_runtime.jsxs)("span", {
         children: [
           g,
           " iter/s"
         ]
-      }, "rate"), (0, import_jsx_runtime.jsx)("span", {
+      }, "rate")), r2.push((0, import_jsx_runtime.jsx)("span", {
         children: "\xB7"
-      }, "spacer-rate")), !e2 && h && r2.push((0, import_jsx_runtime.jsxs)("span", {
+      }, "spacer-rate"))), !e2 && h && r2.push((0, import_jsx_runtime.jsxs)("span", {
         children: [
           "ETA ",
           prettyTime(h)
@@ -94559,7 +94664,7 @@ Defaulting to \`null\`.`;
       language: "shortEn",
       largest: 2,
       spacer: "",
-      maxDecimalPoints: 2
+      maxDecimalPoints: e < 10 ? 2 : 0
     });
   }
   var import_dist = __toESM(__commonJSMin(((e) => {
@@ -94818,7 +94923,11 @@ Defaulting to \`null\`.`;
         direction: _enum([
           "increase",
           "decrease"
-        ]).optional()
+        ]).optional(),
+        target_direction: _enum([
+          "increase",
+          "decrease"
+        ]).default("increase")
       }));
     }
     render({ data: e }) {
@@ -94828,60 +94937,60 @@ Defaulting to \`null\`.`;
     }
   };
   const StatComponent = (e) => {
-    let r = (0, import_compiler_runtime$9.c)(21), { value: c, label: l, caption: d, bordered: f, direction: h } = e, { locale: g } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), _;
-    r[0] !== g || r[1] !== c ? (_ = () => c == null ? (0, import_jsx_runtime.jsx)("i", {
+    let r = (0, import_compiler_runtime$9.c)(23), { value: c, label: l, caption: d, bordered: f, direction: h, target_direction: g } = e, { locale: _ } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), y;
+    r[0] !== _ || r[1] !== c ? (y = () => c == null ? (0, import_jsx_runtime.jsx)("i", {
       children: "No value"
-    }) : typeof c == "string" ? c : typeof c == "number" ? prettyNumber(c, g) : typeof c == "boolean" ? c ? "True" : "False" : String(c), r[0] = g, r[1] = c, r[2] = _) : _ = r[2];
-    let y = _, b = f && "rounded-xl border shadow bg-card", S;
-    r[3] === b ? S = r[4] : (S = cn("text-card-foreground", b), r[3] = b, r[4] = S);
-    let w;
-    r[5] === l ? w = r[6] : (w = l && (0, import_jsx_runtime.jsx)("div", {
+    }) : typeof c == "string" ? c : typeof c == "number" ? prettyNumber(c, _) : typeof c == "boolean" ? c ? "True" : "False" : String(c), r[0] = _, r[1] = c, r[2] = y) : y = r[2];
+    let b = y, S = h === g, w = S ? "var(--grass-8)" : "var(--red-8)", D = S ? "var(--grass-9)" : "var(--red-9)", P = f && "rounded-xl border shadow bg-card", F;
+    r[3] === P ? F = r[4] : (F = cn("text-card-foreground", P), r[3] = P, r[4] = F);
+    let R;
+    r[5] === l ? R = r[6] : (R = l && (0, import_jsx_runtime.jsx)("div", {
       className: "p-6 flex flex-row items-center justify-between space-y-0 pb-2",
       children: (0, import_jsx_runtime.jsx)("h3", {
         className: "tracking-tight text-sm font-medium",
         children: l
       })
-    }), r[5] = l, r[6] = w);
-    let D;
-    r[7] === y ? D = r[8] : (D = y(), r[7] = y, r[8] = D);
-    let P;
-    r[9] === D ? P = r[10] : (P = (0, import_jsx_runtime.jsx)("div", {
+    }), r[5] = l, r[6] = R);
+    let z;
+    r[7] === b ? z = r[8] : (z = b(), r[7] = b, r[8] = z);
+    let H;
+    r[9] === z ? H = r[10] : (H = (0, import_jsx_runtime.jsx)("div", {
       className: "text-2xl font-bold",
-      children: D
-    }), r[9] = D, r[10] = P);
-    let F;
-    r[11] !== d || r[12] !== h ? (F = d && (0, import_jsx_runtime.jsxs)("p", {
+      children: z
+    }), r[9] = z, r[10] = H);
+    let Q;
+    r[11] !== d || r[12] !== h || r[13] !== w || r[14] !== D ? (Q = d && (0, import_jsx_runtime.jsxs)("p", {
       className: "pt-1 text-xs text-muted-foreground flex align-center",
       children: [
         h === "increase" && (0, import_jsx_runtime.jsx)(Triangle, {
           className: "w-4 h-4 mr-1 p-0.5",
-          fill: "var(--grass-8)",
-          stroke: "var(--grass-9)"
+          fill: w,
+          stroke: D
         }),
         h === "decrease" && (0, import_jsx_runtime.jsx)(Triangle, {
           className: "w-4 h-4 mr-1 p-0.5 transform rotate-180",
-          fill: "var(--red-8)",
-          stroke: "var(--red-9)"
+          fill: w,
+          stroke: D
         }),
         d
       ]
-    }), r[11] = d, r[12] = h, r[13] = F) : F = r[13];
-    let R;
-    r[14] !== P || r[15] !== F ? (R = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[11] = d, r[12] = h, r[13] = w, r[14] = D, r[15] = Q) : Q = r[15];
+    let iX;
+    r[16] !== H || r[17] !== Q ? (iX = (0, import_jsx_runtime.jsxs)("div", {
       className: "p-6 pt-0",
       children: [
-        P,
-        F
+        H,
+        Q
       ]
-    }), r[14] = P, r[15] = F, r[16] = R) : R = r[16];
-    let z;
-    return r[17] !== S || r[18] !== w || r[19] !== R ? (z = (0, import_jsx_runtime.jsxs)("div", {
-      className: S,
+    }), r[16] = H, r[17] = Q, r[18] = iX) : iX = r[18];
+    let aX;
+    return r[19] !== F || r[20] !== R || r[21] !== iX ? (aX = (0, import_jsx_runtime.jsxs)("div", {
+      className: F,
       children: [
-        w,
-        R
+        R,
+        iX
       ]
-    }), r[17] = S, r[18] = w, r[19] = R, r[20] = z) : z = r[20], z;
+    }), r[19] = F, r[20] = R, r[21] = iX, r[22] = aX) : aX = r[22], aX;
   };
   var import_compiler_runtime$8 = __toESM(require_compiler_runtime(), 1), TexPlugin = class {
     constructor() {
@@ -98860,7 +98969,7 @@ Defaulting to \`null\`.`;
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.17.8"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.18.0"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {
@@ -99891,7 +100000,7 @@ ${r}
     return c ? parseIslandEditor(c.dataset.initialValue) : "";
   }
   const islandsInitializedAtom = atom(false), userTriedToInteractWithIslandsAtom = atom(false), shouldShowIslandsWarningIndicatorAtom = atom((e) => e(userTriedToInteractWithIslandsAtom) && e(islandsInitializedAtom) === false);
-  var worker_default = "/assets/worker-BrDpRi2I.js", IslandsPyodideBridge = class e {
+  var worker_default = "/assets/worker-CiT2i-Vo.js", IslandsPyodideBridge = class e {
     constructor() {
       __publicField(this, "initialized", new Deferred());
       __publicField(this, "sendComponentValues", async (e2) => (await this.putControlRequest(e2), null));