@marimo-team/islands 0.22.1-dev38 → 0.22.1-dev39

package/dist/main.js

@@ -21,11 +21,11 @@ import { a as __toCommonJS, n as __esmMin, r as __export, s as __toESM, t as __c
 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-B7781WJ3.js";
-import { $ as createActions, $t as elementContainsMarimoCellFile, A as MarimoIncomingMessageEvent, An as PaintRoller, B as DotFilledIcon, Bn as CircleX, Bt as PluralWords, Cn as Content2$1, Ct as normalizeName, D as AccordionContent, Dn as Wrench, E as Accordion, En as Trigger2, Et as MarkdownLanguageAdapter, F as BorderAllIcon, Fn as File, Ft as repl, G as base64ToDataView, H as PinRightIcon, Hn as Braces, Ht as getDataTypeColor, In as FileText, It as adaptForLocalStorage, J as extractBase64FromDataURL, Jt as getRequestClient, K as base64ToUint8Array, L as CheckIcon, Ln as Eye, Lt as jotaiJsonStorage, M as MarimoValueReadyEvent, Mn as LoaderCircle, Mt as DeferredRequestRegistry, N as MarimoValueUpdateEvent, Nn as Layers, Nt as generateUUID, O as AccordionItem, On as Trash2, Ot as PathBuilder, P as createInputEvent, Pn as Info, Pt as useChromeActions, R as ChevronDownIcon, Rn as Database, Sn as Close$1, St as isInternalCellName, Tn as Root2$4, Tt as customPythonLanguageSupport, U as deserializeBlob, Un as esm_default$1, Ut as require_client, V as PinLeftIcon, Vn as CircleAlert, Vt as DATA_TYPE_ICON, Wn as import_lib, X as safeExtractSetUIElementMessageBuffers, Xt as useRequestClient, Y as isDataURLString, Yt as requestClientAtom, Z as renderHTML, Zt as isUninstantiated, _ as useExpandedConsoleOutput, _n as jsonToTSV, _t as headingToIdentifier, a as toPng, an as parseAttrValue, at as useCellActions, b as getDatasourceContext, bn as selectAtom, bt as displayCellName, c as useCellFocusActions, cn as CellOutputId, ct as createCell, d as Spinner, dn as UIElementId, dt as initialModeAtom, en as extractAllTracebackInfo, et as getCellEditorView, f as Popover$1, fn as findCellId, ft as kioskModeAtom, g as isOutputEmpty, gn as jsonToMarkdown, gt as isErrorMime, h as PopoverTrigger, hn as jsonParseWithSpecialChar, ht as outputIsStale, i as PythonIcon, in as filenameAtom, it as reducer, j as MarimoValueInputEvent, jn as NotebookPen, jt as goToCellLine, k as AccordionTrigger, kn as Table2, kt as Paths, l as useLastFocusedCellId, ln as HTMLCellId, lt as AnsiUp, m as PopoverContent, mn as RANDOM_ID_ATTR, mt as outputIsLoading, n as blobToString, nn as NotebookScopedLocalStorage, nt as notebookAtom, o as MarkdownRenderer, on as parseDataset, ot as useCellIds, p as PopoverClose$1, pn as OBJECT_ID_ATTR, pt as viewStateAtom, q as dataViewToBase64, qt as convertStatsName, r as filesToBase64, rt as notebookOutline, s as LazyAnyLanguageCodeMirror, sn as parseInitialValue, st as useCellNames, t as processOutput, tn as getTracebackInfo, tt as getCellNames, u as maybeAddAltairImport, un as SCRATCH_CELL_ID, ut as getInitialAppMode, v as useExpandedOutput, vn as atomWithReducer, vt as DATA_CELL_ID, wn as Item$1, wt as Checkbox, xt as getValidName, yn as atomWithStorage, yt as getCellDomProps, z as ChevronRightIcon, zn as Columns2, zt as PluralWord, __tla as __tla_0 } from "./process-output-D0SEeV3t.js";
+import { $ as createActions, $t as elementContainsMarimoCellFile, A as MarimoIncomingMessageEvent, An as PaintRoller, B as DotFilledIcon, Bn as CircleX, Bt as PluralWords, Cn as Content2$1, Ct as normalizeName, D as AccordionContent, Dn as Wrench, E as Accordion, En as Trigger2, Et as MarkdownLanguageAdapter, F as BorderAllIcon, Fn as File, Ft as repl, G as base64ToDataView, H as PinRightIcon, Hn as Braces, Ht as getDataTypeColor, In as FileText, It as adaptForLocalStorage, J as extractBase64FromDataURL, Jt as getRequestClient, K as base64ToUint8Array, L as CheckIcon, Ln as Eye, Lt as jotaiJsonStorage, M as MarimoValueReadyEvent, Mn as LoaderCircle, Mt as DeferredRequestRegistry, N as MarimoValueUpdateEvent, Nn as Layers, Nt as generateUUID, O as AccordionItem, On as Trash2, Ot as PathBuilder, P as createInputEvent, Pn as Info, Pt as useChromeActions, R as ChevronDownIcon, Rn as Database, Sn as Close$1, St as isInternalCellName, Tn as Root2$4, Tt as customPythonLanguageSupport, U as deserializeBlob, Un as esm_default$1, Ut as require_client, V as PinLeftIcon, Vn as CircleAlert, Vt as DATA_TYPE_ICON, Wn as import_lib, X as safeExtractSetUIElementMessageBuffers, Xt as useRequestClient, Y as isDataURLString, Yt as requestClientAtom, Z as renderHTML, Zt as isUninstantiated, _ as useExpandedConsoleOutput, _n as jsonToTSV, _t as headingToIdentifier, a as toPng, an as parseAttrValue, at as useCellActions, b as getDatasourceContext, bn as selectAtom, bt as displayCellName, c as useCellFocusActions, cn as CellOutputId, ct as createCell, d as Spinner, dn as UIElementId, dt as initialModeAtom, en as extractAllTracebackInfo, et as getCellEditorView, f as Popover$1, fn as findCellId, ft as kioskModeAtom, g as isOutputEmpty, gn as jsonToMarkdown, gt as isErrorMime, h as PopoverTrigger, hn as jsonParseWithSpecialChar, ht as outputIsStale, i as PythonIcon, in as filenameAtom, it as reducer, j as MarimoValueInputEvent, jn as NotebookPen, jt as goToCellLine, k as AccordionTrigger, kn as Table2, kt as Paths, l as useLastFocusedCellId, ln as HTMLCellId, lt as AnsiUp, m as PopoverContent, mn as RANDOM_ID_ATTR, mt as outputIsLoading, n as blobToString, nn as NotebookScopedLocalStorage, nt as notebookAtom, o as MarkdownRenderer, on as parseDataset, ot as useCellIds, p as PopoverClose$1, pn as OBJECT_ID_ATTR, pt as viewStateAtom, q as dataViewToBase64, qt as convertStatsName, r as filesToBase64, rt as notebookOutline, s as LazyAnyLanguageCodeMirror, sn as parseInitialValue, st as useCellNames, t as processOutput, tn as getTracebackInfo, tt as getCellNames, u as maybeAddAltairImport, un as SCRATCH_CELL_ID, ut as getInitialAppMode, v as useExpandedOutput, vn as atomWithReducer, vt as DATA_CELL_ID, wn as Item$1, wt as Checkbox, xt as getValidName, yn as atomWithStorage, yt as getCellDomProps, z as ChevronRightIcon, zn as Columns2, zt as PluralWord, __tla as __tla_0 } from "./process-output-DC1TOnIl.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-C428iZBW.js";
 import { l as createLucideIcon, o as useSize, s as Root$4 } from "./dist-D_UjpfOY.js";
-import { A as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as ListFilter, I as ChartPie, L as ChartColumn, M as $5a387cc49350e6db$export$722debc0e56fea39, N as Table$1, O as TIME_UNIT_DESCRIPTIONS, P as SquareFunction, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as $fb18d541ea1ad717$export$ad991b66133851cf, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-CiHus5Bb.js";
-import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, r as Badge, t as useOnMount } from "./useLifecycle-DgDTfOLZ.js";
+import { A as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as ListFilter, I as ChartPie, L as ChartColumn, M as $5a387cc49350e6db$export$722debc0e56fea39, N as Table$1, O as TIME_UNIT_DESCRIPTIONS, P as SquareFunction, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as $fb18d541ea1ad717$export$ad991b66133851cf, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-CD7QaCV-.js";
+import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, r as Badge, t as useOnMount } from "./useLifecycle-4fA1pHoh.js";
 import { t as Check } from "./check-CWUkiHmb.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$3, N as usePrevious$1, O as $b5e257d569688ac6$export$535bd6ca7f90a273, P as useDirection, R as ChevronDown, S as assertNever, T as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, _ as menuControlVariants, a as SelectContent, b as menuSeparatorVariants, c as SelectLabel, d as SelectValue, f as NativeSelect, g as menuControlCheckVariants, h as menuContentCommon, i as Select, j as Trigger$3, l as SelectSeparator, m as MENU_ITEM_DISABLED, n as Strings, o as SelectGroup, p as selectStyles, r as capitalize, s as SelectItem, t as Label, u as SelectTrigger, v as menuItemVariants, w as $a916eb452884faea$export$b7a616150fdb9f44, x as menuSubTriggerVariants, y as menuLabelVariants } from "./label-DbZGAoCH.js";
 import { $ as $e5be200c675c3b3a$export$aca958c65c314e6c, $t as Portal, A as $d2b4bc8c273e7be6$export$24d547caef80ccd1, At as $c87311424ea30a05$export$fedb369cb70207f1, B as $64fa3d84918910a7$export$c62b8e45d58ddad9, Bt as $431fbd86ca7dc216$export$f21a1ffae260145a, C as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, Ct as $8ae05eaa5c114e9c$export$7f54fc3180508a52, D as $ee014567cb39d3f0$export$ff05c3ac10437e03, Dt as $c87311424ea30a05$export$78551043582a6a98, E as $ee014567cb39d3f0$export$f551688fc98f2e09, Et as $c87311424ea30a05$export$6446a186d09e379e, F as $64fa3d84918910a7$export$2881499e37b75b9a, Ft as $d4ee10de306f2510$export$b4f377a2b6254582, G as marked, Gt as Anchor2, H as $64fa3d84918910a7$export$ef03459518577ad4, Ht as $bdb11010cef70236$export$b4cc09c592e8fdb8, I as $64fa3d84918910a7$export$29f1550f4b0d4415, It as $d4ee10de306f2510$export$cd4e5573fbe2b576, J as $d2e8511e6f209edf$export$e908e06f4b8e3402, Jt as Content2$2, K as useDebounceControlledState, Kt as Arrow2, L as $64fa3d84918910a7$export$4d86445c2cf5e3, Lt as $d4ee10de306f2510$export$e58f029f0fbfdb29, M as $01b77f81d0f07f68$export$75b6ee27786ba447, Mt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, N as $01b77f81d0f07f68$export$b04be29aa201d4f5, Nt as $3ef42575df84b30b$export$9d1611c77c2fe928, O as $514c0188e459b4c0$export$5f1af8db9871e1d6, Ot as $c87311424ea30a05$export$9ac100e40613ea10, P as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, Pt as $d4ee10de306f2510$export$4282f70798064fe0, Q as $e5be200c675c3b3a$export$a763b9476acd3eb, Qt as Label$2, R as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, Rt as $f4e2df6bd15f8569$export$98658e8c59125e6a, S as $3985021b0ad6602f$export$f5b8910cec6cf069, St as $e9faafb641e167db$export$90fc3a17d93f704c, T as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Tt as $313b98861ee5dd6c$export$d6875122194c7b44, U as $64fa3d84918910a7$export$fabf2dc03a41866e, Ut as $bdb11010cef70236$export$f680877a34711e37, V as $64fa3d84918910a7$export$df3a06d6289f983e, Vt as $ff5963eb1fccf552$export$e08e3b67e392101e, Wt as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, X as $e93e671b31057976$export$b8473d3665f3a75a, Xt as Item2$2, Y as $2baaea4c71418dea$export$294aa081a6c6f55d, Yt as Group$1, Z as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, Zt as ItemIndicator, _ as DropdownMenuSub, _t as $9446cca9a3875146$export$7d15b64cf5a3a4c4, a as NumberField, an as SubContent, at as $6c7bd7858deea686$export$cd11ab140839f11d, b as DropdownMenuTrigger, bt as $b4b717babfbb907b$export$bebd5a1431fec25d, c as prettyNumber, cn as Item$2, ct as $6db58dc88e78b024$export$2f817fcdc4b89ae0, d as DropdownMenuContent, dn as Search, dt as $9ab94262bd0047c7$export$420e68273165f4ec, en as RadioGroup$2, et as $e5be200c675c3b3a$export$dad6ae84456c676a, f as DropdownMenuGroup, fn as Circle, ft as $3ad3f6e1647bc98d$export$80f3e147d781571c, g as DropdownMenuSeparator, gt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, h as DropdownMenuPortal, ht as _class_private_field_init, i as OnBlurredInput, in as Sub, it as $701a24aa0da5b062$export$ea18c227d4417cc3, j as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, jt as $7215afc6de606d6b$export$de79e2c695e052f3, k as $514c0188e459b4c0$export$9afb8bc826b033ea, kt as $c87311424ea30a05$export$a11b0059900ceec8, l as prettyScientificNumber, ln as Root$5, lt as $5b160d28a433310d$export$c17fa47878dc55b6, m as DropdownMenuLabel, mt as $f6c31cce2adf654f$export$45712eceda6fad21, n as DebouncedNumberInput, nn as Root3, nt as $319e236875307eab$export$a9b970dcc4ae71a9, o as maxFractionalDigits, on as SubTrigger, ot as $fca6afa0e843324b$export$87b761675e8eaa10, p as DropdownMenuItem, pn as ChevronRight, pt as $507fabe10e71c6fb$export$630ff653c5ada6a9, q as useDebouncedCallback, qt as CheckboxItem, r as Input, rn as Separator, rt as $f7dceffc5ad7768b$export$4e328f61c538687f, s as prettyEngineeringNumber, sn as createMenuScope, st as $fca6afa0e843324b$export$f12b703ca79dfbb1, t as DebouncedInput, tn as RadioItem, tt as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, u as DropdownMenu, un as createRovingFocusGroupScope, ut as $6179b936705e76d3$export$ae780daf29e6d456, v as DropdownMenuSubContent, vt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, w as $a049562f99e7db0e$export$f9c6924e160136d1, wt as $df56164dff5785e2$export$4338b53315abf666, x as $3985021b0ad6602f$export$37fb8590cf2c088c, xt as $99facab73266f662$export$5add1d006293d136, y as DropdownMenuSubTrigger, yt as $b4b717babfbb907b$export$4c063cf1350e6fed, z as $64fa3d84918910a7$export$c245e6201fed2f75, zt as $431fbd86ca7dc216$export$b204af158042fbac } from "./input-CFY9gApZ.js";
@@ -10497,7 +10497,7 @@ Defaulting to \`null\`.`;
   function set$1(e, r, c) {
     return e == null ? e : _baseSet_default(e, r, c);
   }
-  var set_default = set$1, import_compiler_runtime$137 = require_compiler_runtime(), hydratedMap = /* @__PURE__ */ new WeakMap();
+  var set_default = set$1, import_compiler_runtime$138 = require_compiler_runtime(), hydratedMap = /* @__PURE__ */ new WeakMap();
   function useHydrateAtoms(e, r) {
     let c = useStore(r), d = getHydratedSet(c);
     for (let [f, ...h] of e) (!d.has(f) || (r == null ? void 0 : r.dangerouslyForceHydrate)) && (d.add(f), c.set(f, ...h));
@@ -13786,7 +13786,7 @@ Defaulting to \`null\`.`;
   }
   repl(MODEL_MANAGER, "MODEL_MANAGER");
   var NavigationMenu = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$137.c)(16), d, f, h, _;
+    let c = (0, import_compiler_runtime$138.c)(16), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: f, children: d, orientation: h, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v = h === "horizontal" && "max-w-max flex-1 items-center justify-center", y = h === "vertical" && "", S;
     c[5] !== f || c[6] !== v || c[7] !== y ? (S = cn(v, y, "relative z-10", f), c[5] = f, c[6] = v, c[7] = y, c[8] = S) : S = c[8];
@@ -13816,7 +13816,7 @@ Defaulting to \`null\`.`;
       orientation: "horizontal"
     }
   }), NavigationMenuList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$137.c)(11), d, f, h;
+    let c = (0, import_compiler_runtime$138.c)(11), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, orientation: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] !== d || c[5] !== f ? (_ = cn(navigationMenuListStyle({
@@ -13841,7 +13841,7 @@ Defaulting to \`null\`.`;
       orientation: "horizontal"
     }
   }), NavigationMenuTrigger = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$137.c)(12), d, f, h;
+    let c = (0, import_compiler_runtime$138.c)(12), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: f, children: d, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] === f ? _ = c[5] : (_ = cn(navigationMenuTriggerStyle(), "group", f), c[4] = f, c[5] = _);
@@ -13864,7 +13864,7 @@ Defaulting to \`null\`.`;
   });
   NavigationMenuTrigger.displayName = Trigger$1.displayName;
   var NavigationMenuContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$137.c)(9), d, f;
+    let c = (0, import_compiler_runtime$138.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", d), c[3] = d, c[4] = h);
@@ -13877,7 +13877,7 @@ Defaulting to \`null\`.`;
   });
   NavigationMenuContent.displayName = Content$1.displayName;
   var NavigationMenuLink = Link, NavigationMenuViewport = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$137.c)(10), d, f;
+    let c = (0, import_compiler_runtime$138.c)(10), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = cn("absolute left-0 top-full flex justify-center"), c[3] = h) : h = c[3];
@@ -13895,7 +13895,7 @@ Defaulting to \`null\`.`;
   });
   NavigationMenuViewport.displayName = Viewport.displayName;
   var NavigationMenuIndicator = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$137.c)(10), d, f;
+    let c = (0, import_compiler_runtime$138.c)(10), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", d), c[3] = d, c[4] = h);
@@ -13912,7 +13912,7 @@ Defaulting to \`null\`.`;
     }), c[6] = f, c[7] = r, c[8] = h, c[9] = v) : v = c[9], v;
   });
   NavigationMenuIndicator.displayName = Indicator$3.displayName;
-  var import_compiler_runtime$136 = require_compiler_runtime(), NavigationMenuPlugin = class {
+  var import_compiler_runtime$137 = require_compiler_runtime(), NavigationMenuPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-nav-menu");
       __publicField(this, "menuItemValidator", object({
@@ -13943,7 +13943,7 @@ Defaulting to \`null\`.`;
       });
     }
   }, NavMenuComponent = (e) => {
-    let r = (0, import_compiler_runtime$136.c)(13), { items: c, orientation: d } = e, f = _temp$36, h = _temp2$25, _ = _temp3$17, v;
+    let r = (0, import_compiler_runtime$137.c)(13), { items: c, orientation: d } = e, f = _temp$36, h = _temp2$25, _ = _temp3$17, v;
     r[0] === d ? v = r[1] : (v = (e2) => "items" in e2 ? d === "horizontal" ? (0, import_jsx_runtime.jsx)(NavigationMenu, {
       orientation: "horizontal",
       children: (0, import_jsx_runtime.jsx)(NavigationMenuList, {
@@ -14024,7 +14024,7 @@ Defaulting to \`null\`.`;
       children: w
     }), r[10] = d, r[11] = w, r[12] = E) : E = r[12], E;
   }, ListItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$136.c)(19), d, f, h, _;
+    let c = (0, import_compiler_runtime$137.c)(19), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: f, label: h, children: d, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] === f ? v = c[6] : (v = cn("block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", f), c[5] = f, c[6] = v);
@@ -16903,9 +16903,9 @@ Defaulting to \`null\`.`;
         isSelected: _
       }
     }, M.children));
-  }), import_compiler_runtime$135 = require_compiler_runtime();
+  }), import_compiler_runtime$136 = require_compiler_runtime();
   const LocaleProvider = (e) => {
-    let r = (0, import_compiler_runtime$135.c)(5), { children: c } = e, d = useAtomValue(localeAtom), f;
+    let r = (0, import_compiler_runtime$136.c)(5), { children: c } = e, d = useAtomValue(localeAtom), f;
     r[0] === d ? f = r[1] : (f = safeLocale(d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)($18f2051aff69b9bf$export$a54013f0d02a8f82, {
@@ -17884,9 +17884,9 @@ Defaulting to \`null\`.`;
       r,
       d.name
     ]), null;
-  }), import_compiler_runtime$134 = require_compiler_runtime();
+  }), import_compiler_runtime$135 = require_compiler_runtime();
   const EmotionCacheProvider = (e) => {
-    let r = (0, import_compiler_runtime$134.c)(6), { container: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$135.c)(6), { container: c, children: d } = e, f;
     bb0: {
       if (!c) {
         let e3;
@@ -23054,9 +23054,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
         })
       })
     });
-  }, import_compiler_runtime$133 = require_compiler_runtime();
+  }, import_compiler_runtime$134 = require_compiler_runtime();
   const HtmlOutput = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$133.c)(10), { html: c, inline: d, className: f, alwaysSanitizeHtml: h } = e, _ = d === void 0 ? false : d;
+    let r = (0, import_compiler_runtime$134.c)(10), { html: c, inline: d, className: f, alwaysSanitizeHtml: h } = e, _ = d === void 0 ? false : d;
     if (!c) return null;
     let v = !_, y;
     r[0] !== f || r[1] !== _ || r[2] !== v ? (y = cn(f, {
@@ -23075,9 +23075,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
     }), r[7] = y, r[8] = S, r[9] = w) : w = r[9], w;
   });
   HtmlOutput.displayName = "HtmlOutput";
-  var import_compiler_runtime$132 = require_compiler_runtime();
+  var import_compiler_runtime$133 = require_compiler_runtime();
   const ImageOutput = (e) => {
-    let r = (0, import_compiler_runtime$132.c)(8), { src: c, alt: d, width: f, height: h, className: _ } = e, v = d === void 0 ? "" : d, y;
+    let r = (0, import_compiler_runtime$133.c)(8), { src: c, alt: d, width: f, height: h, className: _ } = e, v = d === void 0 ? "" : d, y;
     r[0] !== v || r[1] !== h || r[2] !== c || r[3] !== f ? (y = (0, import_jsx_runtime.jsx)("img", {
       src: c,
       alt: v,
@@ -23090,9 +23090,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
       children: y
     }), r[5] = _, r[6] = y, r[7] = S) : S = r[7], S;
   };
-  var import_compiler_runtime$131 = require_compiler_runtime();
+  var import_compiler_runtime$132 = require_compiler_runtime();
   const Kbd = (e) => {
-    let r = (0, import_compiler_runtime$131.c)(5), c;
+    let r = (0, import_compiler_runtime$132.c)(5), c;
     r[0] === e.className ? c = r[1] : (c = clsx_default(e.className, "rounded-md bg-muted/40 px-2 text-[0.75rem] font-prose center border border-foreground/20 text-muted-foreground block whitespace-nowrap"), r[0] = e.className, r[1] = c);
     let d;
     return r[2] !== e.children || r[3] !== c ? (d = (0, import_jsx_runtime.jsx)("kbd", {
@@ -23100,9 +23100,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
       children: e.children
     }), r[2] = e.children, r[3] = c, r[4] = d) : d = r[4], d;
   };
-  var import_compiler_runtime$130 = require_compiler_runtime();
+  var import_compiler_runtime$131 = require_compiler_runtime();
   const ExternalLink$1 = (e) => {
-    let r = (0, import_compiler_runtime$130.c)(3), { href: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$131.c)(3), { href: c, children: d } = e, f;
     return r[0] !== d || r[1] !== c ? (f = (0, import_jsx_runtime.jsx)("a", {
       href: c,
       target: "_blank",
@@ -23273,17 +23273,17 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     os: "os",
     re: "re",
     sys: "sys"
-  }, import_compiler_runtime$129 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
+  }, import_compiler_runtime$130 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
   function useFixMode() {
-    let e = (0, import_compiler_runtime$129.c)(3), [r, c] = useAtom(fixModeAtom), d;
+    let e = (0, import_compiler_runtime$130.c)(3), [r, c] = useAtom(fixModeAtom), d;
     return e[0] !== r || e[1] !== c ? (d = {
       fixMode: r,
       setFixMode: c
     }, e[0] = r, e[1] = c, e[2] = d) : d = e[2], d;
   }
-  var import_compiler_runtime$128 = require_compiler_runtime();
+  var import_compiler_runtime$129 = require_compiler_runtime();
   const AutoFixButton = (e) => {
-    let r = (0, import_compiler_runtime$128.c)(21), { errors: c, cellId: d, className: f } = e, h = useStore(), { createNewCell: _ } = useCellActions(), v = useAtomValue(aiEnabledAtom), y;
+    let r = (0, import_compiler_runtime$129.c)(21), { errors: c, cellId: d, className: f } = e, h = useStore(), { createNewCell: _ } = useCellActions(), v = useAtomValue(aiEnabledAtom), y;
     if (r[0] !== v || r[1] !== c) {
       let e2;
       r[3] === v ? e2 = r[4] : (e2 = (e3) => getAutoFixes(e3, {
@@ -23344,7 +23344,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   };
   var PromptIcon = Sparkles, AutofixIcon = Wrench, PromptTitle = "Suggest a prompt", AutofixTitle = "Fix with AI";
   const AIFixButton = (e) => {
-    let r = (0, import_compiler_runtime$128.c)(21), { tooltip: c, openPrompt: d, applyAutofix: f } = e, { fixMode: h, setFixMode: _ } = useFixMode(), v = h === "prompt" ? d : f, y;
+    let r = (0, import_compiler_runtime$129.c)(21), { tooltip: c, openPrompt: d, applyAutofix: f } = e, { fixMode: h, setFixMode: _ } = useFixMode(), v = h === "prompt" ? d : f, y;
     r[0] === h ? y = r[1] : (y = h === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-3 w-3 mr-2 mb-0.5"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -23413,7 +23413,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), r[18] = G, r[19] = E, r[20] = q) : q = r[20], q;
   };
   var AiModeItem = (e) => {
-    let r = (0, import_compiler_runtime$128.c)(12), { mode: c } = e, d;
+    let r = (0, import_compiler_runtime$129.c)(12), { mode: c } = e, d;
     r[0] === c ? d = r[1] : (d = c === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-4 w-4"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -23450,9 +23450,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   function useFilename() {
     return useAtomValue(filenameAtom);
   }
-  var import_compiler_runtime$126 = require_compiler_runtime();
+  var import_compiler_runtime$127 = require_compiler_runtime();
   const CellLink = (e) => {
-    let r = (0, import_compiler_runtime$126.c)(12), { className: c, cellId: d, variant: f, onClick: h, formatCellName: _, skipScroll: v } = e, y = useCellNames()[d] ?? "", S = useCellIds().inOrderIds.indexOf(d), { showCellIfHidden: w } = useCellActions(), E = _ ?? _temp$35, O;
+    let r = (0, import_compiler_runtime$127.c)(12), { className: c, cellId: d, variant: f, onClick: h, formatCellName: _, skipScroll: v } = e, y = useCellNames()[d] ?? "", S = useCellIds().inOrderIds.indexOf(d), { showCellIfHidden: w } = useCellActions(), E = _ ?? _temp$35, O;
     r[0] === c ? O = r[1] : (O = cn("inline-block cursor-pointer text-link hover:underline", c), r[0] = c, r[1] = O);
     let M;
     r[2] !== d || r[3] !== h || r[4] !== w || r[5] !== v || r[6] !== f ? (M = (e2) => {
@@ -23472,13 +23472,13 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       children: I
     }), r[8] = O, r[9] = M, r[10] = I, r[11] = z) : z = r[11], z;
   }, CellLinkError = (e) => {
-    let r = (0, import_compiler_runtime$126.c)(2), c;
+    let r = (0, import_compiler_runtime$127.c)(2), c;
     return r[0] === e ? c = r[1] : (c = (0, import_jsx_runtime.jsx)(CellLink, {
       ...e,
       variant: "destructive"
     }), r[0] = e, r[1] = c), c;
   }, CellLinkTraceback = (e) => {
-    let r = (0, import_compiler_runtime$126.c)(10), { cellId: c, lineNumber: d } = e, f = useFilename(), h;
+    let r = (0, import_compiler_runtime$127.c)(10), { cellId: c, lineNumber: d } = e, f = useFilename(), h;
     r[0] !== c || r[1] !== d ? (h = () => goToCellLine(c, d), r[0] = c, r[1] = d, r[2] = h) : h = r[2];
     let _;
     r[3] !== c || r[4] !== f ? (_ = (e2) => c === "__scratch__" ? "scratch" : `marimo://${f || "untitled"}#cell=${e2}`, r[3] = c, r[4] = f, r[5] = _) : _ = r[5];
@@ -23575,7 +23575,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       value: e2
     });
   }
-  var import_compiler_runtime$125 = require_compiler_runtime(), ansiUp = new AnsiUp();
+  var import_compiler_runtime$126 = require_compiler_runtime(), ansiUp = new AnsiUp();
   const cleanAnsiCodes = (e) => {
     let r = RegExp("\x1B\\[[0-9;]*m", "g");
     return e.replaceAll(r, "");
@@ -23643,7 +23643,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     });
   }
   var InstallPackageLink = (e) => {
-    let r = (0, import_compiler_runtime$125.c)(6), { packages: c, children: d } = e, { handleInstallPackages: f } = useInstallPackages(), h;
+    let r = (0, import_compiler_runtime$126.c)(6), { packages: c, children: d } = e, { handleInstallPackages: f } = useInstallPackages(), h;
     r[0] !== f || r[1] !== c ? (h = (e2) => {
       f(c), e2.preventDefault();
     }, r[0] = f, r[1] = c, r[2] = h) : h = r[2];
@@ -23711,15 +23711,15 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       replace: (e2) => r(e2)
     })
   }), RenderTextWithLinks = (e) => {
-    let r = (0, import_compiler_runtime$125.c)(4), { text: c } = e, d;
+    let r = (0, import_compiler_runtime$126.c)(4), { text: c } = e, d;
     r[0] === c ? d = r[1] : (d = renderTextWithReplacers(c, composeReplacers(pipInstallReplacer, urlReplacer)), r[0] = c, r[1] = d);
     let f = d, h;
     return r[2] === f ? h = r[3] : (h = (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: f
     }), r[2] = f, r[3] = h), h;
   };
-  var import_compiler_runtime$124 = require_compiler_runtime(), Tip = (e) => {
-    let r = (0, import_compiler_runtime$124.c)(10), c = e.title ?? "Tip", d;
+  var import_compiler_runtime$125 = require_compiler_runtime(), Tip = (e) => {
+    let r = (0, import_compiler_runtime$125.c)(10), c = e.title ?? "Tip", d;
     r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
       className: "pt-2 pb-2 font-normal",
       children: c
@@ -23747,7 +23747,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), r[7] = e.className, r[8] = h, r[9] = _) : _ = r[9], _;
   };
   const MarimoErrorOutput = (e) => {
-    let r = (0, import_compiler_runtime$124.c)(31), { errors: c, cellId: d, className: f } = e, h = useChromeActions(), _ = "This cell wasn't run because it has errors", v = "destructive", y = "text-error";
+    let r = (0, import_compiler_runtime$125.c)(31), { errors: c, cellId: d, className: f } = e, h = useChromeActions(), _ = "This cell wasn't run because it has errors", v = "destructive", y = "text-error";
     if (c.some(_temp$34)) _ = "Interrupted";
     else if (c.some(_temp2$24)) _ = "An internal error occurred";
     else if (c.some(_temp3$16)) _ = "Ancestor prevented from running", v = "default", y = "text-secondary-foreground";
@@ -24413,9 +24413,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       })
     }, `sql-error-${r}`);
   }
-  var import_compiler_runtime$123 = require_compiler_runtime();
+  var import_compiler_runtime$124 = require_compiler_runtime();
   const TextOutput = (e) => {
-    let r = (0, import_compiler_runtime$123.c)(13), { text: c, channel: d, wrapText: f } = e, h = d === "stdout" || d === "stderr", _;
+    let r = (0, import_compiler_runtime$124.c)(13), { text: c, channel: d, wrapText: f } = e, h = d === "stdout" || d === "stderr", _;
     r[0] === f ? _ = r[1] : (_ = (e2) => (0, import_jsx_runtime.jsx)("span", {
       className: f ? "whitespace-pre-wrap break-words" : "whitespace-pre",
       children: (0, import_jsx_runtime.jsx)(RenderTextWithLinks, {
@@ -24432,17 +24432,17 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       children: E
     }), r[10] = w, r[11] = E, r[12] = O) : O = r[12], O;
   };
-  var import_compiler_runtime$122 = require_compiler_runtime();
+  var import_compiler_runtime$123 = require_compiler_runtime();
   const VideoOutput = (e) => {
-    let r = (0, import_compiler_runtime$122.c)(3), { src: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$123.c)(3), { src: c, className: d } = e, f;
     return r[0] !== d || r[1] !== c ? (f = (0, import_jsx_runtime.jsx)("iframe", {
       className: d,
       src: c
     }), r[0] = d, r[1] = c, r[2] = f) : f = r[2], f;
   };
-  var import_compiler_runtime$121 = require_compiler_runtime();
+  var import_compiler_runtime$122 = require_compiler_runtime();
   function useOverflowDetection(e, r) {
-    let c = (0, import_compiler_runtime$121.c)(4), d = r === void 0 ? true : r, [f, h] = (0, import_react.useState)(false), _, v;
+    let c = (0, import_compiler_runtime$122.c)(4), d = r === void 0 ? true : r, [f, h] = (0, import_react.useState)(false), _, v;
     return c[0] !== d || c[1] !== e ? (_ = () => {
       let r2 = e.current;
       if (!r2 || !d) return;
@@ -24539,9 +24539,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   const LazyVegaEmbed = import_react.lazy(() => import("./react-vega-DayQmZjG.js").then((e) => ({
     default: e.VegaEmbed
   })));
-  var import_compiler_runtime$120 = require_compiler_runtime();
+  var import_compiler_runtime$121 = require_compiler_runtime();
   const ChartLoadingState = () => {
-    let e = (0, import_compiler_runtime$120.c)(1), r;
+    let e = (0, import_compiler_runtime$121.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2 justify-center",
       children: [
@@ -24555,7 +24555,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), e[0] = r) : r = e[0], r;
   }, ChartErrorState = (e) => {
-    let r = (0, import_compiler_runtime$120.c)(2), { error: c } = e, d;
+    let r = (0, import_compiler_runtime$121.c)(2), { error: c } = e, d;
     return r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)("div", {
       className: "flex items-center justify-center",
       children: (0, import_jsx_runtime.jsx)(ErrorBanner, {
@@ -24563,7 +24563,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       })
     }), r[0] = c, r[1] = d), d;
   }, ChartInfoState = (e) => {
-    let r = (0, import_compiler_runtime$120.c)(8), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$121.c)(8), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col items-center justify-center gap-4", d), r[0] = d, r[1] = f);
     let h;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = (0, import_jsx_runtime.jsx)(ChartPie, {
@@ -24583,8 +24583,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[5] = f, r[6] = _, r[7] = v) : v = r[7], v;
   };
-  var import_compiler_runtime$119 = require_compiler_runtime(), Tabs = Root2, TabsList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$119.c)(9), d, f;
+  var import_compiler_runtime$120 = require_compiler_runtime(), Tabs = Root2, TabsList = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$120.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("inline-flex max-h-14 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", d), c[3] = d, c[4] = h);
@@ -24597,7 +24597,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TabsList.displayName = List.displayName;
   var TabsTrigger = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$119.c)(9), d, f;
+    let c = (0, import_compiler_runtime$120.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", d), c[3] = d, c[4] = h);
@@ -24610,7 +24610,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TabsTrigger.displayName = Trigger.displayName;
   var TabsContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$119.c)(9), d, f;
+    let c = (0, import_compiler_runtime$120.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2", d), c[3] = d, c[4] = h);
@@ -24622,9 +24622,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), c[5] = f, c[6] = r, c[7] = h, c[8] = _) : _ = c[8], _;
   });
   TabsContent.displayName = Content.displayName;
-  var import_compiler_runtime$118 = require_compiler_runtime();
+  var import_compiler_runtime$119 = require_compiler_runtime();
   const WithLocale = (e) => {
-    let r = (0, import_compiler_runtime$118.c)(3), { children: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
+    let r = (0, import_compiler_runtime$119.c)(3), { children: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
     return r[0] !== c || r[1] !== d ? (f = c(d), r[0] = c, r[1] = d, r[2] = f) : f = r[2], f;
   };
   function tzName(e, r, c = "long") {
@@ -25443,8 +25443,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   function smartMatchFilter(e, r, c) {
     return smartMatch(r, e) ? 1 : c && smartMatch(r, c) ? 0.8 : 0;
   }
-  var import_compiler_runtime$117 = require_compiler_runtime(), Command = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$117.c)(9), d, f;
+  var import_compiler_runtime$118 = require_compiler_runtime(), Command = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$118.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", d), c[3] = d, c[4] = h);
@@ -25458,7 +25458,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   Command.displayName = _e$1.displayName;
   var CommandInput = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$117.c)(19), d, f, h, _;
+    let c = (0, import_compiler_runtime$118.c)(19), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: d, icon: f, rootClassName: _, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] === _ ? v = c[6] : (v = cn("flex items-center border-b px-3", _), c[5] = _, c[6] = v);
@@ -25486,7 +25486,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandInput.displayName = _e$1.Input.displayName;
   var CommandList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$117.c)(9), d, f;
+    let c = (0, import_compiler_runtime$118.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("max-h-[300px] overflow-y-auto overflow-x-hidden", d), c[3] = d, c[4] = h);
@@ -25499,7 +25499,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandList.displayName = _e$1.List.displayName;
   var CommandEmpty = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$117.c)(3), d;
+    let c = (0, import_compiler_runtime$118.c)(3), d;
     return c[0] !== e || c[1] !== r ? (d = (0, import_jsx_runtime.jsx)(_e$1.Empty, {
       ref: r,
       className: "py-6 text-center text-sm",
@@ -25508,7 +25508,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandEmpty.displayName = _e$1.Empty.displayName;
   var CommandGroup = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$117.c)(9), d, f;
+    let c = (0, import_compiler_runtime$118.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", d), c[3] = d, c[4] = h);
@@ -25521,7 +25521,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandGroup.displayName = _e$1.Group.displayName;
   var CommandSeparator = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$117.c)(9), d, f;
+    let c = (0, import_compiler_runtime$118.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = menuSeparatorVariants({
@@ -25536,7 +25536,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandSeparator.displayName = _e$1.Separator.displayName;
   var CommandItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$117.c)(17), d, f, h, _, v;
+    let c = (0, import_compiler_runtime$118.c)(17), d, f, h, _, v;
     if (c[0] !== r || c[1] !== e) {
       let { className: y2, variant: S, inset: w, ...E } = e;
       d = _e$1.Item, f = r, c[7] !== y2 || c[8] !== w || c[9] !== S ? (h = cn(menuItemVariants({
@@ -25553,9 +25553,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), c[11] = d, c[12] = f, c[13] = h, c[14] = _, c[15] = v, c[16] = y) : y = c[16], y;
   });
   CommandItem.displayName = _e$1.Item.displayName;
-  var import_compiler_runtime$116 = require_compiler_runtime();
+  var import_compiler_runtime$117 = require_compiler_runtime();
   const DraggablePopover = (e) => {
-    let r = (0, import_compiler_runtime$116.c)(25), c, d, f;
+    let r = (0, import_compiler_runtime$117.c)(25), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ children: c, className: d, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
@@ -27796,7 +27796,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     ],
     unknown: []
   };
-  var import_compiler_runtime$115 = require_compiler_runtime();
+  var import_compiler_runtime$116 = require_compiler_runtime();
   function renderFormatOptions(e, r) {
     var _a3, _b3, _c3;
     let c = (_a3 = e.columnDef.meta) == null ? void 0 : _a3.dataType, d = c ? formatOptions[c] : [];
@@ -27995,7 +27995,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }) : null;
   }
   const ClearFilterMenuItem = (e) => {
-    let r = (0, import_compiler_runtime$115.c)(5), { column: c } = e, d;
+    let r = (0, import_compiler_runtime$116.c)(5), { column: c } = e, d;
     r[0] === c ? d = r[1] : (d = () => c.setFilterValue(void 0), r[0] = c, r[1] = d);
     let f;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (0, import_jsx_runtime.jsx)(FunnelX, {
@@ -28025,7 +28025,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     });
   }
   const FilterButtons = (e) => {
-    let r = (0, import_compiler_runtime$115.c)(8), { onApply: c, onClear: d, clearButtonDisabled: f } = e, h;
+    let r = (0, import_compiler_runtime$116.c)(8), { onApply: c, onClear: d, clearButtonDisabled: f } = e, h;
     r[0] === c ? h = r[1] : (h = (0, import_jsx_runtime.jsx)(Button, {
       variant: "link",
       size: "sm",
@@ -28050,9 +28050,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[5] = h, r[6] = _, r[7] = v) : v = r[7], v;
   };
-  var import_compiler_runtime$114 = require_compiler_runtime();
+  var import_compiler_runtime$115 = require_compiler_runtime();
   const MimeCell = (e) => {
-    let r = (0, import_compiler_runtime$114.c)(6), { value: c } = e, d;
+    let r = (0, import_compiler_runtime$115.c)(6), { value: c } = e, d;
     r[0] !== c.data || r[1] !== c.mimetype ? (d = {
       channel: "output",
       data: c.data,
@@ -28636,9 +28636,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let [r, c] = import_react.useState(e), [d, f] = import_react.useState(null);
     return e !== r && (f(r), c(e)), d;
   }
-  var import_compiler_runtime$113 = require_compiler_runtime();
+  var import_compiler_runtime$114 = require_compiler_runtime();
   const DelayMount = (e) => {
-    let r = (0, import_compiler_runtime$113.c)(13), { milliseconds: c, children: d, fallback: f, visibility: h, threshold: _, rootMargin: v } = e, y = h === void 0 ? false : h, S = _ === void 0 ? 0 : _, w = v === void 0 ? "0px" : v, [E, O] = (0, import_react.useState)(false), [M, I] = (0, import_react.useState)(false), z;
+    let r = (0, import_compiler_runtime$114.c)(13), { milliseconds: c, children: d, fallback: f, visibility: h, threshold: _, rootMargin: v } = e, y = h === void 0 ? false : h, S = _ === void 0 ? 0 : _, w = v === void 0 ? "0px" : v, [E, O] = (0, import_react.useState)(false), [M, I] = (0, import_react.useState)(false), z;
     r[0] !== w || r[1] !== S ? (z = {
       threshold: S,
       root: null,
@@ -28669,9 +28669,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       children: i9
     }), r[10] = r9, r[11] = i9, r[12] = a9) : a9 = r[12], a9;
   };
-  var import_compiler_runtime$112 = require_compiler_runtime();
+  var import_compiler_runtime$113 = require_compiler_runtime();
   const DatePopover = (e) => {
-    let r = (0, import_compiler_runtime$112.c)(15), { date: c, type: d, children: f } = e;
+    let r = (0, import_compiler_runtime$113.c)(15), { date: c, type: d, children: f } = e;
     if (!c || Number.isNaN(new Date(c).getTime())) return f;
     let h;
     r[0] === c ? h = r[1] : (h = new Date(c), r[0] = c, r[1] = h);
@@ -28711,7 +28711,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), r[12] = w, r[13] = E, r[14] = O) : O = r[14], O;
   };
   var TimezoneDisplay = (e) => {
-    let r = (0, import_compiler_runtime$112.c)(26), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
+    let r = (0, import_compiler_runtime$113.c)(26), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
     r[0] === d ? f = r[1] : (f = Intl.DateTimeFormat(d).resolvedOptions(), r[0] = d, r[1] = f);
     let h = f.timeZone, _ = c.getUTCMilliseconds() !== 0, v;
     r[2] === _ ? v = r[3] : (v = _ ? {
@@ -28787,7 +28787,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[23] = q, r[24] = M, r[25] = Z7) : Z7 = r[25], Z7;
   }, DateDisplay = (e) => {
-    let r = (0, import_compiler_runtime$112.c)(6), { date: c } = e, d;
+    let r = (0, import_compiler_runtime$113.c)(6), { date: c } = e, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
       timeZone: "UTC",
       dateStyle: "long"
@@ -28799,7 +28799,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       children: h
     }), r[4] = h, r[5] = _), _;
   }, RelativeTime = (e) => {
-    let r = (0, import_compiler_runtime$112.c)(6), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f, h;
+    let r = (0, import_compiler_runtime$113.c)(6), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f, h;
     if (r[0] !== c || r[1] !== d) {
       h = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -28851,7 +28851,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     return r[4] === f ? _ = r[5] : (_ = (0, import_jsx_runtime.jsx)("span", {
       children: f
     }), r[4] = f, r[5] = _), _;
-  }, import_compiler_runtime$111 = require_compiler_runtime(), hashString = (e) => {
+  }, import_compiler_runtime$112 = require_compiler_runtime(), hashString = (e) => {
     let r = 0;
     for (let c = 0; c < e.length; c++) {
       let d = e.charCodeAt(c);
@@ -28868,7 +28868,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     return d;
   };
   const ChartSkeleton = (e) => {
-    let r = (0, import_compiler_runtime$111.c)(11), { seed: c, width: d, height: f } = e, h = d / 9, _ = f - 15, v;
+    let r = (0, import_compiler_runtime$112.c)(11), { seed: c, width: d, height: f } = e, h = d / 9, _ = f - 15, v;
     if (r[0] !== h || r[1] !== f || r[2] !== c || r[3] !== _ || r[4] !== d) {
       let e2 = generateHeights({
         numBars: 9,
@@ -29873,11 +29873,11 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }
   }, __publicField(_g, "EMPTY", new _g([], {}, {}, {}, {}, {
     includeCharts: false
-  })), _g), import_compiler_runtime$110 = require_compiler_runtime();
+  })), _g), import_compiler_runtime$111 = require_compiler_runtime();
   const ColumnChartContext = import_react.createContext(ColumnChartSpecModel.EMPTY);
   var batchedLoader = createBatchedLoader();
   const TableColumnSummary = (e) => {
-    let r = (0, import_compiler_runtime$110.c)(21), { columnId: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f = import_react.use(ColumnChartContext), { theme: h } = useTheme(), _, v, y;
+    let r = (0, import_compiler_runtime$111.c)(21), { columnId: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f = import_react.use(ColumnChartContext), { theme: h } = useTheme(), _, v, y;
     if (r[0] !== f || r[1] !== c || r[2] !== d || r[3] !== h) {
       let { spec: e2, type: S2, stats: w } = f.getHeaderSummary(c), E = null;
       if (e2) {
@@ -30088,8 +30088,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let f = e.at(-1);
     return c.push(f), c;
   }
-  var import_compiler_runtime$109 = require_compiler_runtime(), ImageWithFallback = (e) => {
-    let r = (0, import_compiler_runtime$109.c)(14), { url: c } = e, [d, f] = (0, import_react.useState)(false), [h, _] = (0, import_react.useState)(false);
+  var import_compiler_runtime$110 = require_compiler_runtime(), ImageWithFallback = (e) => {
+    let r = (0, import_compiler_runtime$110.c)(14), { url: c } = e, [d, f] = (0, import_react.useState)(false), [h, _] = (0, import_react.useState)(false);
     if (d) {
       let e2;
       return r[0] === c ? e2 = r[1] : (e2 = (0, import_jsx_runtime.jsx)(URLAnchor, {
@@ -30163,7 +30163,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     return r.some((e2) => c.has(e2.type));
   }
   const MarkdownUrlDetector = (e) => {
-    let r = (0, import_compiler_runtime$109.c)(4), { content: c, parts: d } = e;
+    let r = (0, import_compiler_runtime$110.c)(4), { content: c, parts: d } = e;
     if (isMarkdown(c)) {
       let e2;
       return r[0] === c ? e2 = r[1] : (e2 = (0, import_jsx_runtime.jsx)(MarkdownRenderer, {
@@ -30180,7 +30180,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     url: e2.url
   }, r) : e2.value);
   var URLAnchor = (e) => {
-    let r = (0, import_compiler_runtime$109.c)(3), { url: c } = e, d;
+    let r = (0, import_compiler_runtime$110.c)(3), { url: c } = e, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = Events.stopPropagation(), r[0] = d) : d = r[0];
     let f;
     return r[1] === c ? f = r[2] : (f = (0, import_jsx_runtime.jsx)("a", {
@@ -30541,8 +30541,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       maximumFractionDigits: maxFractionalDigits(c)
     }).format(e);
   };
-  var import_compiler_runtime$108 = require_compiler_runtime(), Table = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+  var import_compiler_runtime$109 = require_compiler_runtime(), Table = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("w-full caption-bottom text-sm", d), c[3] = d, c[4] = h);
@@ -30558,7 +30558,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   Table.displayName = "Table";
   var TableHeader = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("[&_tr]:border-b bg-background", d), c[3] = d, c[4] = h);
@@ -30571,7 +30571,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableHeader.displayName = "TableHeader";
   var TableBody = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("[&_tr:last-child]:border-0", d), c[3] = d, c[4] = h);
@@ -30584,7 +30584,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableBody.displayName = "TableBody";
   var TableFooter = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("bg-primary font-medium text-primary-foreground", d), c[3] = d, c[4] = h);
@@ -30597,7 +30597,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableFooter.displayName = "TableFooter";
   var TableRow = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("border-b transition-colors bg-background hover:bg-(--slate-2) data-[state=selected]:bg-(--slate-3)", d), c[3] = d, c[4] = h);
@@ -30610,7 +30610,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableRow.displayName = "TableRow";
   var TableHead = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", d), c[3] = d, c[4] = h);
@@ -30623,7 +30623,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableHead.displayName = "TableHead";
   var TableCell = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("p-1.5 align-middle [&:has([role=checkbox])]:pr-0", d), c[3] = d, c[4] = h);
@@ -30636,7 +30636,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableCell.displayName = "TableCell";
   var TableCaption = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("mt-4 text-sm text-muted-foreground", d), c[3] = d, c[4] = h);
@@ -32017,7 +32017,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     });
   }
   PanelResizeHandle.displayName = "PanelResizeHandle";
-  var import_compiler_runtime$107 = require_compiler_runtime(), toggleVariants = cva(cn("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"), {
+  var import_compiler_runtime$108 = require_compiler_runtime(), toggleVariants = cva(cn("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"), {
     variants: {
       variant: {
         default: "bg-transparent",
@@ -32035,7 +32035,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       size: "default"
     }
   }), Toggle = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$107.c)(13), d, f, h, _;
+    let c = (0, import_compiler_runtime$108.c)(13), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: d, variant: _, size: h, ...f } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] !== d || c[6] !== h || c[7] !== _ ? (v = cn(toggleVariants({
@@ -32058,12 +32058,12 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   }, contextAwarePanelOwner = atom(null), contextAwarePanelType = atom(null), contextAwarePanelOpen = atom(false);
   atom(false);
   const isCellAwareAtom = atom(false);
-  var import_compiler_runtime$106 = require_compiler_runtime();
+  var import_compiler_runtime$107 = require_compiler_runtime();
   const PANEL_TYPES = {
     ROW_VIEWER: "row-viewer",
     COLUMN_EXPLORER: "column-explorer"
   }, ContextAwarePanelItem = (e) => {
-    let r = (0, import_compiler_runtime$106.c)(2), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$107.c)(2), { children: c } = e, d;
     return r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)(ErrorBoundary, {
       children: (0, import_jsx_runtime.jsx)(Fill, {
         name: SlotNames.CONTEXT_AWARE_PANEL,
@@ -32262,9 +32262,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ...e
     ];
   }
-  var import_compiler_runtime$105 = require_compiler_runtime();
+  var import_compiler_runtime$106 = require_compiler_runtime();
   function useScrollContainerHeight(e) {
-    let r = (0, import_compiler_runtime$105.c)(8), { maxHeight: c, virtualize: d } = e, f = (0, import_react.useRef)(null), h, _;
+    let r = (0, import_compiler_runtime$106.c)(8), { maxHeight: c, virtualize: d } = e, f = (0, import_react.useRef)(null), h, _;
     r[0] !== c || r[1] !== d ? (h = () => {
       if (!f.current) return;
       let e2 = f.current.parentElement;
@@ -32861,9 +32861,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     var _a3;
     window.getSelection && ((_a3 = window.getSelection()) == null ? void 0 : _a3.empty());
   };
-  var import_compiler_runtime$104 = require_compiler_runtime();
+  var import_compiler_runtime$105 = require_compiler_runtime();
   const CellSelectionProvider = (e) => {
-    let r = (0, import_compiler_runtime$104.c)(3), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$105.c)(3), { children: c } = e, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = [
       cellSelectionStateAtom
     ], r[0] = d) : d = r[0];
@@ -33418,8 +33418,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ...e
     });
   }
-  var import_compiler_runtime$103 = require_compiler_runtime(), ContextMenu = Root2$3, ContextMenuTrigger = Trigger$2, ContextMenuPortal = withFullScreenAsRoot(Portal2), InternalContextMenuContent = withSmartCollisionBoundary(Content2), InternalContextMenuSubContent = withSmartCollisionBoundary(SubContent2), ContextMenuSubTrigger = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(14), d, f, h, _;
+  var import_compiler_runtime$104 = require_compiler_runtime(), ContextMenu = Root2$3, ContextMenuTrigger = Trigger$2, ContextMenuPortal = withFullScreenAsRoot(Portal2), InternalContextMenuContent = withSmartCollisionBoundary(Content2), InternalContextMenuSubContent = withSmartCollisionBoundary(SubContent2), ContextMenuSubTrigger = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$104.c)(14), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: f, inset: h, children: d, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] !== f || c[6] !== h ? (v = menuSubTriggerVariants({
@@ -33443,7 +33443,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuSubTrigger.displayName = SubTrigger2.displayName;
   var contentCommon = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", ContextMenuSubContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(9), d, f;
+    let c = (0, import_compiler_runtime$104.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn(menuContentCommon({
@@ -33458,7 +33458,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuSubContent.displayName = SubContent2.displayName;
   var ContextMenuContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(15), d, f, h;
+    let c = (0, import_compiler_runtime$104.c)(15), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, scrollable: h, ...f } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _ = h === void 0 ? true : h, v;
     c[4] !== d || c[5] !== _ ? (v = cn(menuContentCommon(), contentCommon, _ && "overflow-auto", d), c[4] = d, c[5] = _, c[6] = v) : v = c[6];
@@ -33481,7 +33481,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuContent.displayName = Content2.displayName;
   var ContextMenuItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(13), d, f, h, _;
+    let c = (0, import_compiler_runtime$104.c)(13), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: d, inset: f, variant: _, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] !== d || c[6] !== f || c[7] !== _ ? (v = menuItemVariants({
@@ -33498,7 +33498,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuItem.displayName = Item2$1.displayName;
   var ContextMenuCheckboxItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(15), d, f, h, _;
+    let c = (0, import_compiler_runtime$104.c)(15), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: h, children: f, checked: d, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] === h ? v = c[6] : (v = menuControlVariants({
@@ -33529,7 +33529,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuCheckboxItem.displayName = CheckboxItem2.displayName;
   var ContextMenuRadioItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(13), d, f, h;
+    let c = (0, import_compiler_runtime$104.c)(13), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: f, children: d, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] === f ? _ = c[5] : (_ = menuControlCheckVariants({
@@ -33559,7 +33559,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuRadioItem.displayName = RadioItem2.displayName;
   var ContextMenuLabel = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(11), d, f, h;
+    let c = (0, import_compiler_runtime$104.c)(11), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, inset: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] !== d || c[5] !== f ? (_ = menuLabelVariants({
@@ -33575,7 +33575,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuLabel.displayName = Label2.displayName;
   var ContextMenuSeparator = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(9), d, f;
+    let c = (0, import_compiler_runtime$104.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn(menuSeparatorVariants({
@@ -33589,9 +33589,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), c[5] = f, c[6] = r, c[7] = h, c[8] = _) : _ = c[8], _;
   });
   ContextMenuSeparator.displayName = Separator2.displayName;
-  var import_compiler_runtime$102 = require_compiler_runtime();
+  var import_compiler_runtime$103 = require_compiler_runtime();
   const DataTableContextMenu = (e) => {
-    let r = (0, import_compiler_runtime$102.c)(12), { contextMenuRef: c, tableBody: d, tableRef: f, copyAllCells: h } = e, _;
+    let r = (0, import_compiler_runtime$103.c)(12), { contextMenuRef: c, tableBody: d, tableRef: f, copyAllCells: h } = e, _;
     r[0] !== c || r[1] !== f ? (_ = (e2) => {
       var _a3;
       let r2 = c.current;
@@ -33691,9 +33691,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     });
   };
-  var import_compiler_runtime$101 = require_compiler_runtime();
+  var import_compiler_runtime$102 = require_compiler_runtime();
   const CellRangeSelectionIndicator = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$101.c)(9), { cellId: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$102.c)(9), { cellId: c, className: d } = e, f;
     r[0] === c ? f = r[1] : (f = createCellStateAtom(c), r[0] = c, r[1] = f);
     let { isSelected: h, isCopied: _ } = useAtomValue(f);
     if (!h && !_) return null;
@@ -33706,9 +33706,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), r[6] = c, r[7] = S, r[8] = w) : w = r[8], w;
   });
   CellRangeSelectionIndicator.displayName = "CellRangeSelectionIndicator";
-  var import_compiler_runtime$100 = require_compiler_runtime();
+  var import_compiler_runtime$101 = require_compiler_runtime();
   const useCellRangeSelection = (e) => {
-    let r = (0, import_compiler_runtime$100.c)(30), { table: c } = e, d = useCellSelectionReducerActions(), f;
+    let r = (0, import_compiler_runtime$101.c)(30), { table: c } = e, d = useCellSelectionReducerActions(), f;
     r[0] !== d || r[1] !== c ? (f = () => {
       d.handleCopy({
         table: c,
@@ -33799,9 +33799,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let r = e.target;
     return r === e.currentTarget || !(r instanceof Element) ? false : r.closest(INTERACTIVE_SELECTOR) !== null;
   }
-  var import_compiler_runtime$99 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
+  var import_compiler_runtime$100 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
   function useScrollIntoViewOnFocus(e) {
-    let r = (0, import_compiler_runtime$99.c)(2), c;
+    let r = (0, import_compiler_runtime$100.c)(2), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       (r2 == null ? void 0 : r2.cellId) && setTimeout(() => {
         var _a3;
@@ -34248,9 +34248,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     e === "too_many" ? "Unknown" : prettifyRowCount(e, c),
     `${prettyNumber(r, c)} ${new PluralWord("column").pluralize(r)}`
   ].join(", ");
-  var import_compiler_runtime$98 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
+  var import_compiler_runtime$99 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
   const CellSelectionStats = (e) => {
-    let r = (0, import_compiler_runtime$98.c)(21), { table: c, className: d } = e, { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), h = useAtomValue(selectedCellsAtom), _ = countDataCellsInSelection(h);
+    let r = (0, import_compiler_runtime$99.c)(21), { table: c, className: d } = e, { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), h = useAtomValue(selectedCellsAtom), _ = countDataCellsInSelection(h);
     if (_ < 2) {
       let e2;
       r[0] === d ? e2 = r[1] : (e2 = cn("text-xs text-muted-foreground/80 italic", d), r[0] = d, r[1] = e2);
@@ -34293,7 +34293,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   var formatNumber = (e, r) => e.toLocaleString(r, {
     maximumFractionDigits: MAX_FRACTION_DIGITS
   }), StatSpan = (e) => {
-    let r = (0, import_compiler_runtime$98.c)(6), { name: c, value: d, locale: f } = e, h;
+    let r = (0, import_compiler_runtime$99.c)(6), { name: c, value: d, locale: f } = e, h;
     r[0] !== f || r[1] !== d ? (h = formatNumber(d, f), r[0] = f, r[1] = d, r[2] = h) : h = r[2];
     let _;
     return r[3] !== c || r[4] !== h ? (_ = (0, import_jsx_runtime.jsxs)("span", {
@@ -34304,14 +34304,14 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[3] = c, r[4] = h, r[5] = _) : _ = r[5], _;
   }, CountStat = (e) => {
-    let r = (0, import_compiler_runtime$98.c)(3), { count: c, locale: d } = e, f;
+    let r = (0, import_compiler_runtime$99.c)(3), { count: c, locale: d } = e, f;
     return r[0] !== c || r[1] !== d ? (f = (0, import_jsx_runtime.jsx)(StatSpan, {
       name: "Count",
       value: c,
       locale: d
     }), r[0] = c, r[1] = d, r[2] = f) : f = r[2], f;
   }, SumStat = (e) => {
-    let r = (0, import_compiler_runtime$98.c)(6), { numericValues: c, locale: d } = e;
+    let r = (0, import_compiler_runtime$99.c)(6), { numericValues: c, locale: d } = e;
     if (c.length === 0) return null;
     let f, h;
     if (r[0] !== c) {
@@ -34325,7 +34325,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       locale: d
     }), r[3] = d, r[4] = _, r[5] = v) : v = r[5], v;
   }, AverageStat = (e) => {
-    let r = (0, import_compiler_runtime$98.c)(5), { numericValues: c, locale: d } = e;
+    let r = (0, import_compiler_runtime$99.c)(5), { numericValues: c, locale: d } = e;
     if (c.length === 0) return null;
     let f = c.reduce(_temp2$23, 0) / c.length, h;
     r[0] === f ? h = r[1] : (h = f.toFixed(MAX_FRACTION_DIGITS), r[0] = f, r[1] = h);
@@ -34470,8 +34470,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     },
     replace: (e, r) => e.endsWith(`.${r}`) ? e : `${Filenames.withoutExtension(e)}.${r}`
   };
-  var import_cuid2 = require_cuid2(), import_compiler_runtime$97 = require_compiler_runtime(), Progress = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$97.c)(20), d, f, h, _;
+  var import_cuid2 = require_cuid2(), import_compiler_runtime$98 = require_compiler_runtime(), Progress = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$98.c)(20), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: d, value: _, indeterminate: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] === d ? v = c[6] : (v = cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", d), c[5] = d, c[6] = v);
@@ -34523,7 +34523,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let c = URL.createObjectURL(e);
     downloadByURL(c, r), URL.revokeObjectURL(c);
   }
-  var import_compiler_runtime$96 = require_compiler_runtime(), FILE_TYPES = {
+  var import_compiler_runtime$97 = require_compiler_runtime(), FILE_TYPES = {
     CSV: {
       label: "CSV",
       format: "csv",
@@ -34565,7 +34565,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     FILE_TYPES.MARKDOWN
   ];
   const ExportMenu = (e) => {
-    let r = (0, import_compiler_runtime$96.c)(29), { locale: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [d, f] = import_react.useState(false), h = d ? "text-primary" : "text-muted-foreground", _;
+    let r = (0, import_compiler_runtime$97.c)(29), { locale: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [d, f] = import_react.useState(false), h = d ? "text-primary" : "text-muted-foreground", _;
     r[0] === h ? _ = r[1] : (_ = cn("print:hidden text-xs gap-1", h), r[0] = h, r[1] = _);
     let v;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (0, import_jsx_runtime.jsx)(Download, {
@@ -35014,10 +35014,10 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), e.focus(), true;
   }
-  var import_compiler_runtime$94 = require_compiler_runtime(), KEY$1 = "item";
+  var import_compiler_runtime$95 = require_compiler_runtime(), KEY$1 = "item";
   const MarimoTracebackOutput = (e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$94.c)(47), { onRefactorWithAI: c, traceback: d, cellId: f } = e, h;
+    let r = (0, import_compiler_runtime$95.c)(47), { onRefactorWithAI: c, traceback: d, cellId: f } = e, h;
     r[0] === d ? h = r[1] : (h = renderHTML({
       html: d,
       additionalReplacements: [
@@ -35266,7 +35266,7 @@ ${E}`,
     });
   };
   var InsertBreakpointContent = () => {
-    let e = (0, import_compiler_runtime$94.c)(1), r;
+    let e = (0, import_compiler_runtime$95.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         "Insert a ",
@@ -35320,9 +35320,9 @@ ${E}`,
         return "\u2753";
     }
   }
-  var import_compiler_runtime$93 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
+  var import_compiler_runtime$94 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
   const OutputRenderer = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$93.c)(54), { message: c, onRefactorWithAI: d, cellId: f, wrapText: h, metadata: _, renderFallback: v } = e, { theme: y } = useTheme(), S;
+    let r = (0, import_compiler_runtime$94.c)(54), { message: c, onRefactorWithAI: d, cellId: f, wrapText: h, metadata: _, renderFallback: v } = e, { theme: y } = useTheme(), S;
     bb0: {
       let e2 = c.data;
       switch (c.mimetype) {
@@ -35514,7 +35514,7 @@ ${E}`,
   OutputRenderer.displayName = "OutputRenderer";
   var MimeBundleOutputRenderer = (0, import_react.memo)((e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$93.c)(31), { data: c, channel: d, cellId: f } = e, h = Array.isArray(c) ? c[0] : c, { mode: _ } = useAtomValue(viewStateAtom), v = _ === "present" || _ === "read", y = h[METADATA_KEY], S, w, E, O, M, I, z, G;
+    let r = (0, import_compiler_runtime$94.c)(31), { data: c, channel: d, cellId: f } = e, h = Array.isArray(c) ? c[0] : c, { mode: _ } = useAtomValue(viewStateAtom), v = _ === "present" || _ === "read", y = h[METADATA_KEY], S, w, E, O, M, I, z, G;
     if (r[0] !== v || r[1] !== f || r[2] !== d || r[3] !== y || r[4] !== h) {
       G = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -35585,7 +35585,7 @@ ${E}`,
   });
   MimeBundleOutputRenderer.displayName = "MimeBundleOutputRenderer";
   const OutputArea = import_react.memo((e) => {
-    let r = (0, import_compiler_runtime$93.c)(17), { output: c, cellId: d, stale: f, loading: h, allowExpand: _, forceExpand: v, className: y } = e;
+    let r = (0, import_compiler_runtime$94.c)(17), { output: c, cellId: d, stale: f, loading: h, allowExpand: _, forceExpand: v, className: y } = e;
     if (c === null || c.channel === "output" && c.data === "") return null;
     let S = f ? "This output is stale" : void 0, w = _ ? ExpandableOutput : Div, E;
     r[0] === d ? E = r[1] : (E = CellOutputId.create(d), r[0] = d, r[1] = E);
@@ -35610,7 +35610,7 @@ ${E}`,
   });
   OutputArea.displayName = "OutputArea";
   var Div = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$93.c)(3), d;
+    let c = (0, import_compiler_runtime$94.c)(3), d;
     return c[0] !== e || c[1] !== r ? (d = (0, import_jsx_runtime.jsx)("div", {
       ref: r,
       ...e
@@ -35618,7 +35618,7 @@ ${E}`,
   });
   Div.displayName = "Div";
   var ExpandableOutput = import_react.memo((e) => {
-    let r = (0, import_compiler_runtime$93.c)(24), { cellId: c, children: d, forceExpand: f, ...h } = e, _ = (0, import_react.useRef)(null), [v, y] = useExpandedOutput(c), S = useOverflowDetection(_), { hasFullscreen: w } = useIframeCapabilities(), E;
+    let r = (0, import_compiler_runtime$94.c)(24), { cellId: c, children: d, forceExpand: f, ...h } = e, _ = (0, import_react.useRef)(null), [v, y] = useExpandedOutput(c), S = useOverflowDetection(_), { hasFullscreen: w } = useIframeCapabilities(), E;
     r[0] === w ? E = r[1] : (E = w && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Fullscreen",
       side: "left",
@@ -35729,8 +35729,8 @@ ${E}`,
       })
     }, r);
   }
-  var import_compiler_runtime$92 = require_compiler_runtime(), CopyButton$1 = (e) => {
-    let r = (0, import_compiler_runtime$92.c)(8), { value: c } = e, d = typeof c == "string" && (c.startsWith("text/html:") || c.startsWith("image/") || c.startsWith("video/")), [f, h] = (0, import_react.useState)(false), _;
+  var import_compiler_runtime$93 = require_compiler_runtime(), CopyButton$1 = (e) => {
+    let r = (0, import_compiler_runtime$93.c)(8), { value: c } = e, d = typeof c == "string" && (c.startsWith("text/html:") || c.startsWith("image/") || c.startsWith("video/")), [f, h] = (0, import_react.useState)(false), _;
     r[0] === c ? _ = r[1] : (_ = async (e2) => {
       e2.stopPropagation(), await copyToClipboard(c), h(true), setTimeout(() => h(false), 1e3);
     }, r[0] = c, r[1] = _);
@@ -35753,7 +35753,7 @@ ${E}`,
       children: E
     }), r[5] = y, r[6] = E, r[7] = O) : O = r[7], O;
   }, JSONCopyButton = (e) => {
-    let r = (0, import_compiler_runtime$92.c)(5), c;
+    let r = (0, import_compiler_runtime$93.c)(5), c;
     r[0] === e.value ? c = r[1] : (c = JSON.stringify(e.value, null, 2), r[0] = e.value, r[1] = c);
     let d;
     return r[2] !== e || r[3] !== c ? (d = (0, import_jsx_runtime.jsx)(CopyButton$1, {
@@ -35761,7 +35761,7 @@ ${E}`,
       value: c
     }), r[2] = e, r[3] = c, r[4] = d) : d = r[4], d;
   }, PyCopyButton = (e) => {
-    let r = (0, import_compiler_runtime$92.c)(5), c;
+    let r = (0, import_compiler_runtime$93.c)(5), c;
     r[0] === e.value ? c = r[1] : (c = getCopyValue(e.value), r[0] = e.value, r[1] = c);
     let d;
     return r[2] !== e || r[3] !== c ? (d = (0, import_jsx_runtime.jsx)(CopyButton$1, {
@@ -35770,7 +35770,7 @@ ${E}`,
     }), r[2] = e, r[3] = c, r[4] = d) : d = r[4], d;
   };
   const JsonOutput = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$92.c)(23), { data: c, format: d, name: f, valueTypes: h, className: _ } = e, v = d === void 0 ? "auto" : d, y = f === void 0 ? false : f, S = h === void 0 ? "python" : h, { theme: w } = useTheme();
+    let r = (0, import_compiler_runtime$93.c)(23), { data: c, format: d, name: f, valueTypes: h, className: _ } = e, v = d === void 0 ? "auto" : d, y = f === void 0 ? false : f, S = h === void 0 ? "python" : h, { theme: w } = useTheme();
     v === "auto" && (v = inferBestFormat(c));
     let E;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
@@ -35829,7 +35829,7 @@ ${E}`,
     return typeof e == "object" && e ? "tree" : "raw";
   }
   var COLLAPSED_TEXT_LENGTH = 100, CollapsibleTextOutput = (e) => {
-    let r = (0, import_compiler_runtime$92.c)(11), [c, d] = (0, import_react.useState)(true);
+    let r = (0, import_compiler_runtime$93.c)(11), [c, d] = (0, import_react.useState)(true);
     if (e.text.length <= COLLAPSED_TEXT_LENGTH) {
       let c2;
       return r[0] === e.text ? c2 = r[1] : (c2 = (0, import_jsx_runtime.jsx)("span", {
@@ -36038,9 +36038,9 @@ ${E}`,
       return c <= 20 ? void 0 : c >= 50 ? 5 : 10;
     }
   }
-  var import_compiler_runtime$91 = require_compiler_runtime(), Accordion$1 = Root2$4, AccordionContent$1 = Content2$1, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
+  var import_compiler_runtime$92 = require_compiler_runtime(), Accordion$1 = Root2$4, AccordionContent$1 = Content2$1, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
   const BadPluginData = (e) => {
-    let r = (0, import_compiler_runtime$91.c)(16), { error: c, badData: d, shadowRoot: f } = e;
+    let r = (0, import_compiler_runtime$92.c)(16), { error: c, badData: d, shadowRoot: f } = e;
     if (c instanceof ZodError) {
       let e2;
       r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(AlertTitle, {
@@ -36517,9 +36517,9 @@ ${E}`,
       }
     };
   }
-  var import_compiler_runtime$90 = require_compiler_runtime();
+  var import_compiler_runtime$91 = require_compiler_runtime();
   function useAnyWidgetModule(e) {
-    let r = (0, import_compiler_runtime$90.c)(16), { jsUrl: c, jsHash: d } = e, f;
+    let r = (0, import_compiler_runtime$91.c)(16), { jsUrl: c, jsHash: d } = e, f;
     r[0] !== d || r[1] !== c ? (f = async () => await WIDGET_DEF_REGISTRY.getModule(c, d), r[0] = d, r[1] = c, r[2] = f) : f = r[2];
     let h;
     r[3] === d ? h = r[4] : (h = [
@@ -36572,7 +36572,7 @@ ${E}`,
     ...e
   }));
   var AnyWidgetSlot = (e) => {
-    let r = (0, import_compiler_runtime$90.c)(14), { jsUrl: c, jsHash: d } = e.data, { model_id: f } = e.value, h = e.host, _;
+    let r = (0, import_compiler_runtime$91.c)(14), { jsUrl: c, jsHash: d } = e.data, { model_id: f } = e.value, h = e.host, _;
     r[0] !== d || r[1] !== c ? (_ = {
       jsUrl: c,
       jsHash: d
@@ -36613,7 +36613,7 @@ ${E}`,
     return e.default ? typeof e.default == "function" || typeof ((_a3 = e.default) == null ? void 0 : _a3.render) == "function" || typeof ((_b3 = e.default) == null ? void 0 : _b3.initialize) == "function" : false;
   }
   var LoadedSlot = (e) => {
-    let r = (0, import_compiler_runtime$90.c)(9), { widget: c, modelId: d, host: f } = e, h = (0, import_react.useRef)(null), _, v;
+    let r = (0, import_compiler_runtime$91.c)(9), { widget: c, modelId: d, host: f } = e, h = (0, import_react.useRef)(null), _, v;
     r[0] === d ? (_ = r[1], v = r[2]) : (_ = MODEL_MANAGER.getSync(d), _ || Logger.error("Model not found for modelId", d), v = _ == null ? void 0 : _.get("_css"), r[0] = d, r[1] = _, r[2] = v), useMountCss(v, f);
     let y, S;
     r[3] !== _ || r[4] !== d || r[5] !== c ? (y = () => {
@@ -36629,9 +36629,9 @@ ${E}`,
     return r[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (0, import_jsx_runtime.jsx)("div", {
       ref: h
     }), r[8] = w) : w = r[8], w;
-  }, import_compiler_runtime$89 = require_compiler_runtime();
+  }, import_compiler_runtime$90 = require_compiler_runtime();
   const KeyboardHotkeys = (e) => {
-    let r = (0, import_compiler_runtime$89.c)(10), { shortcut: c, className: d } = e;
+    let r = (0, import_compiler_runtime$90.c)(10), { shortcut: c, className: d } = e;
     if (c === NOT_SET || c === "") {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("span", {}), r[0] = e2) : e2 = r[0], e2;
@@ -36869,9 +36869,9 @@ ${E}`,
         return "success";
     }
   }
-  var import_compiler_runtime$88 = require_compiler_runtime();
+  var import_compiler_runtime$89 = require_compiler_runtime();
   const Labeled = (e) => {
-    let r = (0, import_compiler_runtime$88.c)(27), { label: c, children: d, align: f, className: h, labelClassName: _, fullWidth: v, id: y } = e, S = f === void 0 ? "left" : f;
+    let r = (0, import_compiler_runtime$89.c)(27), { label: c, children: d, align: f, className: h, labelClassName: _, fullWidth: v, id: y } = e, S = f === void 0 ? "left" : f;
     if (v && (S = "top"), !c) {
       if (S === "top") {
         let e3;
@@ -36911,7 +36911,7 @@ ${E}`,
       ]
     }), r[23] = d, r[24] = M, r[25] = Q7, r[26] = $7) : $7 = r[26], $7;
   };
-  var import_compiler_runtime$87 = require_compiler_runtime(), CheckboxPlugin = class {
+  var import_compiler_runtime$88 = require_compiler_runtime(), CheckboxPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-checkbox");
       __publicField(this, "validator", object({
@@ -36926,7 +36926,7 @@ ${E}`,
       });
     }
   }, CheckboxComponent = (e) => {
-    let r = (0, import_compiler_runtime$87.c)(11), { value: c, setValue: d, data: f } = e, h;
+    let r = (0, import_compiler_runtime$88.c)(11), { value: c, setValue: d, data: f } = e, h;
     r[0] === d ? h = r[1] : (h = (e2) => {
       e2 !== "indeterminate" && d(e2);
     }, r[0] = d, r[1] = h);
@@ -36945,7 +36945,7 @@ ${E}`,
       id: v,
       children: y
     }), r[7] = f.label, r[8] = v, r[9] = y, r[10] = S) : S = r[10], S;
-  }, import_compiler_runtime$86 = require_compiler_runtime(), CodeEditorPlugin = class {
+  }, import_compiler_runtime$87 = require_compiler_runtime(), CodeEditorPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-code-editor");
       __publicField(this, "validator", object({
@@ -36975,7 +36975,7 @@ ${E}`,
       });
     }
   }, CodeEditorComponent = (e) => {
-    let r = (0, import_compiler_runtime$86.c)(34), { theme: c } = useTheme(), d = e.theme || c, f = e.minHeight ? `${e.minHeight}px` : "70px", h = e.maxHeight ? `${e.maxHeight}px` : void 0, [_, v] = (0, import_react.useState)(e.value), y = Number.isFinite(e.debounce) ? e.debounce : 0, S = !Number.isFinite(e.debounce), w;
+    let r = (0, import_compiler_runtime$87.c)(34), { theme: c } = useTheme(), d = e.theme || c, f = e.minHeight ? `${e.minHeight}px` : "70px", h = e.maxHeight ? `${e.maxHeight}px` : void 0, [_, v] = (0, import_react.useState)(e.value), y = Number.isFinite(e.debounce) ? e.debounce : 0, S = !Number.isFinite(e.debounce), w;
     r[0] !== e.setValue || r[1] !== e.value || r[2] !== y || r[3] !== S ? (w = {
       initialValue: e.value,
       delay: y,
@@ -37048,7 +37048,7 @@ ${E}`,
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-CJCTr1kq.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-Cel1kBfc.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -37114,9 +37114,9 @@ ${E}`,
       })
     });
   });
-  var dist_default = '.marimo .gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);font:var(--gdg-header-font-style)var(--gdg-font-family);min-height:var(--r17m35ur-0);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.marimo .gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px}.marimo .gdg-c1tqibwd,.marimo .gdg-d19meir1{display:flex}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);left:var(--d19meir1-1);max-height:calc(100vh - var(--d19meir1-4));max-width:400px;min-height:var(--d19meir1-3);min-width:var(--d19meir1-2);text-align:start;top:var(--d19meir1-0);flex-direction:column;width:max-content;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.marimo .gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.marimo .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5)8.5px 3px}.marimo .gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.marimo .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.marimo .gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.marimo .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.marimo .gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.marimo .gdg-b1ygi5by,.marimo .gdg-b1ygi5by .boe-bubble{display:flex}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,10px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:20px;margin:2px;padding:0 8px}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo,.marimo .gdg-u1rrojo .gdg-link-area{flex-grow:1}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.marimo .gdg-u1rrojo .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.marimo .gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.marimo .gdg-n15fjm3e>input{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);padding:0}.marimo .gdg-i2iowwq,.marimo .gdg-i2iowwq .gdg-centering-container{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center}.marimo .gdg-i2iowwq .gdg-centering-container canvas,.marimo .gdg-i2iowwq .gdg-centering-container img{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none}.marimo .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.marimo .gdg-i2iowwq .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:12px;right:0}.marimo .gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.marimo .gdg-m1pnx84e .gdg-spacer{flex:1}.marimo .gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.marimo .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.marimo .gdg-m1pnx84e .gdg-checkmark-hover:hover{background-color:var(--gdg-accent-color);color:#fff}.marimo .gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.marimo .gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.marimo .gdg-d4zsq0x{flex-wrap:wrap}.marimo .gdg-d4zsq0x,.marimo .gdg-d4zsq0x .doe-bubble{display:flex}.marimo .gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);border-radius:var(--gdg-rounding-radius,6px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:24px;margin:2px;padding:0 8px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.marimo .gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.marimo .gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translateZ(0)}.marimo .gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.marimo .gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.marimo .gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.marimo .gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 canvas{outline:none}.marimo .gdg-s1dgczr6 canvas *{height:0}.marimo .gdg-izpuzkl{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);resize:none;white-space:pre-wrap;-webkit-text-fill-color:var(--gdg-text-dark);width:100%;min-width:100%;height:100%;color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;line-height:16px;position:absolute;inset:0;overflow:hidden}.marimo .gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.marimo .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);width:max-content;min-width:100%;max-width:100%;margin:0;padding:0 0 2px;line-height:16px}.marimo .gdg-g1y0xocz{margin-top:6px;position:relative}.marimo .gdg-wmyidgi{height:var(--wmyidgi-1);min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);direction:ltr;position:relative;overflow:clip}.marimo .gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.marimo .gdg-seveqep{background-color:var(--gdg-bg-cell);border:1px solid var(--gdg-border-color);color:var(--gdg-text-dark);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.marimo .gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.marimo .gdg-seveqep .gdg-search-bar-inner{display:flex}.marimo .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.marimo .gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.marimo .gdg-seveqep input{background-color:var(--gdg-bg-cell);color:var(--gdg-textDark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{width:24px;height:24px;color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.marimo .gdg-seveqep button:hover{color:var(--gdg-text-dark)}.marimo .gdg-seveqep button .button-icon{width:16px;height:16px}.marimo .gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.marimo .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.marimo .gdg-mnuv029>*{margin:0}.marimo .gdg-mnuv029 :last-child{margin-bottom:0}.marimo .gdg-mnuv029 p img{width:100%}', import_compiler_runtime$85 = require_compiler_runtime();
+  var dist_default = '.marimo .gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);font:var(--gdg-header-font-style)var(--gdg-font-family);min-height:var(--r17m35ur-0);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.marimo .gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px}.marimo .gdg-c1tqibwd,.marimo .gdg-d19meir1{display:flex}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);left:var(--d19meir1-1);max-height:calc(100vh - var(--d19meir1-4));max-width:400px;min-height:var(--d19meir1-3);min-width:var(--d19meir1-2);text-align:start;top:var(--d19meir1-0);flex-direction:column;width:max-content;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.marimo .gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.marimo .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5)8.5px 3px}.marimo .gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.marimo .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.marimo .gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.marimo .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.marimo .gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.marimo .gdg-b1ygi5by,.marimo .gdg-b1ygi5by .boe-bubble{display:flex}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,10px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:20px;margin:2px;padding:0 8px}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo,.marimo .gdg-u1rrojo .gdg-link-area{flex-grow:1}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.marimo .gdg-u1rrojo .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.marimo .gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.marimo .gdg-n15fjm3e>input{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);padding:0}.marimo .gdg-i2iowwq,.marimo .gdg-i2iowwq .gdg-centering-container{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center}.marimo .gdg-i2iowwq .gdg-centering-container canvas,.marimo .gdg-i2iowwq .gdg-centering-container img{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none}.marimo .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.marimo .gdg-i2iowwq .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:12px;right:0}.marimo .gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.marimo .gdg-m1pnx84e .gdg-spacer{flex:1}.marimo .gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.marimo .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.marimo .gdg-m1pnx84e .gdg-checkmark-hover:hover{background-color:var(--gdg-accent-color);color:#fff}.marimo .gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.marimo .gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.marimo .gdg-d4zsq0x{flex-wrap:wrap}.marimo .gdg-d4zsq0x,.marimo .gdg-d4zsq0x .doe-bubble{display:flex}.marimo .gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);border-radius:var(--gdg-rounding-radius,6px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:24px;margin:2px;padding:0 8px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.marimo .gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.marimo .gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translateZ(0)}.marimo .gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.marimo .gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.marimo .gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.marimo .gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 canvas{outline:none}.marimo .gdg-s1dgczr6 canvas *{height:0}.marimo .gdg-izpuzkl{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);resize:none;white-space:pre-wrap;-webkit-text-fill-color:var(--gdg-text-dark);width:100%;min-width:100%;height:100%;color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;line-height:16px;position:absolute;inset:0;overflow:hidden}.marimo .gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.marimo .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);width:max-content;min-width:100%;max-width:100%;margin:0;padding:0 0 2px;line-height:16px}.marimo .gdg-g1y0xocz{margin-top:6px;position:relative}.marimo .gdg-wmyidgi{height:var(--wmyidgi-1);min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);direction:ltr;position:relative;overflow:clip}.marimo .gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.marimo .gdg-seveqep{background-color:var(--gdg-bg-cell);border:1px solid var(--gdg-border-color);color:var(--gdg-text-dark);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.marimo .gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.marimo .gdg-seveqep .gdg-search-bar-inner{display:flex}.marimo .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.marimo .gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.marimo .gdg-seveqep input{background-color:var(--gdg-bg-cell);color:var(--gdg-textDark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{width:24px;height:24px;color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.marimo .gdg-seveqep button:hover{color:var(--gdg-text-dark)}.marimo .gdg-seveqep button .button-icon{width:16px;height:16px}.marimo .gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.marimo .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.marimo .gdg-mnuv029>*{margin:0}.marimo .gdg-mnuv029 :last-child{margin-bottom:0}.marimo .gdg-mnuv029 p img{width:100%}', import_compiler_runtime$86 = require_compiler_runtime();
   const LoadingTable = (e) => {
-    let r = (0, import_compiler_runtime$85.c)(14), { wrapperClassName: c, className: d, pageSize: f } = e, h = f === void 0 ? 10 : f, _;
+    let r = (0, import_compiler_runtime$86.c)(14), { wrapperClassName: c, className: d, pageSize: f } = e, h = f === void 0 ? 10 : f, _;
     r[0] === c ? _ = r[1] : (_ = cn(c, "flex flex-col space-y-2"), r[0] = c, r[1] = _);
     let v = d || "rounded-md border", y;
     r[2] === v ? y = r[3] : (y = cn(v), r[2] = v, r[3] = y);
@@ -37194,7 +37194,7 @@ ${E}`,
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$84 = require_compiler_runtime(), TooltipProvider$2 = Provider$2, LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BQPLhydy.js").then(async (m2) => {
+  var import_compiler_runtime$85 = require_compiler_runtime(), TooltipProvider$2 = Provider$2, LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BqnvTmDo.js").then(async (m2) => {
     await m2.__tla;
     return m2;
   }));
@@ -37241,7 +37241,7 @@ ${E}`,
     })
   }));
   var LoadingDataEditor = (e) => {
-    let r = (0, import_compiler_runtime$84.c)(31), c;
+    let r = (0, import_compiler_runtime$85.c)(31), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = [], r[0] = c) : c = r[0];
     let [d, f] = (0, import_react.useState)(c), h;
     r[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {}, r[1] = h) : h = r[1];
@@ -38916,8 +38916,8 @@ ${E}`,
       _.height
     ]);
   }
-  var import_compiler_runtime$83 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
-    let r = (0, import_compiler_runtime$83.c)(10), c;
+  var import_compiler_runtime$84 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
+    let r = (0, import_compiler_runtime$84.c)(10), c;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let d;
     r[2] === c.name ? d = r[3] : (d = {
@@ -38933,7 +38933,7 @@ ${E}`,
       children: f
     }, c.name), r[6] = c.name, r[7] = d, r[8] = f, r[9] = h) : h = r[9], h;
   }, useFormField = () => {
-    let e = (0, import_compiler_runtime$83.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: d, formState: f } = useFormContext(), h;
+    let e = (0, import_compiler_runtime$84.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: d, formState: f } = useFormContext(), h;
     e[0] !== r.name || e[1] !== f || e[2] !== d ? (h = d(r.name, f), e[0] = r.name, e[1] = f, e[2] = d, e[3] = h) : h = e[3];
     let _ = h;
     if (!r) throw Error("useFormField should be used within <FormField>");
@@ -38947,7 +38947,7 @@ ${E}`,
       ..._
     }, e[4] = r.name, e[5] = _, e[6] = v, e[7] = y, e[8] = S, e[9] = w, e[10] = E) : E = e[10], E;
   }, FormItemContext = import_react.createContext({}), FormItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$83.c)(14), d, f;
+    let c = (0, import_compiler_runtime$84.c)(14), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h = import_react.useId(), _;
     c[3] === h ? _ = c[4] : (_ = {
@@ -38969,7 +38969,7 @@ ${E}`,
   });
   FormItem.displayName = "FormItem";
   var FormLabel = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$83.c)(11), d, f;
+    let c = (0, import_compiler_runtime$84.c)(11), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let { error: h, formItemId: _ } = useFormField();
     if (!f.children) return;
@@ -38985,7 +38985,7 @@ ${E}`,
   });
   FormLabel.displayName = "FormLabel";
   var FormControl = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$83.c)(8), d;
+    let c = (0, import_compiler_runtime$84.c)(8), d;
     c[0] === e ? d = c[1] : ({ ...d } = e, c[0] = e, c[1] = d);
     let { error: f, formItemId: h, formDescriptionId: _, formMessageId: v } = useFormField(), y = f ? `${_} ${v}` : _, S = !!f, w;
     return c[2] !== h || c[3] !== d || c[4] !== r || c[5] !== y || c[6] !== S ? (w = (0, import_jsx_runtime.jsx)(Slot$1, {
@@ -38998,7 +38998,7 @@ ${E}`,
   });
   FormControl.displayName = "FormControl";
   var FormDescription = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$83.c)(10), d, f;
+    let c = (0, import_compiler_runtime$84.c)(10), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let { formDescriptionId: h } = useFormField();
     if (!f.children) return null;
@@ -39014,7 +39014,7 @@ ${E}`,
   });
   FormDescription.displayName = "FormDescription";
   var FormMessage = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$83.c)(12), d, f, h;
+    let c = (0, import_compiler_runtime$84.c)(12), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: f, children: d, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let { error: _, formMessageId: v } = useFormField(), y = (_ == null ? void 0 : _.message) ? String(_ == null ? void 0 : _.message) : d;
     if (!y) return null;
@@ -39031,7 +39031,7 @@ ${E}`,
   });
   FormMessage.displayName = "FormMessage";
   var FormMessageTooltip = (e) => {
-    let r = (0, import_compiler_runtime$83.c)(7), { className: c } = e, { error: d } = useFormField(), f = (d == null ? void 0 : d.message) ? String(d == null ? void 0 : d.message) : null;
+    let r = (0, import_compiler_runtime$84.c)(7), { className: c } = e, { error: d } = useFormField(), f = (d == null ? void 0 : d.message) ? String(d == null ? void 0 : d.message) : null;
     if (!f) return null;
     let h;
     r[0] === c ? h = r[1] : (h = cn("stroke-[1.8px]", c), r[0] = c, r[1] = h);
@@ -39189,9 +39189,9 @@ ${c}
     saveForm: Functions.NOOP,
     chartType: ChartType.LINE
   }), useChartFormContext = () => (0, import_react.use)(ChartFormContext);
-  var import_compiler_runtime$82 = require_compiler_runtime();
+  var import_compiler_runtime$83 = require_compiler_runtime();
   function useBoolean(e) {
-    let r = (0, import_compiler_runtime$82.c)(6), [c, d] = (0, import_react.useState)(e), f;
+    let r = (0, import_compiler_runtime$83.c)(6), [c, d] = (0, import_react.useState)(e), f;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (e2) => {
       var _a3;
       (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), d(true);
@@ -39221,8 +39221,8 @@ ${c}
   function _temp$25(e) {
     return !e;
   }
-  var import_compiler_runtime$81 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$81.c)(25), { className: d, valueMap: f, ...h } = e, [_, v] = useBoolean(false), { locale: y } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), S = dist_exports$1, w;
+  var import_compiler_runtime$82 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$82.c)(25), { className: d, valueMap: f, ...h } = e, [_, v] = useBoolean(false), { locale: y } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), S = dist_exports$1, w;
     c[0] === d ? w = c[1] : (w = cn("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", d), c[0] = d, c[1] = w);
     let E;
     c[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = cn("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), c[2] = E) : E = c[2];
@@ -42123,12 +42123,12 @@ ${c}
   function kn(e, r, c) {
     return r !== "normal" && !(r != null && r.endsWith("px")) && c(`${e} was not resolved to pixel value correctly`, r, Ct.WARN), r === "normal" ? 0 : parseInt(r ?? "0", 10);
   }
-  var import_compiler_runtime$80 = require_compiler_runtime();
+  var import_compiler_runtime$81 = require_compiler_runtime();
   const ComboboxContext = (0, import_react.createContext)({
     isSelected: () => false,
     onSelect: Functions.NOOP
   }), Combobox = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(94), c, d, f, h, _, v, y, S, w, E, O, M, I, G, q, Z7, Q7, $7, e9, t9, n9;
+    let r = (0, import_compiler_runtime$81.c)(94), c, d, f, h, _, v, y, S, w, E, O, M, I, G, q, Z7, Q7, $7, e9, t9, n9;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5], v = r[6], y = r[7], S = r[8], w = r[9], E = r[10], O = r[11], M = r[12], I = r[13], G = r[14], q = r[15], Z7 = r[16], Q7 = r[17], $7 = r[18], e9 = r[19], t9 = r[20], n9 = r[21]) : ({ children: c, displayValue: v, className: f, placeholder: I, value: n9, defaultValue: _, onValueChange: O, multiple: Z7, shouldFilter: Q7, filterFn: y, open: M, defaultOpen: h, onOpenChange: w, inputPlaceholder: $7, search: q, onSearchChange: E, emptyState: e9, chips: t9, chipsClassName: d, keepPopoverOpenOnSelect: S, ...G } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _, r[6] = v, r[7] = y, r[8] = S, r[9] = w, r[10] = E, r[11] = O, r[12] = M, r[13] = I, r[14] = G, r[15] = q, r[16] = Z7, r[17] = Q7, r[18] = $7, r[19] = e9, r[20] = t9, r[21] = n9);
     let r9 = Z7 === void 0 ? false : Z7, i9 = Q7 === void 0 ? true : Q7, a9 = $7 === void 0 ? "Search..." : $7, o9 = e9 === void 0 ? "Nothing found." : e9, s9 = t9 === void 0 ? false : t9, c9 = h ?? false, l9;
     r[22] !== w || r[23] !== M || r[24] !== c9 ? (l9 = {
@@ -42271,7 +42271,7 @@ ${c}
       ]
     }), r[90] = G, r[91] = F9, r[92] = I9, r[93] = L9) : L9 = r[93], L9;
   }, ComboboxItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$80.c)(17), { children: d, className: f, value: h, onSelect: _, disabled: v } = e, y = typeof h == "object" && "value" in h ? h.value : String(h), S = import_react.use(ComboboxContext), w;
+    let c = (0, import_compiler_runtime$81.c)(17), { children: d, className: f, value: h, onSelect: _, disabled: v } = e, y = typeof h == "object" && "value" in h ? h.value : String(h), S = import_react.use(ComboboxContext), w;
     c[0] === f ? w = c[1] : (w = cn("pl-6 m-1 py-1", f), c[0] = f, c[1] = w);
     let E;
     c[2] !== S || c[3] !== _ || c[4] !== h ? (E = () => {
@@ -42299,7 +42299,7 @@ ${c}
   function multiselectFilterFn(e, r) {
     return r.split(/\s+/).every((r2) => e.toLowerCase().includes(r2.toLowerCase())) ? 1 : 0;
   }
-  var import_compiler_runtime$79 = require_compiler_runtime(), MultiselectPlugin = class {
+  var import_compiler_runtime$80 = require_compiler_runtime(), MultiselectPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-multiselect");
       __publicField(this, "validator", object({
@@ -42319,7 +42319,7 @@ ${c}
     }
   }, SELECT_ALL_KEY = "__select_all__", DESELECT_ALL_KEY = "__deselect_all__";
   const Multiselect = (e) => {
-    let r = (0, import_compiler_runtime$79.c)(45), { options: c, label: d, value: f, setValue: h, fullWidth: _, maxSelections: v } = e, y = (0, import_react.useId)(), [S, w] = (0, import_react.useState)(""), E;
+    let r = (0, import_compiler_runtime$80.c)(45), { options: c, label: d, value: f, setValue: h, fullWidth: _, maxSelections: v } = e, y = (0, import_react.useId)(), [S, w] = (0, import_react.useState)(""), E;
     bb0: {
       if (!S) {
         E = c;
@@ -42448,9 +42448,9 @@ ${c}
   function _temp3$13(e) {
     return e;
   }
-  var import_compiler_runtime$78 = require_compiler_runtime();
+  var import_compiler_runtime$79 = require_compiler_runtime();
   function useAddCodeToNewCell() {
-    let e = (0, import_compiler_runtime$78.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
+    let e = (0, import_compiler_runtime$79.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
     return e[0] !== r || e[1] !== d || e[2] !== c ? (f = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: r,
@@ -42463,7 +42463,7 @@ ${c}
       });
     }, e[0] = r, e[1] = d, e[2] = c, e[3] = f) : f = e[3], f;
   }
-  var import_compiler_runtime$77 = require_compiler_runtime(), pythonExtensions = [
+  var import_compiler_runtime$78 = require_compiler_runtime(), pythonExtensions = [
     customPythonLanguageSupport(),
     EditorView.lineWrapping
   ], sqlExtensions = [
@@ -42471,7 +42471,7 @@ ${c}
     EditorView.lineWrapping
   ];
   const ReadonlyCode = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$77.c)(41), { theme: c } = useTheme(), d, f, h, _, v, y, S, w;
+    let r = (0, import_compiler_runtime$78.c)(41), { theme: c } = useTheme(), d, f, h, _, v, y, S, w;
     r[0] === e ? (d = r[1], f = r[2], h = r[3], _ = r[4], v = r[5], y = r[6], S = r[7], w = r[8]) : ({ code: f, className: d, initiallyHideCode: h, showHideCode: y, showCopyCode: S, insertNewCell: _, language: w, ...v } = e, r[0] = e, r[1] = d, r[2] = f, r[3] = h, r[4] = _, r[5] = v, r[6] = y, r[7] = S, r[8] = w);
     let E = y === void 0 ? true : y, O = S === void 0 ? true : S, M = w === void 0 ? "python" : w, [I, z] = (0, import_react.useState)(h), G;
     r[9] === d ? G = r[10] : (G = cn("relative hover-actions-parent w-full overflow-hidden", d), r[9] = d, r[10] = G);
@@ -42526,7 +42526,7 @@ ${c}
   });
   ReadonlyCode.displayName = "ReadonlyCode";
   var CopyButton = (e) => {
-    let r = (0, import_compiler_runtime$77.c)(5), c;
+    let r = (0, import_compiler_runtime$78.c)(5), c;
     r[0] === e.text ? c = r[1] : (c = Events.stopPropagation(async () => {
       await copyToClipboard(e.text), toast({
         title: "Copied to clipboard"
@@ -42550,7 +42550,7 @@ ${c}
       })
     }), r[3] = d, r[4] = h), h;
   }, EyeCloseButton = (e) => {
-    let r = (0, import_compiler_runtime$77.c)(3), c;
+    let r = (0, import_compiler_runtime$78.c)(3), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(EyeOff, {
       size: 14,
       strokeWidth: 1.5
@@ -42569,7 +42569,7 @@ ${c}
     }), r[1] = e.onClick, r[2] = d), d;
   };
   const HideCodeButton = (e) => {
-    let r = (0, import_compiler_runtime$77.c)(7), c;
+    let r = (0, import_compiler_runtime$78.c)(7), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(Eye, {
       className: "hover-action w-5 h-5 text-muted-foreground cursor-pointer absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-80 hover:opacity-100 z-20"
     }), r[0] = c) : c = r[0];
@@ -42587,7 +42587,7 @@ ${c}
     }), r[3] = e.className, r[4] = e.onClick, r[5] = d, r[6] = f) : f = r[6], f;
   };
   var InsertNewCell = (e) => {
-    let r = (0, import_compiler_runtime$77.c)(6), c = useAddCodeToNewCell(), d;
+    let r = (0, import_compiler_runtime$78.c)(6), c = useAddCodeToNewCell(), d;
     r[0] !== c || r[1] !== e.code ? (d = () => {
       c(e.code);
     }, r[0] = c, r[1] = e.code, r[2] = d) : d = r[2];
@@ -42608,9 +42608,9 @@ ${c}
         children: h
       })
     }), r[4] = f, r[5] = _), _;
-  }, import_compiler_runtime$76 = require_compiler_runtime();
+  }, import_compiler_runtime$77 = require_compiler_runtime();
   const Title = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(5), { text: c, tooltip: d } = e, f;
+    let r = (0, import_compiler_runtime$77.c)(5), { text: c, tooltip: d } = e, f;
     r[0] === d ? f = r[1] : (f = d && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: d,
       children: (0, import_jsx_runtime.jsx)(Info, {
@@ -42626,7 +42626,7 @@ ${c}
       ]
     }), r[2] = f, r[3] = c, r[4] = h) : h = r[4], h;
   }, TabContainer = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$77.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-2", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)("div", {
@@ -42634,14 +42634,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, FormSectionHorizontalRule = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(4), { className: c } = e, d;
+    let r = (0, import_compiler_runtime$77.c)(4), { className: c } = e, d;
     r[0] === c ? d = r[1] : (d = cn("my-1", c), r[0] = c, r[1] = d);
     let f;
     return r[2] === d ? f = r[3] : (f = (0, import_jsx_runtime.jsx)("hr", {
       className: d
     }), r[2] = d, r[3] = f), f;
   }, FieldSection = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$77.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-1.5", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)("section", {
@@ -42649,7 +42649,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, IconWithText = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(7), { Icon: c, text: d } = e, f;
+    let r = (0, import_compiler_runtime$77.c)(7), { Icon: c, text: d } = e, f;
     r[0] === c ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(c, {
       className: "w-3 h-3 mr-2"
     }), r[0] = c, r[1] = f);
@@ -42666,7 +42666,7 @@ ${c}
       ]
     }), r[4] = f, r[5] = h, r[6] = _) : _ = r[6], _;
   }, AccordionFormTrigger = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$77.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("py-1", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
@@ -42674,14 +42674,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, AccordionFormItem = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(3), { children: c, value: d } = e, f;
+    let r = (0, import_compiler_runtime$77.c)(3), { children: c, value: d } = e, f;
     return r[0] !== c || r[1] !== d ? (f = (0, import_jsx_runtime.jsx)(AccordionItem, {
       value: d,
       className: "border-none",
       children: c
     }), r[0] = c, r[1] = d, r[2] = f) : f = r[2], f;
   }, AccordionFormContent = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(5), { children: c, wrapperClassName: d } = e, f;
+    let r = (0, import_compiler_runtime$77.c)(5), { children: c, wrapperClassName: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("pb-2 flex flex-col gap-2", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)(AccordionContent, {
@@ -42689,7 +42689,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, CodeSnippet = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(4), { code: c, insertNewCell: d, language: f } = e, h;
+    let r = (0, import_compiler_runtime$77.c)(4), { code: c, insertNewCell: d, language: f } = e, h;
     return r[0] !== c || r[1] !== d || r[2] !== f ? (h = (0, import_jsx_runtime.jsx)(ReadonlyCode, {
       minHeight: "330px",
       maxHeight: "330px",
@@ -42700,9 +42700,9 @@ ${c}
       insertNewCell: d
     }), r[0] = c, r[1] = d, r[2] = f, r[3] = h) : h = r[3], h;
   };
-  var import_compiler_runtime$75 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
+  var import_compiler_runtime$76 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
   const ColumnSelector = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(23), { fieldName: c, columns: d, onValueChange: f, includeCountField: h } = e, _ = h === void 0 ? true : h, v = useFormContext(), y;
+    let r = (0, import_compiler_runtime$76.c)(23), { fieldName: c, columns: d, onValueChange: f, includeCountField: h } = e, _ = h === void 0 ? true : h, v = useFormContext(), y;
     r[0] === c ? y = r[1] : (y = c.replace(".field", ".type"), r[0] = c, r[1] = y);
     let S = y, w;
     r[2] === c ? w = r[3] : (w = c.replace(".field", ".selectedDataType"), r[2] = c, r[3] = w);
@@ -42784,7 +42784,7 @@ ${c}
       render: I
     }), r[19] = c, r[20] = v.control, r[21] = I, r[22] = z) : z = r[22], z;
   }, SelectField = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(8), { fieldName: c, label: d, options: f, defaultValue: h } = e, _ = useFormContext(), v;
+    let r = (0, import_compiler_runtime$76.c)(8), { fieldName: c, label: d, options: f, defaultValue: h } = e, _ = useFormContext(), v;
     r[0] !== h || r[1] !== d || r[2] !== f ? (v = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -42823,7 +42823,7 @@ ${c}
       render: v
     }), r[4] = c, r[5] = _.control, r[6] = v, r[7] = y) : y = r[7], y;
   }, InputField = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(6), { fieldName: c, label: d } = e, f = useFormContext(), h;
+    let r = (0, import_compiler_runtime$76.c)(6), { fieldName: c, label: d } = e, f = useFormContext(), h;
     r[0] === d ? h = r[1] : (h = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -42850,7 +42850,7 @@ ${c}
       render: h
     }), r[2] = c, r[3] = f.control, r[4] = h, r[5] = _) : _ = r[5], _;
   }, NumberField$1 = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(17), c, d, f, h, _, v;
+    let r = (0, import_compiler_runtime$76.c)(17), c, d, f, h, _, v;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5], v = r[6]) : ({ fieldName: d, label: _, className: c, inputClassName: f, isDisabled: h, ...v } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _, r[6] = v);
     let y = useFormContext(), S;
     r[7] !== c || r[8] !== f || r[9] !== h || r[10] !== _ || r[11] !== v ? (S = (e2) => {
@@ -42884,7 +42884,7 @@ ${c}
       render: S
     }), r[13] = d, r[14] = y.control, r[15] = S, r[16] = w) : w = r[16], w;
   }, BooleanField = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(8), { fieldName: c, label: d, className: f, defaultValue: h } = e, _ = useFormContext(), v;
+    let r = (0, import_compiler_runtime$76.c)(8), { fieldName: c, label: d, className: f, defaultValue: h } = e, _ = useFormContext(), v;
     r[0] !== f || r[1] !== h || r[2] !== d ? (v = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -42910,7 +42910,7 @@ ${c}
       render: v
     }), r[4] = c, r[5] = _.control, r[6] = v, r[7] = y) : y = r[7], y;
   }, SliderField = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(12), { fieldName: c, label: d, defaultValue: f, start: h, stop: _, step: v, className: y } = e, S = useFormContext(), w;
+    let r = (0, import_compiler_runtime$76.c)(12), { fieldName: c, label: d, defaultValue: f, start: h, stop: _, step: v, className: y } = e, S = useFormContext(), w;
     r[0] !== y || r[1] !== f || r[2] !== c || r[3] !== d || r[4] !== h || r[5] !== v || r[6] !== _ ? (w = (e2) => {
       let { field: r2 } = e2, S2 = r2.value ?? f, w2 = Number(S2), E2 = (e3) => {
         typeof e3 == "string" && (e3 = Number(e3)), r2.onChange(e3);
@@ -42953,7 +42953,7 @@ ${c}
       render: w
     }), r[8] = c, r[9] = S.control, r[10] = w, r[11] = E) : E = r[11], E;
   }, ColorArrayField = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(28), { fieldName: c, label: d, className: f } = e, h = useFormContext(), _;
+    let r = (0, import_compiler_runtime$76.c)(28), { fieldName: c, label: d, className: f } = e, h = useFormContext(), _;
     r[0] !== c || r[1] !== h ? (_ = h.watch(c), r[0] = c, r[1] = h, r[2] = _) : _ = r[2];
     let v = _, y;
     r[3] === v ? y = r[4] : (y = v ?? [], r[3] = v, r[4] = y);
@@ -43034,7 +43034,7 @@ ${c}
       render: q
     }), r[24] = c, r[25] = h.control, r[26] = q, r[27] = Z7) : Z7 = r[27], Z7;
   }, TimeUnitSelect = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(10), { fieldName: c, label: d } = e, f = useFormContext(), h;
+    let r = (0, import_compiler_runtime$76.c)(10), { fieldName: c, label: d } = e, f = useFormContext(), h;
     r[0] !== c || r[1] !== f ? (h = () => {
       f.setValue(c, "");
     }, r[0] = c, r[1] = f, r[2] = h) : h = r[2];
@@ -43103,7 +43103,7 @@ ${c}
       render: y
     }), r[6] = c, r[7] = f.control, r[8] = y, r[9] = S) : S = r[9], S;
   }, DataTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(9), { fieldName: c, label: d, defaultValue: f, onValueChange: h } = e, [_, v] = import_react.useState(false), y = useFormContext(), S;
+    let r = (0, import_compiler_runtime$76.c)(9), { fieldName: c, label: d, defaultValue: f, onValueChange: h } = e, [_, v] = import_react.useState(false), y = useFormContext(), S;
     r[0] !== f || r[1] !== _ || r[2] !== d || r[3] !== h ? (S = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -43159,7 +43159,7 @@ ${c}
       render: S
     }), r[5] = c, r[6] = y.control, r[7] = S, r[8] = w) : w = r[8], w;
   }, AggregationSelect = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(12), { fieldName: c, selectedDataType: d, binFieldName: f, defaultAggregation: h } = e, _ = useFormContext(), v = d === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: y } = useChartFormContext(), S = y !== ChartType.HEATMAP, w = _temp6$4, E = _temp7$1, O;
+    let r = (0, import_compiler_runtime$76.c)(12), { fieldName: c, selectedDataType: d, binFieldName: f, defaultAggregation: h } = e, _ = useFormContext(), v = d === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: y } = useChartFormContext(), S = y !== ChartType.HEATMAP, w = _temp6$4, E = _temp7$1, O;
     r[0] !== f || r[1] !== _ ? (O = (e2) => {
       let { value: r2, previousValue: c2, onChange: d2 } = e2;
       r2 === "bin" ? _.setValue(f, true) : c2 === "bin" && _.setValue(f, false), d2(r2);
@@ -43218,7 +43218,7 @@ ${c}
       render: I
     }), r[8] = c, r[9] = _.control, r[10] = I, r[11] = z) : z = r[11], z;
   }, TooltipSelect = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: h } = useChartFormContext(), _ = _temp8, v;
+    let r = (0, import_compiler_runtime$76.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: h } = useChartFormContext(), _ = _temp8, v;
     r[0] !== h || r[1] !== d ? (v = (e2) => {
       var _a3;
       let { field: r2 } = e2, c2 = ((_a3 = r2.value) == null ? void 0 : _a3.map(_temp9)) ?? [];
@@ -43244,7 +43244,7 @@ ${c}
       render: v
     }), r[3] = c, r[4] = f.control, r[5] = v, r[6] = y) : y = r[6], y;
   }, SortField = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(5), { fieldName: c, label: d, defaultValue: f } = e, h;
+    let r = (0, import_compiler_runtime$76.c)(5), { fieldName: c, label: d, defaultValue: f } = e, h;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = SORT_TYPES.map(_temp1), r[0] = h) : h = r[0];
     let _ = f ?? "ascending", v;
     return r[1] !== c || r[2] !== d || r[3] !== _ ? (v = (0, import_jsx_runtime.jsx)(SelectField, {
@@ -43255,7 +43255,7 @@ ${c}
     }), r[1] = c, r[2] = d, r[3] = _, r[4] = v) : v = r[4], v;
   }, BinFields = (e) => {
     var _a3, _b3, _c3, _d3;
-    let r = (0, import_compiler_runtime$75.c)(10), { fieldName: c } = e, d = useFormContext(), f;
+    let r = (0, import_compiler_runtime$76.c)(10), { fieldName: c } = e, d = useFormContext(), f;
     r[0] === d.control ? f = r[1] : (f = {
       control: d.control
     }, r[0] = d.control, r[1] = f);
@@ -43370,7 +43370,7 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$74 = require_compiler_runtime();
+  var import_compiler_runtime$75 = require_compiler_runtime();
   function isNonCountField(e) {
     return isFieldSet(e == null ? void 0 : e.field) && (e == null ? void 0 : e.field) !== "__count__";
   }
@@ -43394,7 +43394,7 @@ ${c}
     };
   }
   var ColumnSelectorWithAggregation = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(14), { columnFieldName: c, column: d, columns: f, binFieldName: h, defaultAggregation: _ } = e, v;
+    let r = (0, import_compiler_runtime$75.c)(14), { columnFieldName: c, column: d, columns: f, binFieldName: h, defaultAggregation: _ } = e, v;
     r[0] === d ? v = r[1] : (v = getColumnDataTypes(d), r[0] = d, r[1] = v);
     let { selectedDataType: y } = v, S;
     r[2] !== c || r[3] !== f ? (S = (0, import_jsx_runtime.jsx)(ColumnSelector, {
@@ -43418,7 +43418,7 @@ ${c}
     }), r[11] = S, r[12] = w, r[13] = E) : E = r[13], E;
   };
   const ChartTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(7), { value: c, onValueChange: d } = e, f, h;
+    let r = (0, import_compiler_runtime$75.c)(7), { value: c, onValueChange: d } = e, f, h;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = buttonVariants({
       variant: "outline",
       className: "user-select-none w-full justify-between px-3"
@@ -43454,7 +43454,7 @@ ${c}
     }), r[4] = d, r[5] = c, r[6] = y) : y = r[6], y;
   };
   var ChartSelectItem = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(10), { chartType: c } = e, d = CHART_TYPE_ICON[c], f;
+    let r = (0, import_compiler_runtime$75.c)(10), { chartType: c } = e, d = CHART_TYPE_ICON[c], f;
     r[0] === d ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(d, {
       className: "w-4 h-4 mr-2"
     }), r[0] = d, r[1] = f);
@@ -43477,7 +43477,7 @@ ${c}
   };
   const XAxis = () => {
     var _a3, _b3, _c3, _d3, _e9, _f3, _g3;
-    let e = (0, import_compiler_runtime$74.c)(22), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$75.c)(22), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -43530,7 +43530,7 @@ ${c}
     }), e[17] = w, e[18] = E, e[19] = O, e[20] = M, e[21] = I) : I = e[21], I;
   }, YAxis = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$74.c)(29), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$75.c)(29), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -43587,7 +43587,7 @@ ${c}
     }), e[23] = Q7, e[24] = $7, e[25] = G, e[26] = q, e[27] = Z7, e[28] = e9) : e9 = e[28], e9;
   }, ColorByAxis = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$74.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$75.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -43618,7 +43618,7 @@ ${c}
     }), e[10] = y, e[11] = S, e[12] = w) : w = e[12], w;
   }, Facet = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$74.c)(7), r = useChartFormContext().fields, c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$75.c)(7), r = useChartFormContext().fields, c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -43697,10 +43697,10 @@ ${c}
       chartType: e
     }, e);
   }
-  var import_compiler_runtime$73 = require_compiler_runtime();
+  var import_compiler_runtime$74 = require_compiler_runtime();
   const CommonChartForm = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$73.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$74.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -43752,7 +43752,7 @@ ${c}
       ]
     }), e[15] = z, e[16] = Z7), Z7;
   }, StyleForm = () => {
-    let e = (0, import_compiler_runtime$73.c)(15), { chartType: r } = useChartFormContext(), c;
+    let e = (0, import_compiler_runtime$74.c)(15), { chartType: r } = useChartFormContext(), c;
     e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(AccordionFormTrigger, {
       className: "pt-0",
       children: (0, import_jsx_runtime.jsx)(Title, {
@@ -43895,7 +43895,7 @@ ${c}
     }), e[13] = h, e[14] = z), z;
   }, OtherOptions = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$73.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$74.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -43966,10 +43966,10 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$72 = require_compiler_runtime();
+  var import_compiler_runtime$73 = require_compiler_runtime();
   const HeatmapForm = () => {
     var _a3, _b3, _c3, _d3;
-    let e = (0, import_compiler_runtime$72.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$73.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -44012,10 +44012,10 @@ ${c}
       ]
     }), e[14] = E, e[15] = M, e[16] = G) : G = e[16], G;
   };
-  var import_compiler_runtime$71 = require_compiler_runtime();
+  var import_compiler_runtime$72 = require_compiler_runtime();
   const PieForm = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$71.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), d;
+    let e = (0, import_compiler_runtime$72.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), d;
     e[0] === r.control ? d = e[1] : (d = {
       control: r.control
     }, e[0] = r.control, e[1] = d);
@@ -44082,9 +44082,9 @@ ${c}
       ]
     }), e[21] = w, e[22] = E, e[23] = z, e[24] = Q7) : Q7 = e[24], Q7;
   };
-  var import_compiler_runtime$70 = require_compiler_runtime();
+  var import_compiler_runtime$71 = require_compiler_runtime();
   const LazyChart = (e) => {
-    let r = (0, import_compiler_runtime$70.c)(8), { baseSpec: c, data: d, height: f } = e, { theme: h } = useTheme();
+    let r = (0, import_compiler_runtime$71.c)(8), { baseSpec: c, data: d, height: f } = e, { theme: h } = useTheme();
     if (!d) {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("div", {
@@ -44125,7 +44125,7 @@ ${c}
     }), r[5] = c, r[6] = v, r[7] = y) : y = r[7], y;
   };
   var LoadingChart$1 = () => {
-    let e = (0, import_compiler_runtime$70.c)(1), r;
+    let e = (0, import_compiler_runtime$71.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsx)(ChartInfoState, {
       className: "mt-14",
       children: "Loading chart..."
@@ -44269,7 +44269,7 @@ ${c}
     let r = initialStorageValue.get(e);
     return r ? r.length > 0 : false;
   }
-  var import_compiler_runtime$69 = require_compiler_runtime(), NEW_CHART_TYPE = "bar", DEFAULT_TAB_NAME = "table", CHART_HEIGHT = 290, CHART_MAX_ROWS = 5e4, CHART_MAX_COLUMNS = 50;
+  var import_compiler_runtime$70 = require_compiler_runtime(), NEW_CHART_TYPE = "bar", DEFAULT_TAB_NAME = "table", CHART_HEIGHT = 290, CHART_MAX_ROWS = 5e4, CHART_MAX_COLUMNS = 50;
   const TablePanel = ({ cellId: e, data: r, dataTable: c, totalRows: d, columns: f, getDataUrl: h, fieldTypes: _, displayHeader: v, onCloseChartBuilder: y }) => {
     let [S, w] = useAtom(tabsStorageAtom), E = e ? S.get(e) ?? [] : [], [O, M] = (0, import_react.useState)(DEFAULT_TAB_NAME), [I, z] = (0, import_react.useState)(E.length), G = (0, import_react.useRef)(v);
     if (v && !G.current && E.length === 0 && e) {
@@ -44535,7 +44535,7 @@ ${c}
     });
   };
   var ChartFormContainer = (e) => {
-    let r = (0, import_compiler_runtime$69.c)(28), { form: c, saveChart: d, fieldTypes: f, chartType: h } = e, _;
+    let r = (0, import_compiler_runtime$70.c)(28), { form: c, saveChart: d, fieldTypes: f, chartType: h } = e, _;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [], r[0] = _) : _ = r[0];
     let v = _;
     if (f) {
@@ -44645,9 +44645,9 @@ ${c}
   function _temp3$11(e) {
     return e.preventDefault();
   }
-  var import_compiler_runtime$68 = require_compiler_runtime();
+  var import_compiler_runtime$69 = require_compiler_runtime();
   function usePanelOwnership(e, r) {
-    let c = (0, import_compiler_runtime$68.c)(16), d = useAtomValue(isCellAwareAtom), { focusCell: f } = useCellFocusActions(), h = useLastFocusedCellId(), [_, v] = useAtom(contextAwarePanelType), [y, S] = useAtom(contextAwarePanelOwner), [w, E] = useAtom(contextAwarePanelOpen), O = getPanelId(e, r);
+    let c = (0, import_compiler_runtime$69.c)(16), d = useAtomValue(isCellAwareAtom), { focusCell: f } = useCellFocusActions(), h = useLastFocusedCellId(), [_, v] = useAtom(contextAwarePanelType), [y, S] = useAtom(contextAwarePanelOwner), [w, E] = useAtom(contextAwarePanelOpen), O = getPanelId(e, r);
     !r && d && (Logger.error("CellId is not found, defaulting to fixed mode"), d = false);
     let M = (e2) => y === O && w && e2 === _, I = h === r, z = y && isPanelOwner(y, r);
     d && I && y !== O && !z && S(O);
@@ -44682,9 +44682,9 @@ ${c}
     url: zod_default.string(),
     filename: zod_default.string()
   }));
-  var import_compiler_runtime$67 = require_compiler_runtime();
+  var import_compiler_runtime$68 = require_compiler_runtime();
   const EmptyState = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(5), { content: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$68.c)(5), { content: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("text-sm text-muted-foreground py-1", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)("div", {
@@ -44692,7 +44692,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, ErrorState = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(9), { error: c, style: d, className: f, showIcon: h } = e, _ = h === void 0 ? true : h, v;
+    let r = (0, import_compiler_runtime$68.c)(9), { error: c, style: d, className: f, showIcon: h } = e, _ = h === void 0 ? true : h, v;
     r[0] === f ? v = r[1] : (v = cn("text-sm bg-red-50 dark:bg-red-900 text-red-600 dark:text-red-50 flex items-center gap-2 p-2 h-8", f), r[0] = f, r[1] = v);
     let y;
     r[2] === _ ? y = r[3] : (y = _ && (0, import_jsx_runtime.jsx)(X, {
@@ -44708,7 +44708,7 @@ ${c}
       ]
     }), r[4] = c.message, r[5] = d, r[6] = v, r[7] = y, r[8] = S) : S = r[8], S;
   }, LoadingState = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(6), { message: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$68.c)(6), { message: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("text-sm bg-blue-50 dark:bg-(--accent) text-blue-500 dark:text-blue-50 flex items-center gap-2 p-2 h-8", d), r[0] = d, r[1] = f);
     let h;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = (0, import_jsx_runtime.jsx)(LoaderCircle, {
@@ -44723,7 +44723,7 @@ ${c}
       ]
     }), r[3] = c, r[4] = f, r[5] = _) : _ = r[5], _;
   }, ColumnPreviewContainer = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$68.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-2 relative", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)("div", {
@@ -44731,7 +44731,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, ColumnName = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(6), { columnName: c, dataType: d } = e, f = DATA_TYPE_ICON[d], h = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(d)}`, _;
+    let r = (0, import_compiler_runtime$68.c)(6), { columnName: c, dataType: d } = e, f = DATA_TYPE_ICON[d], h = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(d)}`, _;
     r[0] !== f || r[1] !== h ? (_ = (0, import_jsx_runtime.jsx)(f, {
       className: h
     }), r[0] = f, r[1] = h, r[2] = _) : _ = r[2];
@@ -44744,9 +44744,9 @@ ${c}
       ]
     }), r[3] = c, r[4] = _, r[5] = v) : v = r[5], v;
   };
-  var import_compiler_runtime$66 = require_compiler_runtime();
+  var import_compiler_runtime$67 = require_compiler_runtime();
   const InstallPackageButton = (e) => {
-    let r = (0, import_compiler_runtime$66.c)(13), { packages: c, showMaxPackages: d, className: f, onInstall: h } = e, { handleInstallPackages: _ } = useInstallPackages();
+    let r = (0, import_compiler_runtime$67.c)(13), { packages: c, showMaxPackages: d, className: f, onInstall: h } = e, { handleInstallPackages: _ } = useInstallPackages();
     if (!c || c.length === 0) return null;
     let v;
     r[0] !== _ || r[1] !== h || r[2] !== c ? (v = () => {
@@ -44769,7 +44769,7 @@ ${c}
       ]
     }), r[9] = v, r[10] = y, r[11] = S, r[12] = w) : w = r[12], w;
   };
-  var import_compiler_runtime$65 = require_compiler_runtime();
+  var import_compiler_runtime$66 = require_compiler_runtime();
   function renderPreviewError({ error: e, missingPackages: r, refetchPreview: c }) {
     return (0, import_jsx_runtime.jsxs)("div", {
       className: "text-xs text-muted-foreground p-2 border border-border rounded flex items-center justify-between",
@@ -44839,7 +44839,7 @@ ${c}
     });
   }
   const AddDataframeChart = (e) => {
-    let r = (0, import_compiler_runtime$65.c)(10), { chartCode: c } = e, d = useAtomValue(autoInstantiateAtom), f = useLastFocusedCellId(), { createNewCell: h } = useCellActions(), _;
+    let r = (0, import_compiler_runtime$66.c)(10), { chartCode: c } = e, d = useAtomValue(autoInstantiateAtom), f = useLastFocusedCellId(), { createNewCell: h } = useCellActions(), _;
     r[0] !== d || r[1] !== h || r[2] !== f ? (_ = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: d,
@@ -44870,9 +44870,9 @@ ${c}
       })
     }), r[8] = y, r[9] = w), w;
   };
-  var import_compiler_runtime$64 = require_compiler_runtime();
+  var import_compiler_runtime$65 = require_compiler_runtime();
   const ColumnExplorerPanel = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(40), { previewColumn: c, fieldTypes: d, totalRows: f, totalColumns: h, tableId: _ } = e, [v, y] = (0, import_react.useState)(""), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w, E, O, M, I, z, G, q, Z7, Q7;
+    let r = (0, import_compiler_runtime$65.c)(40), { previewColumn: c, fieldTypes: d, totalRows: f, totalColumns: h, tableId: _ } = e, [v, y] = (0, import_react.useState)(""), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w, E, O, M, I, z, G, q, Z7, Q7;
     if (r[0] !== d || r[1] !== S || r[2] !== c || r[3] !== v || r[4] !== _ || r[5] !== h || r[6] !== f) {
       let e2 = d == null ? void 0 : d.filter(_temp$20), $72 = e2 == null ? void 0 : e2.filter((e3) => {
         let [r2] = e3;
@@ -44936,7 +44936,7 @@ ${c}
     }), r[36] = e9, r[37] = Z7, r[38] = Q7, r[39] = t9) : t9 = r[39], t9;
   };
   var ColumnItem = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(31), { columnName: c, dataType: d, externalType: f, previewColumn: h, defaultExpanded: _ } = e, [v, y] = (0, import_react.useState)(_ === void 0 ? false : _), S = v ? "font-semibold" : "", w;
+    let r = (0, import_compiler_runtime$65.c)(31), { columnName: c, dataType: d, externalType: f, previewColumn: h, defaultExpanded: _ } = e, [v, y] = (0, import_react.useState)(_ === void 0 ? false : _), S = v ? "font-semibold" : "", w;
     r[0] !== c || r[1] !== S ? (w = (0, import_jsx_runtime.jsx)("span", {
       className: S,
       children: c
@@ -45008,7 +45008,7 @@ ${c}
       ]
     }), r[28] = Z7, r[29] = Q7, r[30] = $7) : $7 = r[30], $7;
   }, ColumnPreview = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(26), { previewColumn: c, columnName: d, dataType: f } = e, { theme: h } = useTheme(), { locale: _ } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), v;
+    let r = (0, import_compiler_runtime$65.c)(26), { previewColumn: c, columnName: d, dataType: f } = e, { theme: h } = useTheme(), { locale: _ } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), v;
     r[0] !== d || r[1] !== c ? (v = async () => await c({
       column: d
     }), r[0] = d, r[1] = c, r[2] = v) : v = r[2];
@@ -45071,7 +45071,7 @@ ${c}
     let [r] = e;
     return r;
   }
-  var import_compiler_runtime$63 = require_compiler_runtime();
+  var import_compiler_runtime$64 = require_compiler_runtime();
   const RowViewerPanel = ({ rowIdx: e, setRowIdx: r, totalRows: c, fieldTypes: d, getRow: f, isSelectable: h, isRowSelected: _, handleRowSelectionChange: v }) => {
     let [y, S] = (0, import_react.useState)(""), w = (0, import_react.useRef)(null), E = (0, import_react.useId)(), { locale: O } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), M = c === TOO_MANY_ROWS, { data: I, error: z } = useAsyncData(async () => (await f(e)).rows, [
       f,
@@ -45303,7 +45303,7 @@ ${c}
     return h = h.toLowerCase(), d.includes(f) || h.includes(f);
   }
   var SimpleBanner = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(8), { kind: c, Icon: d, message: f } = e, h;
+    let r = (0, import_compiler_runtime$64.c)(8), { kind: c, Icon: d, message: f } = e, h;
     r[0] === d ? h = r[1] : (h = (0, import_jsx_runtime.jsx)(d, {
       className: "w-5 h-5"
     }), r[0] = d, r[1] = h);
@@ -45320,9 +45320,9 @@ ${c}
         _
       ]
     }), r[4] = c, r[5] = h, r[6] = _, r[7] = v) : v = r[7], v;
-  }, import_compiler_runtime$62 = require_compiler_runtime(), tabTriggerClassName = "text-[13px] uppercase tracking-wide font-semibold cursor-pointer transition-colors", activeClassName = "text-primary", inactiveClassName = "hover:text-foreground";
+  }, import_compiler_runtime$63 = require_compiler_runtime(), tabTriggerClassName = "text-[13px] uppercase tracking-wide font-semibold cursor-pointer transition-colors", activeClassName = "text-primary", inactiveClassName = "hover:text-foreground";
   const TableExplorerPanel = (e) => {
-    let r = (0, import_compiler_runtime$62.c)(45), { rowIdx: c, setRowIdx: d, totalRows: f, fieldTypes: h, getRow: _, isSelectable: v, isRowSelected: y, handleRowSelectionChange: S, previewColumn: w, totalColumns: E, tableId: O, showRowExplorer: M, showColumnExplorer: I, activeTab: z, onTabChange: G } = e, q = M && I, Z7;
+    let r = (0, import_compiler_runtime$63.c)(45), { rowIdx: c, setRowIdx: d, totalRows: f, fieldTypes: h, getRow: _, isSelectable: v, isRowSelected: y, handleRowSelectionChange: S, previewColumn: w, totalColumns: E, tableId: O, showRowExplorer: M, showColumnExplorer: I, activeTab: z, onTabChange: G } = e, q = M && I, Z7;
     r[0] !== h || r[1] !== _ || r[2] !== S || r[3] !== y || r[4] !== v || r[5] !== c || r[6] !== d || r[7] !== f ? (Z7 = (0, import_jsx_runtime.jsx)(RowViewerPanel, {
       rowIdx: c,
       setRowIdx: d,
@@ -45410,9 +45410,9 @@ ${c}
       ]
     }), r[39] = t9, r[40] = f9, r[41] = p9, r[42] = m9, r[43] = n9, r[44] = h9) : h9 = r[44], h9;
   };
-  var import_compiler_runtime$61 = require_compiler_runtime();
+  var import_compiler_runtime$62 = require_compiler_runtime();
   function useEffectSkipFirstRender(e, r) {
-    let c = (0, import_compiler_runtime$61.c)(2), d = (0, import_react.useRef)(false), f;
+    let c = (0, import_compiler_runtime$62.c)(2), d = (0, import_react.useRef)(false), f;
     c[0] === e ? f = c[1] : (f = () => {
       if (!d.current) {
         d.current = true;
@@ -45797,7 +45797,7 @@ ${c}
   ]), TransformationsSchema = object({
     transforms: array(TransformTypeSchema)
   });
-  var import_compiler_runtime$60 = require_compiler_runtime(), TooltipProvider$1 = Provider$2, maybeNumber = union([
+  var import_compiler_runtime$61 = require_compiler_runtime(), TooltipProvider$1 = Provider$2, maybeNumber = union([
     number(),
     nan(),
     string()
@@ -45997,7 +45997,7 @@ ${c}
   }
   var LazyDataTableComponent = (e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$60.c)(13), { isLazy: c, children: d, preload: f, host: h } = e, _, v, y, S;
+    let r = (0, import_compiler_runtime$61.c)(13), { isLazy: c, children: d, preload: f, host: h } = e, _, v, y, S;
     if (r[0] !== h || r[1] !== c || r[2] !== f) {
       let e2 = h.closest(`[${OBJECT_ID_ATTR}]`);
       S = e2 ? UIElementId.parse(e2) : null, _ = (_a3 = h.closest(`[${RANDOM_ID_ATTR}]`)) == null ? void 0 : _a3.getAttribute(RANDOM_ID_ATTR), v = import_react.useState, y = c && !f && !wasTablePreviewed(S, _), r[0] = h, r[1] = c, r[2] = f, r[3] = _, r[4] = v, r[5] = y, r[6] = S;
@@ -46029,7 +46029,7 @@ ${c}
     return d;
   };
   const LoadingDataTableComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$60.c)(104), c;
+    let r = (0, import_compiler_runtime$61.c)(104), c;
     r[0] === e.host ? c = r[1] : (c = findCellId(e.host), r[0] = e.host, r[1] = c);
     let d = c, f = e.search, h = e.setValue, _;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [], r[2] = _) : _ = r[2];
@@ -46403,7 +46403,7 @@ ${c}
     });
   };
   const TableProviders = (e) => {
-    let r = (0, import_compiler_runtime$60.c)(2), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$61.c)(2), { children: c } = e, d;
     return r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)(ErrorBoundary, {
       children: (0, import_jsx_runtime.jsx)(Provider, {
         store,
@@ -46443,8 +46443,8 @@ ${c}
       pageIndex: 0
     };
   }
-  var import_compiler_runtime$59 = require_compiler_runtime(), Popover = (e) => {
-    let r = (0, import_compiler_runtime$59.c)(10), c, d, f;
+  var import_compiler_runtime$60 = require_compiler_runtime(), Popover = (e) => {
+    let r = (0, import_compiler_runtime$60.c)(10), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, offset: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h = f === void 0 ? 4 : f, _;
     r[4] === c ? _ = r[5] : (_ = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$18), r[4] = c, r[5] = _);
@@ -46458,8 +46458,8 @@ ${c}
   function _temp$18(e) {
     return cn("z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden", "data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95", "data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95", "data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2", e);
   }
-  var import_compiler_runtime$58 = require_compiler_runtime(), CalendarHeading = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(11), { direction: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
+  var import_compiler_runtime$59 = require_compiler_runtime(), CalendarHeading = (e) => {
+    let r = (0, import_compiler_runtime$59.c)(11), { direction: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = cn(buttonVariants({
       variant: "outline"
     }), "size-7 bg-transparent p-0 opacity-50", "data-hovered:opacity-100"), r[0] = d) : d = r[0];
@@ -46506,7 +46506,7 @@ ${c}
       ]
     }), r[7] = e, r[8] = f, r[9] = v, r[10] = y) : y = r[10], y;
   }, CalendarGrid = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(8), c, d;
+    let r = (0, import_compiler_runtime$59.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn(" border-separate border-spacing-x-0 border-spacing-y-1 ", c), r[3] = c, r[4] = f);
@@ -46516,14 +46516,14 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, CalendarGridHeader = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(4), c;
+    let r = (0, import_compiler_runtime$59.c)(4), c;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let d;
     return r[2] === c ? d = r[3] : (d = (0, import_jsx_runtime.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, {
       ...c
     }), r[2] = c, r[3] = d), d;
   }, CalendarHeaderCell = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(8), c, d;
+    let r = (0, import_compiler_runtime$59.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground", c), r[3] = c, r[4] = f);
@@ -46533,7 +46533,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, CalendarGridBody = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(8), c, d;
+    let r = (0, import_compiler_runtime$59.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("[&>tr>td]:p-0", c), r[3] = c, r[4] = f);
@@ -46543,7 +46543,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, CalendarCell = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(11), c, d;
+    let r = (0, import_compiler_runtime$59.c)(11), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f = !!import_react.use($dfd62f934fc76fed$export$5e0fc348c00f87a0), h;
     r[3] === f ? h = r[4] : (h = (e2, r2) => cn(buttonVariants({
@@ -46557,7 +46557,7 @@ ${c}
       ...d
     }), r[8] = d, r[9] = _, r[10] = v) : v = r[10], v;
   }, Calendar$1 = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(14), c, d, f;
+    let r = (0, import_compiler_runtime$59.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ errorMessage: d, className: c, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === c ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$17), r[4] = c, r[5] = h);
@@ -46591,7 +46591,7 @@ ${c}
       ]
     }), r[10] = f, r[11] = h, r[12] = y, r[13] = S) : S = r[13], S;
   }, RangeCalendar = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(14), c, d, f;
+    let r = (0, import_compiler_runtime$59.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ errorMessage: d, className: c, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === c ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp4$5), r[4] = c, r[5] = h);
@@ -46651,12 +46651,12 @@ ${c}
       date: e
     });
   }
-  var import_compiler_runtime$57 = require_compiler_runtime(), labelVariants = cva([
+  var import_compiler_runtime$58 = require_compiler_runtime(), labelVariants = cva([
     "text-sm font-medium leading-none",
     "data-disabled:cursor-not-allowed data-disabled:opacity-70",
     "group-data-invalid:text-destructive"
   ]), Label$1 = (e) => {
-    let r = (0, import_compiler_runtime$57.c)(8), c, d;
+    let r = (0, import_compiler_runtime$58.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn(labelVariants(), c), r[3] = c, r[4] = f);
@@ -46666,7 +46666,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, FieldError = (e) => {
-    let r = (0, import_compiler_runtime$57.c)(8), c, d;
+    let r = (0, import_compiler_runtime$58.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("text-sm font-medium text-destructive", c), r[3] = c, r[4] = f);
@@ -46691,7 +46691,7 @@ ${c}
       variant: "default"
     }
   }), FieldGroup = (e) => {
-    let r = (0, import_compiler_runtime$57.c)(12), c, d, f;
+    let r = (0, import_compiler_runtime$58.c)(12), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, variant: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === f ? h = r[5] : (h = (e2) => cn(fieldGroupVariants({
@@ -46704,8 +46704,8 @@ ${c}
       className: _,
       ...d
     }), r[9] = d, r[10] = _, r[11] = v) : v = r[11], v;
-  }, import_compiler_runtime$56 = require_compiler_runtime(), DateSegment = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(8), c, d;
+  }, import_compiler_runtime$57 = require_compiler_runtime(), DateSegment = (e) => {
+    let r = (0, import_compiler_runtime$57.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$16), r[3] = c, r[4] = f);
@@ -46715,7 +46715,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, DateInput = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(12), c, d, f;
+    let r = (0, import_compiler_runtime$57.c)(12), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, variant: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === f ? h = r[5] : (h = (e2) => cn(fieldGroupVariants({
@@ -46738,8 +46738,8 @@ ${c}
       segment: e
     });
   }
-  var import_compiler_runtime$55 = require_compiler_runtime(), DatePickerContent = (e) => {
-    let r = (0, import_compiler_runtime$55.c)(14), c, d, f;
+  var import_compiler_runtime$56 = require_compiler_runtime(), DatePickerContent = (e) => {
+    let r = (0, import_compiler_runtime$56.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, popoverClassName: d, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === d ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(d, _temp$15), r[4] = d, r[5] = h);
@@ -46756,7 +46756,7 @@ ${c}
       children: v
     }), r[11] = h, r[12] = v, r[13] = y) : y = r[13], y;
   }, DatePicker = (e) => {
-    let r = (0, import_compiler_runtime$55.c)(26), c, d, f, h, _;
+    let r = (0, import_compiler_runtime$56.c)(26), c, d, f, h, _;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5]) : ({ label: h, description: d, errorMessage: f, className: c, ..._ } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _);
     let [v, y] = (0, import_react.useState)(false), S;
     r[6] === c ? S = r[7] : (S = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp2$12), r[6] = c, r[7] = S);
@@ -46838,7 +46838,7 @@ ${c}
       ]
     }), r[19] = v, r[20] = _, r[21] = S, r[22] = E, r[23] = I, r[24] = z, r[25] = Z7) : Z7 = r[25], Z7;
   }, DateRangePicker = (e) => {
-    let r = (0, import_compiler_runtime$55.c)(28), c, d, f, h, _;
+    let r = (0, import_compiler_runtime$56.c)(28), c, d, f, h, _;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5]) : ({ label: h, description: d, errorMessage: f, className: c, ..._ } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _);
     let [v, y] = (0, import_react.useState)(false), S;
     r[6] === c ? S = r[7] : (S = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp5$2), r[6] = c, r[7] = S);
@@ -46958,7 +46958,7 @@ ${c}
       date: e
     });
   }
-  var import_compiler_runtime$54 = require_compiler_runtime(), DatePickerPlugin = class {
+  var import_compiler_runtime$55 = require_compiler_runtime(), DatePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-date");
       __publicField(this, "validator", object({
@@ -46980,7 +46980,7 @@ ${c}
       });
     }
   }, DatePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$54.c)(19), c;
+    let r = (0, import_compiler_runtime$55.c)(19), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let c2 = r2.toString();
@@ -47008,7 +47008,7 @@ ${c}
       fullWidth: h,
       children: w
     }), r[15] = e.fullWidth, r[16] = e.label, r[17] = w, r[18] = E) : E = r[18], E;
-  }, import_compiler_runtime$53 = require_compiler_runtime(), DateRangePickerPlugin = class {
+  }, import_compiler_runtime$54 = require_compiler_runtime(), DateRangePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-date-range");
       __publicField(this, "validator", object({
@@ -47032,7 +47032,7 @@ ${c}
       });
     }
   }, DateRangePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$53.c)(24), c;
+    let r = (0, import_compiler_runtime$54.c)(24), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let { start: c2, end: d2 } = r2, f2 = [
@@ -47070,7 +47070,7 @@ ${c}
       fullWidth: h,
       children: O
     }), r[20] = e.fullWidth, r[21] = e.label, r[22] = O, r[23] = M) : M = r[23], M;
-  }, import_compiler_runtime$52 = require_compiler_runtime(), DateTimePickerPlugin = class {
+  }, import_compiler_runtime$53 = require_compiler_runtime(), DateTimePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-datetime");
       __publicField(this, "validator", object({
@@ -47096,7 +47096,7 @@ ${c}
       });
     }
   }, DateTimePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$52.c)(20), c;
+    let r = (0, import_compiler_runtime$53.c)(20), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let c2 = r2.toString();
@@ -47124,7 +47124,7 @@ ${c}
       fullWidth: v,
       children: O
     }), r[16] = e.fullWidth, r[17] = e.label, r[18] = O, r[19] = M) : M = r[19], M;
-  }, import_compiler_runtime$51 = require_compiler_runtime(), DictPlugin = class {
+  }, import_compiler_runtime$52 = require_compiler_runtime(), DictPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-dict");
       __publicField(this, "validator", object({
@@ -47141,7 +47141,7 @@ ${c}
       });
     }
   }, Dict = (e) => {
-    let r = (0, import_compiler_runtime$51.c)(4), { elementIds: c, setValue: d, children: f } = e, h, _;
+    let r = (0, import_compiler_runtime$52.c)(4), { elementIds: c, setValue: d, children: f } = e, h, _;
     return r[0] !== c || r[1] !== d ? (h = () => {
       let e2 = (e3) => {
         let r2 = e3.detail.element;
@@ -47163,9 +47163,9 @@ ${c}
       c,
       d
     ], r[0] = c, r[1] = d, r[2] = h, r[3] = _) : (h = r[2], _ = r[3]), (0, import_react.useEffect)(h, _), f;
-  }, import_compiler_runtime$50 = require_compiler_runtime(), NONE_KEY = "__none__";
+  }, import_compiler_runtime$51 = require_compiler_runtime(), NONE_KEY = "__none__";
   const SearchableSelect = (e) => {
-    let r = (0, import_compiler_runtime$50.c)(25), { options: c, value: d, setValue: f, label: h, allowSelectNone: _, fullWidth: v } = e, y = (0, import_react.useId)(), [S, w] = (0, import_react.useState)(""), E;
+    let r = (0, import_compiler_runtime$51.c)(25), { options: c, value: d, setValue: f, label: h, allowSelectNone: _, fullWidth: v } = e, y = (0, import_react.useId)(), [S, w] = (0, import_react.useState)(""), E;
     bb0: {
       if (!S) {
         E = c;
@@ -47250,7 +47250,7 @@ ${c}
   function _temp2$11(e) {
     return e === NONE_KEY ? "--" : e;
   }
-  var import_compiler_runtime$49 = require_compiler_runtime(), DropdownPlugin = class {
+  var import_compiler_runtime$50 = require_compiler_runtime(), DropdownPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-dropdown");
       __publicField(this, "validator", object({
@@ -47280,7 +47280,7 @@ ${c}
       });
     }
   }, EMPTY_VALUE = "--", Dropdown = (e) => {
-    let r = (0, import_compiler_runtime$49.c)(24), { label: c, options: d, value: f, setValue: h, allowSelectNone: _, fullWidth: v } = e, y = (0, import_react.useId)(), S = _ ? EMPTY_VALUE : d[0], w = f.length === 0 ? S : f[0], E;
+    let r = (0, import_compiler_runtime$50.c)(24), { label: c, options: d, value: f, setValue: h, allowSelectNone: _, fullWidth: v } = e, y = (0, import_react.useId)(), S = _ ? EMPTY_VALUE : d[0], w = f.length === 0 ? S : f[0], E;
     r[0] === h ? E = r[1] : (E = (e2) => {
       let r2 = e2.target.value;
       h(r2 === EMPTY_VALUE ? [] : [
@@ -47325,7 +47325,7 @@ ${c}
       fullWidth: v,
       children: z
     }), r[19] = v, r[20] = y, r[21] = c, r[22] = z, r[23] = G) : G = r[23], G;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-DTOsfq2x.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-DuD8BVl6.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object({
     label: string().nullish(),
     data: string()
@@ -47339,8 +47339,8 @@ ${c}
     values: [],
     too_many_values: false
   }));
-  var import_compiler_runtime$48 = require_compiler_runtime(), RadioGroup = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$48.c)(9), d, f;
+  var import_compiler_runtime$49 = require_compiler_runtime(), RadioGroup = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$49.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("grid gap-2", d), c[3] = d, c[4] = h);
@@ -47353,7 +47353,7 @@ ${c}
   });
   RadioGroup.displayName = Root2$1.displayName;
   var RadioGroupItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$48.c)(10), d, f;
+    let c = (0, import_compiler_runtime$49.c)(10), d, f;
     if (c[0] !== e) {
       let { className: r2, children: h2, ..._2 } = e;
       d = r2, f = _2, c[0] = e, c[1] = d, c[2] = f;
@@ -47385,8 +47385,8 @@ ${c}
   function isZodTuple(e) {
     return e instanceof zod_default.ZodTuple;
   }
-  var import_compiler_runtime$47 = require_compiler_runtime(), Textarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$47.c)(16), d, f, h;
+  var import_compiler_runtime$48 = require_compiler_runtime(), Textarea = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$48.c)(16), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: f, bottomAdornment: d, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] === f ? _ = c[5] : (_ = cn("shadow-xs-solid hover:shadow-sm-solid disabled:shadow-xs-solid focus-visible:shadow-md-solid", "flex w-full mb-1 rounded-sm border border-input bg-background px-3 py-2 text-sm font-code ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-accent disabled:cursor-not-allowed disabled:opacity-50 min-h-6", f), c[4] = f, c[5] = _);
@@ -47415,7 +47415,7 @@ ${c}
   });
   Textarea.displayName = "Textarea";
   const DebouncedTextarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$47.c)(16), d, f, h;
+    let c = (0, import_compiler_runtime$48.c)(16), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, onValueChange: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] !== f || c[5] !== h.delay || c[6] !== h.value ? (_ = {
@@ -47436,7 +47436,7 @@ ${c}
   });
   DebouncedTextarea.displayName = "DebouncedTextarea";
   const OnBlurredTextarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$47.c)(23), d, f, h;
+    let c = (0, import_compiler_runtime$48.c)(23), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, onValueChange: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let [_, v] = import_react.useState(h.value), y;
     c[4] !== _ || c[5] !== f || c[6] !== h.value ? (y = {
@@ -47507,9 +47507,9 @@ ${c}
   function doesArrayRequireMinLength(e) {
     return !e.safeParse([]).success;
   }
-  var import_compiler_runtime$46 = require_compiler_runtime(), DELIMINATOR = "\n";
+  var import_compiler_runtime$47 = require_compiler_runtime(), DELIMINATOR = "\n";
   const SwitchableMultiSelect = (e) => {
-    let r = (0, import_compiler_runtime$46.c)(24), { value: c, options: d, onChange: f, className: h, placeholder: _, textAreaClassName: v, comboBoxClassName: y } = e, [S, w] = (0, import_react.useState)(false), E;
+    let r = (0, import_compiler_runtime$47.c)(24), { value: c, options: d, onChange: f, className: h, placeholder: _, textAreaClassName: v, comboBoxClassName: y } = e, [S, w] = (0, import_react.useState)(false), E;
     r[0] === c ? E = r[1] : (E = ensureStringArray(c), r[0] = c, r[1] = E);
     let O = E, M;
     r[2] !== y || r[3] !== f || r[4] !== d || r[5] !== _ || r[6] !== S || r[7] !== v || r[8] !== O ? (M = () => S ? (0, import_jsx_runtime.jsx)(TextAreaMultiSelect, {
@@ -47558,7 +47558,7 @@ ${c}
       ]
     }), r[20] = z, r[21] = G, r[22] = $7, r[23] = e9) : e9 = r[23], e9;
   }, TextAreaMultiSelect = (e) => {
-    let r = (0, import_compiler_runtime$46.c)(11), { className: c, value: d, onChange: f, placeholder: h } = e, _, v;
+    let r = (0, import_compiler_runtime$47.c)(11), { className: c, value: d, onChange: f, placeholder: h } = e, _, v;
     if (r[0] !== d) {
       let e2 = ensureStringArray(d);
       _ = Textarea, v = e2.join(DELIMINATOR), r[0] = d, r[1] = _, r[2] = v;
@@ -47594,9 +47594,9 @@ ${c}
       children: e
     }, e);
   }
-  var import_compiler_runtime$45 = require_compiler_runtime();
+  var import_compiler_runtime$46 = require_compiler_runtime();
   const ZodForm = (e) => {
-    let r = (0, import_compiler_runtime$45.c)(11), { schema: c, form: d, path: f, renderers: h, children: _ } = e, v = f === void 0 ? "" : f, y;
+    let r = (0, import_compiler_runtime$46.c)(11), { schema: c, form: d, path: f, renderers: h, children: _ } = e, v = f === void 0 ? "" : f, y;
     r[0] === h ? y = r[1] : (y = h === void 0 ? [] : h, r[0] = h, r[1] = y);
     let S = y, w;
     r[2] !== d || r[3] !== v || r[4] !== S || r[5] !== c ? (w = renderZodSchema(c, d, v, S), r[2] = d, r[3] = v, r[4] = S, r[5] = c, r[6] = w) : w = r[6];
@@ -47883,7 +47883,7 @@ ${c}
     });
   }
   var FormArray = (e) => {
-    let r = (0, import_compiler_runtime$45.c)(39), { schema: c, form: d, path: f, minLength: h, renderers: _ } = e, v;
+    let r = (0, import_compiler_runtime$46.c)(39), { schema: c, form: d, path: f, minLength: h, renderers: _ } = e, v;
     r[0] === c.description ? v = r[1] : (v = FieldOptions.parse(c.description || ""), r[0] = c.description, r[1] = v);
     let { label: y, description: S } = v, w = d.control, E;
     r[2] !== w || r[3] !== f ? (E = {
@@ -47960,7 +47960,7 @@ ${c}
       ]
     }), r[33] = q, r[34] = Z7, r[35] = Q7, r[36] = $7, r[37] = n9, r[38] = r9) : r9 = r[38], r9;
   }, StringFormField = (e) => {
-    let r = (0, import_compiler_runtime$45.c)(21), { schema: c, form: d, path: f } = e, h;
+    let r = (0, import_compiler_runtime$46.c)(21), { schema: c, form: d, path: f } = e, h;
     r[0] === c.description ? h = r[1] : (h = FieldOptions.parse(c.description), r[0] = c.description, r[1] = h);
     let { label: _, description: v, placeholder: y, disabled: S, inputType: w } = h;
     if (w === "textarea") {
@@ -48029,7 +48029,7 @@ ${c}
       render: E
     }), r[17] = d.control, r[18] = f, r[19] = E, r[20] = O) : O = r[20], O;
   }, MultiStringFormField = (e) => {
-    let r = (0, import_compiler_runtime$45.c)(10), { schema: c, form: d, path: f } = e, h;
+    let r = (0, import_compiler_runtime$46.c)(10), { schema: c, form: d, path: f } = e, h;
     r[0] === c.description ? h = r[1] : (h = FieldOptions.parse(c.description), r[0] = c.description, r[1] = h);
     let { label: _, description: v, placeholder: y } = h, S;
     r[2] !== v || r[3] !== _ || r[4] !== y ? (S = (e2) => {
@@ -48059,7 +48059,7 @@ ${c}
       render: S
     }), r[6] = d.control, r[7] = f, r[8] = S, r[9] = w) : w = r[9], w;
   }, SelectFormField = (e) => {
-    let r = (0, import_compiler_runtime$45.c)(22), { schema: c, form: d, path: f, options: h, textTransform: _ } = e, v;
+    let r = (0, import_compiler_runtime$46.c)(22), { schema: c, form: d, path: f, options: h, textTransform: _ } = e, v;
     r[0] === c.description ? v = r[1] : (v = FieldOptions.parse(c.description), r[0] = c.description, r[1] = v);
     let { label: y, description: S, disabled: w, special: E } = v;
     if (E === "radio_group") {
@@ -48161,7 +48161,7 @@ ${c}
       render: O
     }), r[17] = w, r[18] = d.control, r[19] = f, r[20] = O, r[21] = M) : M = r[21], M;
   }, MultiSelectFormField = (e) => {
-    let r = (0, import_compiler_runtime$45.c)(15), { schema: c, form: d, path: f, options: h, itemLabel: _, showSwitchable: v } = e, y;
+    let r = (0, import_compiler_runtime$46.c)(15), { schema: c, form: d, path: f, options: h, itemLabel: _, showSwitchable: v } = e, y;
     r[0] === c.description ? y = r[1] : (y = FieldOptions.parse(c.description), r[0] = c.description, r[1] = y);
     let { label: S, description: w, placeholder: E } = y, O;
     r[2] !== _ || r[3] !== E ? (O = E ?? (_ ? `Select ${_ == null ? void 0 : _.toLowerCase()}` : void 0), r[2] = _, r[3] = E, r[4] = O) : O = r[4];
@@ -48221,9 +48221,9 @@ ${c}
       children: e
     }, e);
   }
-  var import_compiler_runtime$44 = require_compiler_runtime();
+  var import_compiler_runtime$45 = require_compiler_runtime();
   const DataTypeIcon = (e) => {
-    let r = (0, import_compiler_runtime$44.c)(4), { type: c } = e, d;
+    let r = (0, import_compiler_runtime$45.c)(4), { type: c } = e, d;
     r[0] === c ? d = r[1] : (d = () => c.startsWith("int") || c.startsWith("float") || c.startsWith("uint") || c.startsWith("number") || c.startsWith("complex") ? (0, import_jsx_runtime.jsx)(Binary, {
       size: 14
     }) : c.startsWith("object") || c.startsWith("string") ? (0, import_jsx_runtime.jsx)(CaseSensitive, {
@@ -48241,7 +48241,7 @@ ${c}
       children: f()
     }), r[2] = f, r[3] = h), h;
   };
-  var import_compiler_runtime$43 = require_compiler_runtime();
+  var import_compiler_runtime$44 = require_compiler_runtime();
   const columnIdRenderer = () => ({
     isMatch: (e) => {
       let { special: r } = FieldOptions.parse(e.description || "");
@@ -48343,7 +48343,7 @@ ${c}
     }
   });
   var MultiColumnFormField = (e) => {
-    let r = (0, import_compiler_runtime$43.c)(11), { schema: c, form: d, path: f, itemLabel: h } = e, _ = import_react.use(ColumnInfoContext), v;
+    let r = (0, import_compiler_runtime$44.c)(11), { schema: c, form: d, path: f, itemLabel: h } = e, _ = import_react.use(ColumnInfoContext), v;
     r[0] === c.description ? v = r[1] : (v = FieldOptions.parse(c.description), r[0] = c.description, r[1] = v);
     let { description: y } = v, S = h ? `Select ${h.toLowerCase()}` : void 0, w;
     r[2] !== _ || r[3] !== y || r[4] !== h || r[5] !== S ? (w = (e2) => {
@@ -48508,7 +48508,7 @@ ${c}
     }
   });
   var StyledFormMessage = (e) => {
-    let r = (0, import_compiler_runtime$43.c)(4), { className: c } = e, d;
+    let r = (0, import_compiler_runtime$44.c)(4), { className: c } = e, d;
     r[0] === c ? d = r[1] : (d = cn("text-destructive text-xs w-[16px]", c), r[0] = c, r[1] = d);
     let f;
     return r[2] === d ? f = r[3] : (f = (0, import_jsx_runtime.jsx)(FormMessageTooltip, {
@@ -48531,7 +48531,7 @@ ${c}
   });
   var ColumnFilterForm = (e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$43.c)(25), { path: c, form: d, schema: f } = e, h;
+    let r = (0, import_compiler_runtime$44.c)(25), { path: c, form: d, schema: f } = e, h;
     r[0] === f.description ? h = r[1] : (h = FieldOptions.parse(f.description), r[0] = f.description, r[1] = h);
     let { description: _ } = h, v = import_react.use(ColumnInfoContext), y = (_a3 = Objects.entries(f.shape).find(_temp2$8)) == null ? void 0 : _a3[1], S;
     r[2] === c ? S = r[3] : (S = {
@@ -48686,7 +48686,7 @@ ${c}
     for (let [e2, [r2]] of d) f.set(e2, r2);
     return f;
   }
-  var import_compiler_runtime$42 = require_compiler_runtime();
+  var import_compiler_runtime$43 = require_compiler_runtime();
   const TransformPanel = ({ initialValue: e, columns: r, onChange: c, onInvalidChange: d, getColumnValues: f, columnTypesPerStep: h, lazy: _, ref: v }) => {
     var _a3;
     let y = useForm({
@@ -48849,7 +48849,7 @@ ${c}
       })
     });
   }, Sidebar = (e) => {
-    let r = (0, import_compiler_runtime$42.c)(17), { items: c, selected: d, onAdd: f, onSelect: h, onDelete: _ } = e, v;
+    let r = (0, import_compiler_runtime$43.c)(17), { items: c, selected: d, onAdd: f, onSelect: h, onDelete: _ } = e, v;
     if (r[0] !== c || r[1] !== _ || r[2] !== h || r[3] !== d) {
       let e2;
       r[5] !== _ || r[6] !== h || r[7] !== d ? (e2 = (e3, r2) => (0, import_jsx_runtime.jsxs)("div", {
@@ -48909,7 +48909,7 @@ ${c}
     }), r[14] = y, r[15] = w, r[16] = E) : E = r[16], E;
   };
   var AddTransformDropdown = (e) => {
-    let r = (0, import_compiler_runtime$42.c)(12), { onAdd: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$43.c)(12), { onAdd: c, children: d } = e, f;
     r[0] === d ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
       asChild: true,
       children: d
@@ -48983,7 +48983,7 @@ ${c}
   function _temp3$5(e) {
     e.stopPropagation(), window.open("https://github.com/marimo-team/marimo/issues/new?title=New%20dataframe%20transform:&labels=enhancement&template=feature_request.yaml", "_blank");
   }
-  var import_compiler_runtime$41 = require_compiler_runtime();
+  var import_compiler_runtime$42 = require_compiler_runtime();
   const DataFramePlugin = createPlugin("marimo-dataframe").withData(object({
     label: string().nullish(),
     pageSize: number().default(5),
@@ -49046,7 +49046,7 @@ ${c}
     transforms: []
   };
   const DataFrameComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$41.c)(69), { columns: c, pageSize: d, showDownload: f, lazy: h, value: _, setValue: v, get_dataframe: y, get_column_values: S, search: w, download_as: E, host: O } = e, M;
+    let r = (0, import_compiler_runtime$42.c)(69), { columns: c, pageSize: d, showDownload: f, lazy: h, value: _, setValue: v, get_dataframe: y, get_column_values: S, search: w, download_as: E, host: O } = e, M;
     r[0] === y ? M = r[1] : (M = () => y({}), r[0] = y, r[1] = M);
     let I = _ == null ? void 0 : _.transforms, z;
     r[2] === I ? z = r[3] : (z = [
@@ -55358,7 +55358,7 @@ ${c}
   }
   function noop$1() {
   }
-  var import_compiler_runtime$40 = require_compiler_runtime(), FileUploadPlugin = class {
+  var import_compiler_runtime$41 = require_compiler_runtime(), FileUploadPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-file");
       __publicField(this, "validator", object({
@@ -55423,7 +55423,7 @@ ${c}
     }), r;
   }
   const FileUpload = (e) => {
-    let r = (0, import_compiler_runtime$40.c)(78), c;
+    let r = (0, import_compiler_runtime$41.c)(78), c;
     r[0] === e.filetypes ? c = r[1] : (c = groupFileTypesByMIMEType(e.filetypes), r[0] = e.filetypes, r[1] = c);
     let d = c, { setValue: f, kind: h, multiple: _, value: v, max_size: y } = e, S;
     r[2] === f ? S = r[3] : (S = (e2) => {
@@ -55680,7 +55680,7 @@ ${c}
       children: r
     }, r);
   }
-  var import_compiler_runtime$39 = require_compiler_runtime();
+  var import_compiler_runtime$40 = require_compiler_runtime();
   const FormPlugin = createPlugin("marimo-form").withData(object({
     label: string().nullable(),
     elementId: string().transform((e) => e),
@@ -55705,7 +55705,7 @@ ${c}
       ...r
     })
   })), FormWrapper = (e) => {
-    let r = (0, import_compiler_runtime$39.c)(46), { children: c, currentValue: d, newValue: f, setValue: h, label: _, bordered: v, loading: y, submitButtonLabel: S, submitButtonTooltip: w, submitButtonDisabled: E, clearOnSubmit: O, showClearButton: M, clearButtonLabel: I, clearButtonTooltip: z, validate: G, shouldValidate: q } = e, Z7 = (0, import_react.useRef)(null), Q7 = f === d, $7 = Q7 ? "secondary" : "action", [e9, t9] = (0, import_react.useState)(null), n9;
+    let r = (0, import_compiler_runtime$40.c)(46), { children: c, currentValue: d, newValue: f, setValue: h, label: _, bordered: v, loading: y, submitButtonLabel: S, submitButtonTooltip: w, submitButtonDisabled: E, clearOnSubmit: O, showClearButton: M, clearButtonLabel: I, clearButtonTooltip: z, validate: G, shouldValidate: q } = e, Z7 = (0, import_react.useRef)(null), Q7 = f === d, $7 = Q7 ? "secondary" : "action", [e9, t9] = (0, import_react.useState)(null), n9;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n9 = () => {
       Z7.current && clearInputs(Z7.current);
     }, r[0] = n9) : n9 = r[0];
@@ -55804,7 +55804,7 @@ ${c}
     }), r[43] = _9, r[44] = i9, r[45] = v9) : v9 = r[45], v9;
   };
   var Form = (e) => {
-    let r = (0, import_compiler_runtime$39.c)(24), c, d, f, h, _, v;
+    let r = (0, import_compiler_runtime$40.c)(24), c, d, f, h, _, v;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5], v = r[6]) : ({ elementId: f, value: v, setValue: h, children: c, validate: _, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _, r[6] = v);
     let y;
     r[7] === f ? y = r[8] : (y = UI_ELEMENT_REGISTRY.lookupValue(f), r[7] = f, r[8] = y);
@@ -56009,9 +56009,9 @@ ${c}
         })
       })
     });
-  }, import_compiler_runtime$38 = require_compiler_runtime();
+  }, import_compiler_runtime$39 = require_compiler_runtime();
   const AudioRecorder = (e) => {
-    let r = (0, import_compiler_runtime$38.c)(12), { onStart: c, onStop: d, status: f, time: h } = e, _;
+    let r = (0, import_compiler_runtime$39.c)(12), { onStart: c, onStop: d, status: f, time: h } = e, _;
     r[0] !== c || r[1] !== f ? (_ = f === "stopped" && (0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "audio-recorder-start",
       variant: "secondary",
@@ -56063,9 +56063,9 @@ ${c}
       ]
     }), r[8] = _, r[9] = v, r[10] = y, r[11] = S) : S = r[11], S;
   };
-  var import_compiler_runtime$37 = require_compiler_runtime();
+  var import_compiler_runtime$38 = require_compiler_runtime();
   function useTimer() {
-    let e = (0, import_compiler_runtime$37.c)(14), [r, c] = (0, import_react.useState)(0), d = (0, import_react.useRef)(void 0), f;
+    let e = (0, import_compiler_runtime$38.c)(14), [r, c] = (0, import_react.useState)(0), d = (0, import_react.useRef)(void 0), f;
     e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
       minimumFractionDigits: 1,
       maximumFractionDigits: 1
@@ -56101,9 +56101,9 @@ ${c}
   function _temp$9(e) {
     return e + 0.1;
   }
-  var import_compiler_runtime$36 = require_compiler_runtime();
+  var import_compiler_runtime$37 = require_compiler_runtime();
   function useAudioRecorder(e) {
-    let r = (0, import_compiler_runtime$36.c)(18), { onDone: c, options: d } = e, [f, h] = (0, import_react.useState)("stopped"), _ = (0, import_react.useRef)(void 0), [v, y] = (0, import_react.useState)(true), [S, w] = (0, import_react.useState)(), E = useTimer(), O;
+    let r = (0, import_compiler_runtime$37.c)(18), { onDone: c, options: d } = e, [f, h] = (0, import_react.useState)("stopped"), _ = (0, import_react.useRef)(void 0), [v, y] = (0, import_react.useState)(true), [S, w] = (0, import_react.useState)(), E = useTimer(), O;
     r[0] !== c || r[1] !== d || r[2] !== E ? (O = () => {
       E.clear(), navigator.mediaDevices.getUserMedia({
         audio: true
@@ -56151,7 +56151,7 @@ ${c}
   function _temp$8(e) {
     return e.stop();
   }
-  var import_compiler_runtime$35 = require_compiler_runtime(), MicrophonePlugin = class {
+  var import_compiler_runtime$36 = require_compiler_runtime(), MicrophonePlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-microphone");
       __publicField(this, "validator", object({
@@ -56164,7 +56164,7 @@ ${c}
       });
     }
   }, Microphone = (e) => {
-    let r = (0, import_compiler_runtime$35.c)(14), { setValue: c, data: d } = e, f;
+    let r = (0, import_compiler_runtime$36.c)(14), { setValue: c, data: d } = e, f;
     r[0] === c ? f = r[1] : (f = {
       onDone: async (e2) => {
         c(await blobToString(e2, "base64"));
@@ -56648,7 +56648,7 @@ ${c}
     d.onload = () => {
       r === __privateGet(this, _o2) && (__privateSet(this, _a2, d), __privateGet(this, _l).call(this));
     }, d.src = e;
-  }, _l = new WeakMap(), _u = new WeakMap(), _d2 = new WeakMap(), _f2 = new WeakMap(), _p = new WeakMap(), _m = new WeakMap(), _h = new WeakMap(), _g2 = new WeakMap(), __ = new WeakMap(), _v = new WeakMap(), _y = new WeakMap(), _b2 = new WeakMap(), _x = new WeakMap(), _S = new WeakMap(), _h2), MatplotlibPlugin = class {
+  }, _l = new WeakMap(), _u = new WeakMap(), _d2 = new WeakMap(), _f2 = new WeakMap(), _p = new WeakMap(), _m = new WeakMap(), _h = new WeakMap(), _g2 = new WeakMap(), __ = new WeakMap(), _v = new WeakMap(), _y = new WeakMap(), _b2 = new WeakMap(), _x = new WeakMap(), _S = new WeakMap(), _h2), import_compiler_runtime$35 = require_compiler_runtime(), MatplotlibPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-matplotlib");
       __publicField(this, "validator", object({
@@ -56691,23 +56691,29 @@ ${c}
       });
     }
   }, MatplotlibComponent = (e) => {
-    let r = (0, import_react.useRef)(null), c = (0, import_react.useRef)(null);
-    return (0, import_react.useEffect)(() => {
-      let d = r.current;
-      if (!d) return;
-      let f = new AbortController();
-      return c.current = new MatplotlibRenderer(d, {
+    let r = (0, import_compiler_runtime$35.c)(6), c = (0, import_react.useRef)(null), d = (0, import_react.useRef)(null), f;
+    r[0] === e ? f = r[1] : (f = () => {
+      let r2 = c.current;
+      if (!r2) return;
+      let f2 = new AbortController();
+      return d.current = new MatplotlibRenderer(r2, {
         state: e,
-        signal: f.signal
+        signal: f2.signal
       }), () => {
-        f.abort(), c.current = null;
+        f2.abort(), d.current = null;
       };
-    }, []), (0, import_react.useEffect)(() => {
+    }, r[0] = e, r[1] = f);
+    let h;
+    r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = [], r[2] = h) : h = r[2], (0, import_react.useEffect)(f, h);
+    let _;
+    r[3] === e ? _ = r[4] : (_ = () => {
       var _a3;
-      (_a3 = c.current) == null ? void 0 : _a3.update(e);
-    }), (0, import_jsx_runtime.jsx)("div", {
-      ref: r
-    });
+      (_a3 = d.current) == null ? void 0 : _a3.update(e);
+    }, r[3] = e, r[4] = _), (0, import_react.useEffect)(_);
+    let v;
+    return r[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (0, import_jsx_runtime.jsx)("div", {
+      ref: c
+    }), r[5] = v) : v = r[5], v;
   }, MplCommWebSocket = class {
     constructor(e) {
       __publicField(this, "readyState", WebSocket.OPEN);
@@ -57403,7 +57409,7 @@ ${c}
         setValue: e.setValue
       });
     }
-  }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-WhbJAbBh.js").then((e) => ({
+  }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-BxlSHo0G.js").then((e) => ({
     default: e.Plot
   })));
   const PlotlyComponent = (0, import_react.memo)((e) => {
@@ -65507,7 +65513,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev38"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev39"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {