@marimo-team/islands 0.23.9-dev9 → 0.23.10-dev0

package/dist/main.js

@@ -22,17 +22,17 @@ import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as use
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-BuQpJEzp.js";
-import { $ as useCellActions, At as DeferredRequestRegistry, B as safeExtractSetUIElementMessageBuffers, Bn as CircleAlert, Bt as getDataTypeColor, C as AccordionContent, Cn as Root2$1, Ct as customPythonLanguageSupport, Dn as Table2, Dt as Paths, E as BorderAllIcon, En as Trash2, Et as PathBuilder, F as base64ToDataView, Fn as Eye, Ft as jotaiJsonStorage, Gt as convertStatsName, H as getMarimoExportContext, J as getCellNames, Jt as useRequestClient, K as createActions, Kt as getRequestClient, L as dataViewToBase64, Ln as Database, Mn as Layers, Nn as Info, Nt as repl, On as PaintRoller, Pn as FileText, Q as reducer, Rn as Columns2, Rt as PluralWords, S as Accordion, Sn as Item$1, St as Checkbox, T as AccordionTrigger, U as hasTrustedExportContext, V as renderHTML, Vn as Braces, Vt as require_client, W as hasRunAnyCellAtom, X as notebookOutline, Y as notebookAtom, Yt as isUninstantiated, Z as numColumnsAtom, _n as atomWithStorage, a as useCellFocusActions, an as parseInitialValue, bt as isInternalCellName, ct as kioskModeAtom, dn as OBJECT_ID_ATTR, dt as outputIsLoading, en as NotebookScopedLocalStorage, et as useCellIds, f as isOutputEmpty, fn as RANDOM_ID_ATTR, ft as outputIsStale, gn as atomWithReducer, i as LazyAnyLanguageCodeMirror, in as parseDataset, jn as LoaderCircle, jt as generateUUID, k as ChevronDownIcon, ln as UIElementId, mt as headingToIdentifier, n as Spinner, nt as createCell, o as useLastFocusedCellId, ot as getInitialAppMode, p as useExpandedConsoleOutput, pn as jsonParseWithSpecialChar, pt as isErrorMime, qt as requestClientAtom, rn as parseAttrValue, s as maybeAddAltairImport, sn as HTMLCellId, st as initialModeAtom, un as findCellId, vn as selectAtom, w as AccordionItem, wn as Trigger2, wt as MarkdownLanguageAdapter, xn as Content2, xt as normalizeName, yt as getValidName, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-CiSinpSR.js";
+import { $ as useCellActions, An as LoaderCircle, At as DeferredRequestRegistry, B as safeExtractSetUIElementMessageBuffers, Bn as Braces, Bt as getDataTypeColor, C as AccordionContent, Cn as Trigger2, Ct as customPythonLanguageSupport, Dn as PaintRoller, Dt as Paths, E as BorderAllIcon, En as Table2, Et as PathBuilder, F as base64ToDataView, Ft as jotaiJsonStorage, Gt as convertStatsName, H as getMarimoExportContext, In as Database, J as getCellNames, Jt as useRequestClient, K as createActions, Kt as getRequestClient, L as dataViewToBase64, Ln as Columns2, Mn as Info, Nn as FileText, Nt as repl, Pn as Eye, Q as reducer, Rt as PluralWords, S as Accordion, Sn as Root2$1, St as Checkbox, T as AccordionTrigger, Tn as Trash2, U as hasTrustedExportContext, V as renderHTML, Vt as require_client, W as hasRunAnyCellAtom, X as notebookOutline, Y as notebookAtom, Yt as isUninstantiated, Z as numColumnsAtom, _n as selectAtom, a as useCellFocusActions, an as parseInitialValue, bn as Content2, bt as isInternalCellName, ct as kioskModeAtom, dn as OBJECT_ID_ATTR, dt as outputIsLoading, en as NotebookScopedLocalStorage, et as useCellIds, f as isOutputEmpty, fn as RANDOM_ID_ATTR, ft as outputIsStale, gn as atomWithStorage, hn as atomWithReducer, i as LazyAnyLanguageCodeMirror, in as parseDataset, jn as Layers, jt as generateUUID, k as ChevronDownIcon, ln as UIElementId, mt as headingToIdentifier, n as Spinner, nt as createCell, o as useLastFocusedCellId, ot as getInitialAppMode, p as useExpandedConsoleOutput, pn as jsonParseWithSpecialChar, pt as isErrorMime, qt as requestClientAtom, rn as parseAttrValue, s as maybeAddAltairImport, sn as HTMLCellId, st as initialModeAtom, un as findCellId, w as AccordionItem, wt as MarkdownLanguageAdapter, xn as Item$1, xt as normalizeName, yt as getValidName, zn as CircleAlert, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-BHv7CEU_.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BNjes6Yx.js";
 import { o as useSize, s as Root$2, u as createLucideIcon } from "./dist-C1BYNeCR.js";
-import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-a6DaqW__.js";
-import { $ as TableHead, A as Command, At as ChartLoadingState, B as contextAwarePanelType, Bt as GripHorizontal, C as prettifyRowColumnCount, Ct as dateToLocalISOTime, D as DateRangePicker, Dt as TabsTrigger, E as DatePicker, Et as TabsList, F as CommandSeparator, Ft as HtmlOutput, Gt as Download, H as SlotNames, Ht as EyeOff, I as ContextAwarePanelItem, It as EmotionCacheProvider, J as Fill, Jt as ChevronsRight, Kt as Code, L as PANEL_TYPES, Lt as $fae977aafc393c5c$export$588937bcd60ade55, M as CommandInput, Mt as useOverflowDetection, N as CommandItem, Nt as RenderTextWithLinks, O as Combobox, Ot as ChartErrorState, P as CommandList, Pt as Kbd, Q as TableCell, Qt as ArrowDownWideNarrow, R as contextAwarePanelOpen, Rt as $fae977aafc393c5c$export$6b862160d295c8e, S as downloadSizeLimitAtom, St as dateToLocalISODateTime, T as useInternalStateWithSync, Tt as TabsContent, U as slotsController, V as isCellAwareAtom, Vt as Funnel, W as Toggle, Wt as Ellipsis, X as Table, Xt as ChevronsDownUp, Y as Provider$1, Yt as ChevronsLeft, Z as TableBody, Zt as ChevronLeft, _ as downloadBlob, _t as toFieldTypes, at as renderCellValue, b as Progress, bt as Maps, c as Slide, ct as DelayMount, d as JsonOutput, dt as getPageIndexForRow, et as TableHeader, f as OutputArea, ft as loadTableAndRawData, g as ADD_PRINTING_CLASS, gt as TOO_MANY_ROWS, h as InstallPackageButton, ht as SELECT_COLUMN_ID, it as inferFieldTypes, j as CommandEmpty, jt as LazyVegaEmbed, k as ComboboxItem, kt as ChartInfoState, l as RadioGroup, lt as useIntersectionObserver, m as DataTable, mt as INDEX_COLUMN_NAME, n as marimoVersionAtom, nt as NAMELESS_COLUMN_PREFIX, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as ColumnChartContext, p as OutputRenderer, pt as loadTableData, qt as ChevronsUpDown, r as showCodeInRunModeAtom, rt as generateColumns, st as ColumnChartSpecModel, t as useNotebookCodeAvailable, tt as TableRow, u as RadioGroupItem, ut as usePrevious$1, v as downloadByURL, vt as getMimeValues, w as prettifyRowCount, wt as Tabs, x as Filenames, xt as dateToLocalISODate, y as downloadHTMLAsImage, yt as isNullishFilter, z as contextAwarePanelOwner, zt as TextWrap, __tla as __tla_2 } from "./code-visibility-DgHF4q8X.js";
-import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-BNaoJ5a4.js";
+import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-B96zNUEA.js";
+import { $ as TableBody, $t as ChevronLeft, A as ComboboxItem, At as ChartErrorState, B as contextAwarePanelOpen, Bt as $fae977aafc393c5c$export$6b862160d295c8e, C as prettifyRowColumnCount, Ct as dateToLocalISODate, D as DatePicker, Dt as TabsContent, E as useInternalStateWithSync, Et as Tabs, F as CommandList, Ft as RenderTextWithLinks, G as slotsController, H as contextAwarePanelType, Ht as GripHorizontal, I as CommandSeparator, It as Kbd, Jt as Code, K as Toggle, Kt as Ellipsis, L as smartMatch, Lt as HtmlOutput, M as CommandEmpty, Mt as ChartLoadingState, N as CommandInput, Nt as LazyVegaEmbed, O as DateRangePicker, Ot as TabsList, P as CommandItem, Pt as useOverflowDetection, Q as Table, Qt as ChevronsDownUp, R as ContextAwarePanelItem, Rt as EmotionCacheProvider, S as downloadSizeLimitAtom, St as Maps, T as getColumnCountForDisplay, Tt as dateToLocalISOTime, U as isCellAwareAtom, Ut as Funnel, V as contextAwarePanelOwner, Vt as TextWrap, W as SlotNames, Wt as EyeOff, X as Fill, Xt as ChevronsRight, Yt as ChevronsUpDown, Z as Provider$1, Zt as ChevronsLeft, _ as downloadBlob, _t as SELECT_COLUMN_ID, at as generateColumns, b as Progress, bt as getMimeValues, c as Slide, ct as ColumnChartContext, d as JsonOutput, dt as useIntersectionObserver, en as ArrowDownWideNarrow, et as TableCell, f as OutputArea, ft as usePrevious$1, g as ADD_PRINTING_CLASS, gt as INDEX_COLUMN_NAME, h as InstallPackageButton, ht as loadTableData, it as NAMELESS_COLUMN_PREFIX, j as Command, jt as ChartInfoState, k as Combobox, kt as TabsTrigger, l as RadioGroup, lt as ColumnChartSpecModel, m as DataTable, mt as loadTableAndRawData, n as marimoVersionAtom, nt as TableHeader, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as inferFieldTypes, p as OutputRenderer, pt as getPageIndexForRow, qt as Download, r as showCodeInRunModeAtom, rt as TableRow, st as renderCellValue, t as useNotebookCodeAvailable, tt as TableHead, u as RadioGroupItem, ut as DelayMount, v as downloadByURL, vt as TOO_MANY_ROWS, w as prettifyRowCount, wt as dateToLocalISODateTime, x as Filenames, xt as isNullishFilter, y as downloadHTMLAsImage, yt as toFieldTypes, z as PANEL_TYPES, zt as $fae977aafc393c5c$export$588937bcd60ade55, __tla as __tla_2 } from "./code-visibility-CjGICDxg.js";
+import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-BBO9PIph.js";
 import { t as Check } from "./check-DTbrK0zt.js";
 import { A as Trigger$1, C as $a916eb452884faea$export$b7a616150fdb9f44, E as $18f2051aff69b9bf$export$a54013f0d02a8f82, F as X, L as ChevronDown, M as usePrevious$2, N as useDirection, P as createCollection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as clamp$2, k as Icon, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, x as assertNever } from "./strings-Bu3vlb6W.js";
-import { I as $64fa3d84918910a7$export$29f1550f4b0d4415, K as useDebounceControlledState, L as $64fa3d84918910a7$export$4d86445c2cf5e3, Mt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, Nt as $3ef42575df84b30b$export$9d1611c77c2fe928, V as $64fa3d84918910a7$export$df3a06d6289f983e, Vt as $ff5963eb1fccf552$export$e08e3b67e392101e, a as NumberField, b as DropdownMenuTrigger, c as prettyNumber, d as DropdownMenuContent, f as DropdownMenuGroup, fn as Circle, g as DropdownMenuSeparator, i as OnBlurredInput, it as $701a24aa0da5b062$export$ea18c227d4417cc3, l as prettyScientificNumber, m as DropdownMenuLabel, n as DebouncedNumberInput, p as DropdownMenuItem, pn as ChevronRight, q as useDebouncedCallback, r as Input, rt as $f7dceffc5ad7768b$export$4e328f61c538687f, t as DebouncedInput, u as DropdownMenu, ut as $6179b936705e76d3$export$ae780daf29e6d456, vt as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./input-CZD2z6X2.js";
-import { _ as isWasm, c as asRemoteURL, d as isStaticNotebook, f as appendQueryParams, g as Deferred, m as require_cuid2, u as getStaticVirtualFiles, v as CircleQuestionMark } from "./toDate-ZVVIBmdk.js";
-import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-5qJjMRKh.js";
+import { I as $64fa3d84918910a7$export$29f1550f4b0d4415, K as useDebounceControlledState, L as $64fa3d84918910a7$export$4d86445c2cf5e3, Mt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, Nt as $3ef42575df84b30b$export$9d1611c77c2fe928, V as $64fa3d84918910a7$export$df3a06d6289f983e, Vt as $ff5963eb1fccf552$export$e08e3b67e392101e, a as NumberField, b as DropdownMenuTrigger, c as prettyNumber, d as DropdownMenuContent, f as DropdownMenuGroup, fn as Circle, g as DropdownMenuSeparator, i as OnBlurredInput, it as $701a24aa0da5b062$export$ea18c227d4417cc3, l as prettyScientificNumber, m as DropdownMenuLabel, n as DebouncedNumberInput, p as DropdownMenuItem, pn as ChevronRight, q as useDebouncedCallback, r as Input, rt as $f7dceffc5ad7768b$export$4e328f61c538687f, t as DebouncedInput, u as DropdownMenu, ut as $6179b936705e76d3$export$ae780daf29e6d456, vt as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./input-_2sjvfne.js";
+import { _ as isWasm, c as asRemoteURL, d as isStaticNotebook, f as appendQueryParams, g as Deferred, m as require_cuid2, u as getStaticVirtualFiles, v as CircleQuestionMark } from "./toDate-x-WRDCH7.js";
+import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Square, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-BvySRgli.js";
 import { n as Trash, r as Pencil, t as BulkEdit } from "./types-CVvp1fKr.js";
 import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-rULOrC_p.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
@@ -45,7 +45,7 @@ import { f as CopyClipboardIcon } from "./extends-BgdxCfYu.js";
 import { a as get_default } from "./hasIn-Deg7jl_j.js";
 import { n as _baseSet_default, t as pick_default } from "./pick-D1Qo8s2C.js";
 import { i as debounce_default, r as KnownQueryParams, t as CSSClasses } from "./constants-T20xxyNf.js";
-import { C as dequal, c as AppConfigSchema, g as useAtomValue, h as useAtom, i as autoInstantiateAtom, m as Provider, n as useTheme, o as localeAtom, p as isIslands, s as useResolvedMarimoConfig, u as store, w as useEvent_default, y as atom } from "./useTheme-7O0YWlE5.js";
+import { T as useEvent_default, _ as useAtomValue, b as atom, c as useResolvedMarimoConfig, d as store, g as useAtom, h as Provider, i as autoInstantiateAtom, l as AppConfigSchema, m as isIslands, n as useTheme, o as localeAtom, w as dequal } from "./useTheme-DHIrRQOe.js";
 import { Z as EditorView } from "./dist-DNdhYsgW.js";
 import { t as invariant } from "./invariant-wRzNXIsJ.js";
 import { l as clamp, o as arrayShallowEquals, t as Arrays } from "./arrays-sEtDRoG4.js";
@@ -59,13 +59,13 @@ import "./dist-DqAWR3CS.js";
 import { r as python } from "./dist-BotSqB48.js";
 import { n as minimalSetup, t as esm_default } from "./esm-BfhQmZjp.js";
 import "./purify.es-H92eMd9-.js";
-import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-DQ5qjo_Q.js";
+import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-DHxc-FdY.js";
 import "./vega-loader.browser-CZ-J8Py3.js";
 import { a as getContainerWidth, n as vegaLoadData, o as getVegaFieldTypes, s as tooltipHandler } from "./loader-BWLPpjKK.js";
 import "./defaultLocale-u-3osm0P.js";
 import "./defaultLocale-BoHTsDG6.js";
-import { t as useAsyncData } from "./useAsyncData-C008zUPi.js";
-import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-BrA3_n61.js";
+import { t as useAsyncData } from "./useAsyncData-iRgKDT5s.js";
+import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-CkQ57VS2.js";
 import "./dist-CLUtPrdy.js";
 import "./dist-RqXTaiir.js";
 import "./dist-DgnE8F-r.js";
@@ -2372,18 +2372,6 @@ let __tla = Promise.all([
         key: "napkw2"
       }
     ]
-  ]), Square = createLucideIcon("square", [
-    [
-      "rect",
-      {
-        width: "18",
-        height: "18",
-        x: "3",
-        y: "3",
-        rx: "2",
-        key: "afitv7"
-      }
-    ]
   ]), TriangleAlert = createLucideIcon("triangle-alert", [
     [
       "path",
@@ -3951,8 +3939,8 @@ let __tla = Promise.all([
     }
   }
   repl(MODEL_MANAGER, "MODEL_MANAGER");
-  var import_compiler_runtime$90 = require_compiler_runtime(), NavigationMenu = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(16), l, u, d, f;
+  var import_compiler_runtime$88 = require_compiler_runtime(), NavigationMenu = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$88.c)(16), l, u, d, f;
     c[0] === e ? (l = c[1], u = c[2], d = c[3], f = c[4]) : ({ className: u, children: l, orientation: d, ...f } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d, c[4] = f);
     let m = d === "horizontal" && "max-w-max flex-1 items-center justify-center", h = d === "vertical" && "", g;
     c[5] !== u || c[6] !== m || c[7] !== h ? (g = cn(m, h, "relative z-10", u), c[5] = u, c[6] = m, c[7] = h, c[8] = g) : g = c[8];
@@ -3982,7 +3970,7 @@ let __tla = Promise.all([
       orientation: "horizontal"
     }
   }), NavigationMenuList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(11), l, u, d;
+    let c = (0, import_compiler_runtime$88.c)(11), l, u, d;
     c[0] === e ? (l = c[1], u = c[2], d = c[3]) : ({ className: l, orientation: u, ...d } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d);
     let f;
     c[4] !== l || c[5] !== u ? (f = cn(navigationMenuListStyle({
@@ -4007,7 +3995,7 @@ let __tla = Promise.all([
       orientation: "horizontal"
     }
   }), NavigationMenuTrigger = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(12), l, u, d;
+    let c = (0, import_compiler_runtime$88.c)(12), l, u, d;
     c[0] === e ? (l = c[1], u = c[2], d = c[3]) : ({ className: u, children: l, ...d } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d);
     let f;
     c[4] === u ? f = c[5] : (f = cn(navigationMenuTriggerStyle(), "group", u), c[4] = u, c[5] = f);
@@ -4030,7 +4018,7 @@ let __tla = Promise.all([
   });
   NavigationMenuTrigger.displayName = Trigger.displayName;
   var NavigationMenuContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(9), l, u;
+    let c = (0, import_compiler_runtime$88.c)(9), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let d;
     c[3] === l ? d = c[4] : (d = 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 ", l), c[3] = l, c[4] = d);
@@ -4043,7 +4031,7 @@ let __tla = Promise.all([
   });
   NavigationMenuContent.displayName = Content.displayName;
   var NavigationMenuLink = Link, NavigationMenuViewport = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(10), l, u;
+    let c = (0, import_compiler_runtime$88.c)(10), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let d;
     c[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = cn("absolute left-0 top-full flex justify-center"), c[3] = d) : d = c[3];
@@ -4061,7 +4049,7 @@ let __tla = Promise.all([
   });
   NavigationMenuViewport.displayName = Viewport.displayName;
   var NavigationMenuIndicator = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(10), l, u;
+    let c = (0, import_compiler_runtime$88.c)(10), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let d;
     c[3] === l ? d = c[4] : (d = 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", l), c[3] = l, c[4] = d);
@@ -4078,7 +4066,7 @@ let __tla = Promise.all([
     }), c[6] = u, c[7] = r, c[8] = d, c[9] = m) : m = c[9], m;
   });
   NavigationMenuIndicator.displayName = Indicator.displayName;
-  var import_compiler_runtime$89 = require_compiler_runtime(), NavigationMenuPlugin = class {
+  var import_compiler_runtime$87 = require_compiler_runtime(), NavigationMenuPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-nav-menu");
       __publicField(this, "menuItemValidator", object({
@@ -4107,7 +4095,7 @@ let __tla = Promise.all([
       });
     }
   }, NavMenuComponent = (e) => {
-    let r = (0, import_compiler_runtime$89.c)(13), { items: c, orientation: l } = e, u = _temp$28, d = _temp2$18, f = _temp3$14, p;
+    let r = (0, import_compiler_runtime$87.c)(13), { items: c, orientation: l } = e, u = _temp$27, d = _temp2$17, f = _temp3$14, p;
     r[0] === l ? p = r[1] : (p = (e2) => "items" in e2 ? l === "horizontal" ? (0, import_jsx_runtime.jsx)(NavigationMenu, {
       orientation: "horizontal",
       children: (0, import_jsx_runtime.jsx)(NavigationMenuList, {
@@ -4188,7 +4176,7 @@ let __tla = Promise.all([
       children: g
     }), r[10] = l, r[11] = g, r[12] = _) : _ = r[12], _;
   }, ListItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$89.c)(19), l, u, d, f;
+    let c = (0, import_compiler_runtime$87.c)(19), l, u, d, f;
     c[0] === e ? (l = c[1], u = c[2], d = c[3], f = c[4]) : ({ className: u, label: d, children: l, ...f } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d, c[4] = f);
     let m;
     c[5] === u ? m = c[6] : (m = 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", u), c[5] = u, c[6] = m);
@@ -4223,7 +4211,7 @@ let __tla = Promise.all([
     }), c[13] = f, c[14] = r, c[15] = m, c[16] = g, c[17] = _, c[18] = v) : v = c[18], v;
   });
   ListItem.displayName = "ListItem";
-  function _temp$28(e, r) {
+  function _temp$27(e, r) {
     return r ? (0, import_jsx_runtime.jsx)(Tooltip, {
       delayDuration: 200,
       content: renderHTML({
@@ -4232,7 +4220,7 @@ let __tla = Promise.all([
       children: e
     }) : e;
   }
-  function _temp2$18(e) {
+  function _temp2$17(e) {
     return e.startsWith("http") ? "_blank" : "_self";
   }
   function _temp3$14(e) {
@@ -4397,9 +4385,9 @@ let __tla = Promise.all([
         isSelected: f
       }
     }, y.children));
-  }), import_compiler_runtime$88 = require_compiler_runtime();
+  }), import_compiler_runtime$86 = require_compiler_runtime();
   const LocaleProvider = (e) => {
-    let r = (0, import_compiler_runtime$88.c)(5), { children: c } = e, l = useAtomValue(localeAtom), u;
+    let r = (0, import_compiler_runtime$86.c)(5), { children: c } = e, l = useAtomValue(localeAtom), u;
     r[0] === l ? u = r[1] : (u = safeLocale(l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)($18f2051aff69b9bf$export$a54013f0d02a8f82, {
@@ -4588,16 +4576,16 @@ let __tla = Promise.all([
       negate: false
     };
   }
-  var import_compiler_runtime$87 = require_compiler_runtime(), Accordion$1 = Root2$1, AccordionContent$1 = Content2, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
+  var import_compiler_runtime$85 = require_compiler_runtime(), Accordion$1 = Root2$1, AccordionContent$1 = Content2, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
   const BadPluginData = (e) => {
-    let r = (0, import_compiler_runtime$87.c)(16), { error: c, badData: l, shadowRoot: u } = e;
+    let r = (0, import_compiler_runtime$85.c)(16), { error: c, badData: l, shadowRoot: u } = e;
     if (c instanceof ZodError) {
       let e2;
       r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(AlertTitle, {
         children: "Bad Data"
       }), r[0] = e2) : e2 = r[0];
       let d2;
-      r[1] === c.issues ? d2 = r[2] : (d2 = c.issues.map(_temp$27), r[1] = c.issues, r[2] = d2);
+      r[1] === c.issues ? d2 = r[2] : (d2 = c.issues.map(_temp$26), r[1] = c.issues, r[2] = d2);
       let f;
       r[3] === d2 ? f = r[4] : (f = (0, import_jsx_runtime.jsx)("div", {
         className: "text-md prose dark:prose-invert",
@@ -4655,7 +4643,7 @@ let __tla = Promise.all([
       shadowRoot: c
     });
   }
-  function _temp$27(e) {
+  function _temp$26(e) {
     let r = e.path.join(".");
     return (0, import_jsx_runtime.jsxs)("li", {
       children: [
@@ -5070,9 +5058,9 @@ let __tla = Promise.all([
       }
     };
   }
-  var import_compiler_runtime$86 = require_compiler_runtime();
+  var import_compiler_runtime$84 = require_compiler_runtime();
   function useAnyWidgetModule(e) {
-    let r = (0, import_compiler_runtime$86.c)(16), { jsUrl: c, jsHash: l } = e, u;
+    let r = (0, import_compiler_runtime$84.c)(16), { jsUrl: c, jsHash: l } = e, u;
     r[0] !== l || r[1] !== c ? (u = async () => await WIDGET_DEF_REGISTRY.getModule(c, l), r[0] = l, r[1] = c, r[2] = u) : u = r[2];
     let d;
     r[3] === l ? d = r[4] : (d = [
@@ -5126,7 +5114,7 @@ let __tla = Promise.all([
     ...e
   }));
   var AnyWidgetSlot = (e) => {
-    let r = (0, import_compiler_runtime$86.c)(14), { jsUrl: c, jsHash: l, modelId: u } = e.data, d = e.host, f;
+    let r = (0, import_compiler_runtime$84.c)(14), { jsUrl: c, jsHash: l, modelId: u } = e.data, d = e.host, f;
     r[0] !== l || r[1] !== c ? (f = {
       jsUrl: c,
       jsHash: l
@@ -5167,7 +5155,7 @@ let __tla = Promise.all([
     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$86.c)(9), { widget: c, modelId: l, host: u } = e, f = (0, import_react.useRef)(null), p, m;
+    let r = (0, import_compiler_runtime$84.c)(9), { widget: c, modelId: l, host: u } = e, f = (0, import_react.useRef)(null), p, m;
     r[0] === l ? (p = r[1], m = r[2]) : (p = MODEL_MANAGER.getSync(l), p || Logger.error("Model not found for modelId", l), m = p == null ? void 0 : p.get("_css"), r[0] = l, r[1] = p, r[2] = m), useMountCss(m, u);
     let h, g;
     r[3] !== p || r[4] !== l || r[5] !== c ? (h = () => {
@@ -5183,9 +5171,9 @@ let __tla = Promise.all([
     return r[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)("div", {
       ref: f
     }), r[8] = _) : _ = r[8], _;
-  }, import_compiler_runtime$85 = require_compiler_runtime();
+  }, import_compiler_runtime$83 = require_compiler_runtime();
   const KeyboardHotkeys = (e) => {
-    let r = (0, import_compiler_runtime$85.c)(10), { shortcut: c, className: l } = e;
+    let r = (0, import_compiler_runtime$83.c)(10), { shortcut: c, className: l } = 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;
@@ -5193,7 +5181,7 @@ let __tla = Promise.all([
     let u, d;
     if (r[1] !== l || r[2] !== c) {
       let e2 = c.split("-");
-      r[5] === l ? u = r[6] : (u = cn("flex gap-1", l), r[5] = l, r[6] = u), d = e2.map(prettyPrintHotkey).map(_temp$26), r[1] = l, r[2] = c, r[3] = u, r[4] = d;
+      r[5] === l ? u = r[6] : (u = cn("flex gap-1", l), r[5] = l, r[6] = u), d = e2.map(prettyPrintHotkey).map(_temp$25), r[1] = l, r[2] = c, r[3] = u, r[4] = d;
     } else u = r[3], d = r[4];
     let f;
     return r[7] !== u || r[8] !== d ? (f = (0, import_jsx_runtime.jsx)("div", {
@@ -5347,7 +5335,7 @@ let __tla = Promise.all([
   function capitalize$1(e) {
     return e.charAt(0).toUpperCase() + e.slice(1);
   }
-  function _temp$26(e) {
+  function _temp$25(e) {
     let [r, c] = e;
     return c ? (0, import_jsx_runtime.jsx)(Tooltip, {
       asChild: false,
@@ -5421,9 +5409,9 @@ let __tla = Promise.all([
         return "success";
     }
   }
-  var import_compiler_runtime$84 = require_compiler_runtime();
+  var import_compiler_runtime$82 = require_compiler_runtime();
   const Labeled = (e) => {
-    let r = (0, import_compiler_runtime$84.c)(27), { label: c, children: l, align: u, className: d, labelClassName: f, fullWidth: m, id: h } = e, g = u === void 0 ? "left" : u;
+    let r = (0, import_compiler_runtime$82.c)(27), { label: c, children: l, align: u, className: d, labelClassName: f, fullWidth: m, id: h } = e, g = u === void 0 ? "left" : u;
     if (m && (g = "top"), !c) {
       if (g === "top") {
         let e3;
@@ -5467,7 +5455,7 @@ let __tla = Promise.all([
       ]
     }), r[23] = l, r[24] = b, r[25] = j, r[26] = M) : M = r[26], M;
   };
-  var import_compiler_runtime$83 = require_compiler_runtime(), CheckboxPlugin = class {
+  var import_compiler_runtime$81 = require_compiler_runtime(), CheckboxPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-checkbox");
       __publicField(this, "validator", object({
@@ -5482,7 +5470,7 @@ let __tla = Promise.all([
       });
     }
   }, CheckboxComponent = (e) => {
-    let r = (0, import_compiler_runtime$83.c)(11), { value: c, setValue: l, data: u } = e, d;
+    let r = (0, import_compiler_runtime$81.c)(11), { value: c, setValue: l, data: u } = e, d;
     r[0] === l ? d = r[1] : (d = (e2) => {
       e2 !== "indeterminate" && l(e2);
     }, r[0] = l, r[1] = d);
@@ -5501,7 +5489,7 @@ let __tla = Promise.all([
       id: p,
       children: m
     }), r[7] = u.label, r[8] = p, r[9] = m, r[10] = h) : h = r[10], h;
-  }, import_compiler_runtime$82 = require_compiler_runtime(), CodeEditorPlugin = class {
+  }, import_compiler_runtime$80 = require_compiler_runtime(), CodeEditorPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-code-editor");
       __publicField(this, "validator", object({
@@ -5531,7 +5519,7 @@ let __tla = Promise.all([
       });
     }
   }, CodeEditorComponent = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(34), { theme: c } = useTheme(), l = e.theme || c, u = e.minHeight ? `${e.minHeight}px` : "70px", d = e.maxHeight ? `${e.maxHeight}px` : void 0, [f, p] = (0, import_react.useState)(e.value), m = Number.isFinite(e.debounce) ? e.debounce : 0, h = !Number.isFinite(e.debounce), g;
+    let r = (0, import_compiler_runtime$80.c)(34), { theme: c } = useTheme(), l = e.theme || c, u = e.minHeight ? `${e.minHeight}px` : "70px", d = e.maxHeight ? `${e.maxHeight}px` : void 0, [f, p] = (0, import_react.useState)(e.value), m = Number.isFinite(e.debounce) ? e.debounce : 0, h = !Number.isFinite(e.debounce), g;
     r[0] !== e.setValue || r[1] !== e.value || r[2] !== m || r[3] !== h ? (g = {
       initialValue: e.value,
       delay: m,
@@ -5602,7 +5590,7 @@ let __tla = Promise.all([
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-BDI3FMI8.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-ChD4VvCo.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -5641,9 +5629,13 @@ let __tla = Promise.all([
       index: number()
     })).output(_null()),
     send_prompt: rpc.input(object({
+      request_id: string(),
       messages: messageSchema,
       config: configSchema
-    })).output(unknown())
+    })).output(unknown()),
+    cancel_prompt: rpc.input(object({
+      request_id: string()
+    })).output(_null())
   }).renderer((e) => {
     var _a3;
     return (0, import_jsx_runtime.jsx)(import_react.Suspense, {
@@ -5658,6 +5650,7 @@ let __tla = Promise.all([
         delete_chat_history: e.functions.delete_chat_history,
         delete_chat_message: e.functions.delete_chat_message,
         send_prompt: e.functions.send_prompt,
+        cancel_prompt: e.functions.cancel_prompt,
         value: ((_a3 = e.value) == null ? void 0 : _a3.messages) || Arrays.EMPTY,
         setValue: (r) => e.setValue({
           messages: r
@@ -5666,9 +5659,9 @@ let __tla = Promise.all([
       })
     });
   });
-  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$81 = 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$79 = require_compiler_runtime();
   const LoadingTable = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(14), { wrapperClassName: c, className: l, pageSize: u } = e, d = u === void 0 ? 10 : u, f;
+    let r = (0, import_compiler_runtime$79.c)(14), { wrapperClassName: c, className: l, pageSize: u } = e, d = u === void 0 ? 10 : u, f;
     r[0] === c ? f = r[1] : (f = cn(c, "flex flex-col space-y-2"), r[0] = c, r[1] = f);
     let m = l || "rounded-md border", h;
     r[2] === m ? h = r[3] : (h = cn(m), r[2] = m, r[3] = h);
@@ -5676,7 +5669,7 @@ let __tla = Promise.all([
     r[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (0, import_jsx_runtime.jsx)(TableHeader, {
       children: Array.from({
         length: 1
-      }).map(_temp2$17)
+      }).map(_temp2$16)
     }), r[4] = g) : g = r[4];
     let _;
     r[5] === d ? _ = r[6] : (_ = (0, import_jsx_runtime.jsxs)(Table, {
@@ -5708,18 +5701,18 @@ let __tla = Promise.all([
       ]
     }), r[11] = f, r[12] = v, r[13] = b) : b = r[13], b;
   };
-  function _temp$25(e, r) {
+  function _temp$24(e, r) {
     return (0, import_jsx_runtime.jsx)(TableHead, {
       children: (0, import_jsx_runtime.jsx)("div", {
         className: "h-4 bg-(--slate-5) animate-pulse rounded-md w-[70%]"
       })
     }, r);
   }
-  function _temp2$17(e, r) {
+  function _temp2$16(e, r) {
     return (0, import_jsx_runtime.jsx)(TableRow, {
       children: Array.from({
         length: 8
-      }).map(_temp$25)
+      }).map(_temp$24)
     }, r);
   }
   function _temp3$13(e, r) {
@@ -5746,7 +5739,7 @@ let __tla = Promise.all([
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$80 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-DqRY9naW.js").then(async (m) => {
+  var import_compiler_runtime$78 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BOmK9ETQ.js").then(async (m) => {
     await m.__tla;
     return m;
   }));
@@ -5791,7 +5784,7 @@ let __tla = Promise.all([
     editableColumns: e.data.editableColumns
   }));
   var LoadingDataEditor = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(31), c;
+    let r = (0, import_compiler_runtime$78.c)(31), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = [], r[0] = c) : c = r[0];
     let [l, u] = (0, import_react.useState)(c), d;
     r[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ new Map(), r[1] = d) : d = r[1];
@@ -5867,7 +5860,7 @@ let __tla = Promise.all([
     let y, b, S, w;
     r[15] === e ? (y = r[16], b = r[17], S = r[18], w = r[19]) : (y = (r2) => {
       e.onEdits((e2) => {
-        let c2 = r2.map(_temp$24);
+        let c2 = r2.map(_temp$23);
         return {
           ...e2,
           edits: [
@@ -5928,7 +5921,7 @@ let __tla = Promise.all([
       onAddColumn: w
     }), r[20] = f, r[21] = l, r[22] = e.editableColumns, r[23] = e.edits.edits, r[24] = _, r[25] = v, r[26] = y, r[27] = b, r[28] = S, r[29] = w, r[30] = T) : T = r[30], T;
   };
-  function _temp$24(e, r) {
+  function _temp$23(e, r) {
     return {
       rowIdx: e - r,
       type: BulkEdit.Remove
@@ -7466,8 +7459,8 @@ let __tla = Promise.all([
       f.height
     ]);
   }
-  var import_compiler_runtime$79 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
-    let r = (0, import_compiler_runtime$79.c)(10), c;
+  var import_compiler_runtime$77 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
+    let r = (0, import_compiler_runtime$77.c)(10), c;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let l;
     r[2] === c.name ? l = r[3] : (l = {
@@ -7483,7 +7476,7 @@ let __tla = Promise.all([
       children: u
     }, c.name), r[6] = c.name, r[7] = l, r[8] = u, r[9] = d) : d = r[9], d;
   }, useFormField = () => {
-    let e = (0, import_compiler_runtime$79.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: l, formState: u } = useFormContext(), d;
+    let e = (0, import_compiler_runtime$77.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: l, formState: u } = useFormContext(), d;
     e[0] !== r.name || e[1] !== u || e[2] !== l ? (d = l(r.name, u), e[0] = r.name, e[1] = u, e[2] = l, e[3] = d) : d = e[3];
     let f = d;
     if (!r) throw Error("useFormField should be used within <FormField>");
@@ -7497,7 +7490,7 @@ let __tla = Promise.all([
       ...f
     }, e[4] = r.name, e[5] = f, e[6] = p, e[7] = m, e[8] = h, e[9] = g, e[10] = _) : _ = e[10], _;
   }, FormItemContext = import_react.createContext({}), FormItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$79.c)(14), l, u;
+    let c = (0, import_compiler_runtime$77.c)(14), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let d = import_react.useId(), f;
     c[3] === d ? f = c[4] : (f = {
@@ -7519,7 +7512,7 @@ let __tla = Promise.all([
   });
   FormItem.displayName = "FormItem";
   var FormLabel = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$79.c)(11), l, u;
+    let c = (0, import_compiler_runtime$77.c)(11), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let { error: d, formItemId: f } = useFormField();
     if (!u.children) return;
@@ -7535,7 +7528,7 @@ let __tla = Promise.all([
   });
   FormLabel.displayName = "FormLabel";
   var FormControl = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$79.c)(8), l;
+    let c = (0, import_compiler_runtime$77.c)(8), l;
     c[0] === e ? l = c[1] : ({ ...l } = e, c[0] = e, c[1] = l);
     let { error: u, formItemId: d, formDescriptionId: f, formMessageId: p } = useFormField(), m = u ? `${f} ${p}` : f, h = !!u, g;
     return c[2] !== d || c[3] !== l || c[4] !== r || c[5] !== m || c[6] !== h ? (g = (0, import_jsx_runtime.jsx)(Slot, {
@@ -7548,7 +7541,7 @@ let __tla = Promise.all([
   });
   FormControl.displayName = "FormControl";
   var FormDescription = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$79.c)(10), l, u;
+    let c = (0, import_compiler_runtime$77.c)(10), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let { formDescriptionId: d } = useFormField();
     if (!u.children) return null;
@@ -7564,7 +7557,7 @@ let __tla = Promise.all([
   });
   FormDescription.displayName = "FormDescription";
   var FormMessage = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$79.c)(12), l, u, d;
+    let c = (0, import_compiler_runtime$77.c)(12), l, u, d;
     c[0] === e ? (l = c[1], u = c[2], d = c[3]) : ({ className: u, children: l, ...d } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d);
     let { error: f, formMessageId: m } = useFormField(), h = (f == null ? void 0 : f.message) ? String(f == null ? void 0 : f.message) : l;
     if (!h) return null;
@@ -7581,7 +7574,7 @@ let __tla = Promise.all([
   });
   FormMessage.displayName = "FormMessage";
   var FormMessageTooltip = (e) => {
-    let r = (0, import_compiler_runtime$79.c)(7), { className: c } = e, { error: l } = useFormField(), u = (l == null ? void 0 : l.message) ? String(l == null ? void 0 : l.message) : null;
+    let r = (0, import_compiler_runtime$77.c)(7), { className: c } = e, { error: l } = useFormField(), u = (l == null ? void 0 : l.message) ? String(l == null ? void 0 : l.message) : null;
     if (!u) return null;
     let d;
     r[0] === c ? d = r[1] : (d = cn("stroke-[1.8px]", c), r[0] = c, r[1] = d);
@@ -7739,9 +7732,9 @@ ${c}
     saveForm: Functions.NOOP,
     chartType: ChartType.LINE
   }), useChartFormContext = () => (0, import_react.use)(ChartFormContext);
-  var import_compiler_runtime$78 = require_compiler_runtime();
+  var import_compiler_runtime$76 = require_compiler_runtime();
   function useBoolean(e) {
-    let r = (0, import_compiler_runtime$78.c)(6), [c, l] = (0, import_react.useState)(e), u;
+    let r = (0, import_compiler_runtime$76.c)(6), [c, l] = (0, import_react.useState)(e), u;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = (e2) => {
       var _a3;
       (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), l(true);
@@ -7754,7 +7747,7 @@ ${c}
     let f;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (e2) => {
       var _a3;
-      (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), l(_temp$23);
+      (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), l(_temp$22);
     }, r[2] = f) : f = r[2];
     let p;
     r[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
@@ -7768,11 +7761,11 @@ ${c}
       p
     ], r[4] = c, r[5] = m), m;
   }
-  function _temp$23(e) {
+  function _temp$22(e) {
     return !e;
   }
-  var import_compiler_runtime$77 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$77.c)(25), { className: l, valueMap: u, ...d } = e, [f, m] = useBoolean(false), { locale: h } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), g = dist_exports$1, _;
+  var import_compiler_runtime$75 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$75.c)(25), { className: l, valueMap: u, ...d } = e, [f, m] = useBoolean(false), { locale: h } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), g = dist_exports$1, _;
     c[0] === l ? _ = c[1] : (_ = 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", l), c[0] = l, c[1] = _);
     let v;
     c[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = 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] = v) : v = c[2];
@@ -10676,7 +10669,7 @@ ${c}
   function multiselectFilterFn(e, r) {
     return r.split(/\s+/).every((r2) => e.toLowerCase().includes(r2.toLowerCase())) ? 1 : 0;
   }
-  var import_compiler_runtime$76 = require_compiler_runtime(), MultiselectPlugin = class {
+  var import_compiler_runtime$74 = require_compiler_runtime(), MultiselectPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-multiselect");
       __publicField(this, "validator", object({
@@ -10697,7 +10690,7 @@ ${c}
     }
   }, SELECT_ALL_KEY = "__select_all__", DESELECT_ALL_KEY = "__deselect_all__";
   const Multiselect = (e) => {
-    let r = (0, import_compiler_runtime$76.c)(46), { options: c, label: l, value: u, setValue: d, fullWidth: f, maxSelections: m, disabled: h } = e, g = (0, import_react.useId)(), [_, v] = (0, import_react.useState)(""), y;
+    let r = (0, import_compiler_runtime$74.c)(46), { options: c, label: l, value: u, setValue: d, fullWidth: f, maxSelections: m, disabled: h } = e, g = (0, import_react.useId)(), [_, v] = (0, import_react.useState)(""), y;
     bb0: {
       if (!_) {
         y = c;
@@ -10716,7 +10709,7 @@ ${c}
         d([]);
         return;
       }
-      if (e2 = e2.filter(_temp$22), m === 1) {
+      if (e2 = e2.filter(_temp$21), m === 1) {
         d([
           e2[e2.length - 1]
         ]);
@@ -10779,7 +10772,7 @@ ${c}
           }) : r2;
         }
       });
-      let e2 = b.map(_temp2$16);
+      let e2 = b.map(_temp2$15);
       return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           M,
@@ -10815,10 +10808,10 @@ ${c}
       children: B
     }), r[41] = f, r[42] = g, r[43] = l, r[44] = B, r[45] = H) : H = r[45], H;
   };
-  function _temp$22(e) {
+  function _temp$21(e) {
     return e !== SELECT_ALL_KEY && e !== DESELECT_ALL_KEY;
   }
-  function _temp2$16(e) {
+  function _temp2$15(e) {
     return (0, import_jsx_runtime.jsx)(ComboboxItem, {
       value: e,
       children: e
@@ -10827,9 +10820,9 @@ ${c}
   function _temp3$12(e) {
     return e;
   }
-  var import_compiler_runtime$75 = require_compiler_runtime();
+  var import_compiler_runtime$73 = require_compiler_runtime();
   function useAddCodeToNewCell() {
-    let e = (0, import_compiler_runtime$75.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: l } = useCellActions(), u;
+    let e = (0, import_compiler_runtime$73.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: l } = useCellActions(), u;
     return e[0] !== r || e[1] !== l || e[2] !== c ? (u = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: r,
@@ -10842,7 +10835,7 @@ ${c}
       });
     }, e[0] = r, e[1] = l, e[2] = c, e[3] = u) : u = e[3], u;
   }
-  var import_compiler_runtime$74 = require_compiler_runtime(), pythonExtensions = [
+  var import_compiler_runtime$72 = require_compiler_runtime(), pythonExtensions = [
     customPythonLanguageSupport(),
     EditorView.lineWrapping
   ], sqlExtensions = [
@@ -10850,7 +10843,7 @@ ${c}
     EditorView.lineWrapping
   ];
   const ReadonlyCode = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$74.c)(41), { theme: c } = useTheme(), l, u, d, f, m, h, g, _;
+    let r = (0, import_compiler_runtime$72.c)(41), { theme: c } = useTheme(), l, u, d, f, m, h, g, _;
     r[0] === e ? (l = r[1], u = r[2], d = r[3], f = r[4], m = r[5], h = r[6], g = r[7], _ = r[8]) : ({ code: u, className: l, initiallyHideCode: d, showHideCode: h, showCopyCode: g, insertNewCell: f, language: _, ...m } = e, r[0] = e, r[1] = l, r[2] = u, r[3] = d, r[4] = f, r[5] = m, r[6] = h, r[7] = g, r[8] = _);
     let v = h === void 0 ? true : h, y = g === void 0 ? true : g, b = _ === void 0 ? "python" : _, [S, w] = (0, import_react.useState)(d), T;
     r[9] === l ? T = r[10] : (T = cn("relative hover-actions-parent w-full overflow-hidden", l), r[9] = l, r[10] = T);
@@ -10905,7 +10898,7 @@ ${c}
   });
   ReadonlyCode.displayName = "ReadonlyCode";
   var CopyButton = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(5), c;
+    let r = (0, import_compiler_runtime$72.c)(5), c;
     r[0] === e.text ? c = r[1] : (c = Events.stopPropagation(async () => {
       await copyToClipboard(e.text), toast({
         title: "Copied to clipboard"
@@ -10929,7 +10922,7 @@ ${c}
       })
     }), r[3] = l, r[4] = d), d;
   }, EyeCloseButton = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(3), c;
+    let r = (0, import_compiler_runtime$72.c)(3), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(EyeOff, {
       size: 14,
       strokeWidth: 1.5
@@ -10948,7 +10941,7 @@ ${c}
     }), r[1] = e.onClick, r[2] = l), l;
   };
   const HideCodeButton = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(7), c;
+    let r = (0, import_compiler_runtime$72.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];
@@ -10966,7 +10959,7 @@ ${c}
     }), r[3] = e.className, r[4] = e.onClick, r[5] = l, r[6] = u) : u = r[6], u;
   };
   var InsertNewCell = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(6), c = useAddCodeToNewCell(), l;
+    let r = (0, import_compiler_runtime$72.c)(6), c = useAddCodeToNewCell(), l;
     r[0] !== c || r[1] !== e.code ? (l = () => {
       c(e.code);
     }, r[0] = c, r[1] = e.code, r[2] = l) : l = r[2];
@@ -10987,9 +10980,9 @@ ${c}
         children: d
       })
     }), r[4] = u, r[5] = f), f;
-  }, import_compiler_runtime$73 = require_compiler_runtime();
+  }, import_compiler_runtime$71 = require_compiler_runtime();
   const Title = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(5), { text: c, tooltip: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { text: c, tooltip: l } = e, u;
     r[0] === l ? u = r[1] : (u = l && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: l,
       children: (0, import_jsx_runtime.jsx)(Info, {
@@ -11005,7 +10998,7 @@ ${c}
       ]
     }), r[2] = u, r[3] = c, r[4] = d) : d = r[4], d;
   }, TabContainer = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(5), { children: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("flex flex-col gap-2", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)("div", {
@@ -11013,14 +11006,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, FormSectionHorizontalRule = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(4), { className: c } = e, l;
+    let r = (0, import_compiler_runtime$71.c)(4), { className: c } = e, l;
     r[0] === c ? l = r[1] : (l = cn("my-1", c), r[0] = c, r[1] = l);
     let u;
     return r[2] === l ? u = r[3] : (u = (0, import_jsx_runtime.jsx)("hr", {
       className: l
     }), r[2] = l, r[3] = u), u;
   }, FieldSection = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(5), { children: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("flex flex-col gap-1.5", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)("section", {
@@ -11028,7 +11021,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, IconWithText = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(7), { Icon: c, text: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(7), { Icon: c, text: l } = e, u;
     r[0] === c ? u = r[1] : (u = (0, import_jsx_runtime.jsx)(c, {
       className: "w-3 h-3 mr-2"
     }), r[0] = c, r[1] = u);
@@ -11045,7 +11038,7 @@ ${c}
       ]
     }), r[4] = u, r[5] = d, r[6] = f) : f = r[6], f;
   }, AccordionFormTrigger = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(5), { children: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("py-1", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
@@ -11053,14 +11046,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, AccordionFormItem = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(3), { children: c, value: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(3), { children: c, value: l } = e, u;
     return r[0] !== c || r[1] !== l ? (u = (0, import_jsx_runtime.jsx)(AccordionItem, {
       value: l,
       className: "border-none",
       children: c
     }), r[0] = c, r[1] = l, r[2] = u) : u = r[2], u;
   }, AccordionFormContent = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(5), { children: c, wrapperClassName: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, wrapperClassName: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("pb-2 flex flex-col gap-2", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)(AccordionContent, {
@@ -11068,7 +11061,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, CodeSnippet = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(4), { code: c, insertNewCell: l, language: u } = e, d;
+    let r = (0, import_compiler_runtime$71.c)(4), { code: c, insertNewCell: l, language: u } = e, d;
     return r[0] !== c || r[1] !== l || r[2] !== u ? (d = (0, import_jsx_runtime.jsx)(ReadonlyCode, {
       minHeight: "330px",
       maxHeight: "330px",
@@ -11079,9 +11072,9 @@ ${c}
       insertNewCell: l
     }), r[0] = c, r[1] = l, r[2] = u, r[3] = d) : d = r[3], d;
   };
-  var import_compiler_runtime$72 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
+  var import_compiler_runtime$70 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
   const ColumnSelector = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(23), { fieldName: c, columns: l, onValueChange: u, includeCountField: d } = e, f = d === void 0 ? true : d, p = useFormContext(), m;
+    let r = (0, import_compiler_runtime$70.c)(23), { fieldName: c, columns: l, onValueChange: u, includeCountField: d } = e, f = d === void 0 ? true : d, p = useFormContext(), m;
     r[0] === c ? m = r[1] : (m = c.replace(".field", ".type"), r[0] = c, r[1] = m);
     let h = m, g;
     r[2] === c ? g = r[3] : (g = c.replace(".field", ".selectedDataType"), r[2] = c, r[3] = g);
@@ -11148,7 +11141,7 @@ ${c}
                       (0, import_jsx_runtime.jsx)(SelectSeparator, {})
                     ]
                   }),
-                  l.map(_temp$21)
+                  l.map(_temp$20)
                 ]
               })
             ]
@@ -11163,7 +11156,7 @@ ${c}
       render: b
     }), r[19] = c, r[20] = p.control, r[21] = b, r[22] = S) : S = r[22], S;
   }, SelectField = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(8), { fieldName: c, label: l, options: u, defaultValue: d } = e, f = useFormContext(), p;
+    let r = (0, import_compiler_runtime$70.c)(8), { fieldName: c, label: l, options: u, defaultValue: d } = e, f = useFormContext(), p;
     r[0] !== d || r[1] !== l || r[2] !== u ? (p = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -11186,7 +11179,7 @@ ${c}
                 }),
                 (0, import_jsx_runtime.jsx)(SelectContent, {
                   children: (0, import_jsx_runtime.jsx)(SelectGroup, {
-                    children: u.filter(_temp2$15).map(_temp3$11)
+                    children: u.filter(_temp2$14).map(_temp3$11)
                   })
                 })
               ]
@@ -11202,7 +11195,7 @@ ${c}
       render: p
     }), r[4] = c, r[5] = f.control, r[6] = p, r[7] = m) : m = r[7], m;
   }, InputField = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(6), { fieldName: c, label: l } = e, u = useFormContext(), d;
+    let r = (0, import_compiler_runtime$70.c)(6), { fieldName: c, label: l } = e, u = useFormContext(), d;
     r[0] === l ? d = r[1] : (d = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -11229,7 +11222,7 @@ ${c}
       render: d
     }), r[2] = c, r[3] = u.control, r[4] = d, r[5] = f) : f = r[5], f;
   }, NumberField$1 = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(17), c, l, u, d, f, m;
+    let r = (0, import_compiler_runtime$70.c)(17), c, l, u, d, f, m;
     r[0] === e ? (c = r[1], l = r[2], u = r[3], d = r[4], f = r[5], m = r[6]) : ({ fieldName: l, label: f, className: c, inputClassName: u, isDisabled: d, ...m } = e, r[0] = e, r[1] = c, r[2] = l, r[3] = u, r[4] = d, r[5] = f, r[6] = m);
     let h = useFormContext(), g;
     r[7] !== c || r[8] !== u || r[9] !== d || r[10] !== f || r[11] !== m ? (g = (e2) => {
@@ -11263,7 +11256,7 @@ ${c}
       render: g
     }), r[13] = l, r[14] = h.control, r[15] = g, r[16] = _) : _ = r[16], _;
   }, BooleanField = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(8), { fieldName: c, label: l, className: u, defaultValue: d } = e, f = useFormContext(), m;
+    let r = (0, import_compiler_runtime$70.c)(8), { fieldName: c, label: l, className: u, defaultValue: d } = e, f = useFormContext(), m;
     r[0] !== u || r[1] !== d || r[2] !== l ? (m = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -11289,7 +11282,7 @@ ${c}
       render: m
     }), r[4] = c, r[5] = f.control, r[6] = m, r[7] = h) : h = r[7], h;
   }, SliderField = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(12), { fieldName: c, label: l, defaultValue: u, start: d, stop: f, step: m, className: h } = e, g = useFormContext(), _;
+    let r = (0, import_compiler_runtime$70.c)(12), { fieldName: c, label: l, defaultValue: u, start: d, stop: f, step: m, className: h } = e, g = useFormContext(), _;
     r[0] !== h || r[1] !== u || r[2] !== c || r[3] !== l || r[4] !== d || r[5] !== m || r[6] !== f ? (_ = (e2) => {
       let { field: r2 } = e2, g2 = r2.value ?? u, _2 = Number(g2), v2 = (e3) => {
         typeof e3 == "string" && (e3 = Number(e3)), r2.onChange(e3);
@@ -11332,7 +11325,7 @@ ${c}
       render: _
     }), r[8] = c, r[9] = g.control, r[10] = _, r[11] = v) : v = r[11], v;
   }, ColorArrayField = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(28), { fieldName: c, label: l, className: u } = e, d = useFormContext(), f;
+    let r = (0, import_compiler_runtime$70.c)(28), { fieldName: c, label: l, className: u } = e, d = useFormContext(), f;
     r[0] !== c || r[1] !== d ? (f = d.watch(c), r[0] = c, r[1] = d, r[2] = f) : f = r[2];
     let m = f, h;
     r[3] === m ? h = r[4] : (h = m ?? [], r[3] = m, r[4] = h);
@@ -11413,7 +11406,7 @@ ${c}
       render: O
     }), r[24] = c, r[25] = d.control, r[26] = O, r[27] = j) : j = r[27], j;
   }, TimeUnitSelect = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(10), { fieldName: c, label: l } = e, u = useFormContext(), d;
+    let r = (0, import_compiler_runtime$70.c)(10), { fieldName: c, label: l } = e, u = useFormContext(), d;
     r[0] !== c || r[1] !== u ? (d = () => {
       u.setValue(c, "");
     }, r[0] = c, r[1] = u, r[2] = d) : d = r[2];
@@ -11482,7 +11475,7 @@ ${c}
       render: m
     }), r[6] = c, r[7] = u.control, r[8] = m, r[9] = h) : h = r[9], h;
   }, DataTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(9), { fieldName: c, label: l, defaultValue: u, onValueChange: d } = e, [f, p] = import_react.useState(false), m = useFormContext(), h;
+    let r = (0, import_compiler_runtime$70.c)(9), { fieldName: c, label: l, defaultValue: u, onValueChange: d } = e, [f, p] = import_react.useState(false), m = useFormContext(), h;
     r[0] !== u || r[1] !== f || r[2] !== l || r[3] !== d ? (h = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -11538,7 +11531,7 @@ ${c}
       render: h
     }), r[5] = c, r[6] = m.control, r[7] = h, r[8] = g) : g = r[8], g;
   }, AggregationSelect = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(12), { fieldName: c, selectedDataType: l, binFieldName: u, defaultAggregation: d } = e, f = useFormContext(), p = l === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: m } = useChartFormContext(), h = m !== ChartType.HEATMAP, g = _temp6$1, _ = _temp7, v;
+    let r = (0, import_compiler_runtime$70.c)(12), { fieldName: c, selectedDataType: l, binFieldName: u, defaultAggregation: d } = e, f = useFormContext(), p = l === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: m } = useChartFormContext(), h = m !== ChartType.HEATMAP, g = _temp6$1, _ = _temp7, v;
     r[0] !== u || r[1] !== f ? (v = (e2) => {
       let { value: r2, previousValue: c2, onChange: l2 } = e2;
       r2 === "bin" ? f.setValue(u, true) : c2 === "bin" && f.setValue(u, false), l2(r2);
@@ -11597,7 +11590,7 @@ ${c}
       render: b
     }), r[8] = c, r[9] = f.control, r[10] = b, r[11] = S) : S = r[11], S;
   }, TooltipSelect = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(7), { fieldName: c, saveFunction: l } = e, u = useFormContext(), { fields: d } = useChartFormContext(), f = _temp8, p;
+    let r = (0, import_compiler_runtime$70.c)(7), { fieldName: c, saveFunction: l } = e, u = useFormContext(), { fields: d } = useChartFormContext(), f = _temp8, p;
     r[0] !== d || r[1] !== l ? (p = (e2) => {
       var _a3;
       let { field: r2 } = e2, c2 = ((_a3 = r2.value) == null ? void 0 : _a3.map(_temp9)) ?? [];
@@ -11624,7 +11617,7 @@ ${c}
       render: p
     }), r[3] = c, r[4] = u.control, r[5] = p, r[6] = m) : m = r[6], m;
   }, SortField = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(5), { fieldName: c, label: l, defaultValue: u } = e, d;
+    let r = (0, import_compiler_runtime$70.c)(5), { fieldName: c, label: l, defaultValue: u } = e, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = SORT_TYPES.map(_temp1), r[0] = d) : d = r[0];
     let f = u ?? "ascending", p;
     return r[1] !== c || r[2] !== l || r[3] !== f ? (p = (0, import_jsx_runtime.jsx)(SelectField, {
@@ -11635,7 +11628,7 @@ ${c}
     }), r[1] = c, r[2] = l, r[3] = f, r[4] = p) : p = r[4], p;
   }, BinFields = (e) => {
     var _a3, _b3, _c3, _d3;
-    let r = (0, import_compiler_runtime$72.c)(10), { fieldName: c } = e, l = useFormContext(), u;
+    let r = (0, import_compiler_runtime$70.c)(10), { fieldName: c } = e, l = useFormContext(), u;
     r[0] === l.control ? u = r[1] : (u = {
       control: l.control
     }, r[0] = l.control, r[1] = u);
@@ -11665,7 +11658,7 @@ ${c}
       ]
     }), r[7] = m, r[8] = g, r[9] = _) : _ = r[9], _;
   };
-  function _temp$21(e) {
+  function _temp$20(e) {
     if (e.name.trim() === "") return null;
     let r = DATA_TYPE_ICON[e.type];
     return (0, import_jsx_runtime.jsx)(SelectItem, {
@@ -11681,7 +11674,7 @@ ${c}
       })
     }, e.name);
   }
-  function _temp2$15(e) {
+  function _temp2$14(e) {
     return e.value !== "";
   }
   function _temp3$11(e) {
@@ -11750,7 +11743,7 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$71 = require_compiler_runtime();
+  var import_compiler_runtime$69 = require_compiler_runtime();
   function isNonCountField(e) {
     return isFieldSet(e == null ? void 0 : e.field) && (e == null ? void 0 : e.field) !== "__count__";
   }
@@ -11774,7 +11767,7 @@ ${c}
     };
   }
   var ColumnSelectorWithAggregation = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(14), { columnFieldName: c, column: l, columns: u, binFieldName: d, defaultAggregation: f } = e, p;
+    let r = (0, import_compiler_runtime$69.c)(14), { columnFieldName: c, column: l, columns: u, binFieldName: d, defaultAggregation: f } = e, p;
     r[0] === l ? p = r[1] : (p = getColumnDataTypes(l), r[0] = l, r[1] = p);
     let { selectedDataType: m } = p, h;
     r[2] !== c || r[3] !== u ? (h = (0, import_jsx_runtime.jsx)(ColumnSelector, {
@@ -11798,7 +11791,7 @@ ${c}
     }), r[11] = h, r[12] = g, r[13] = _) : _ = r[13], _;
   };
   const ChartTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(7), { value: c, onValueChange: l } = e, u, d;
+    let r = (0, import_compiler_runtime$69.c)(7), { value: c, onValueChange: l } = e, u, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = buttonVariants({
       variant: "outline",
       className: "user-select-none w-full justify-between px-3"
@@ -11822,7 +11815,7 @@ ${c}
       children: [
         f,
         (0, import_jsx_runtime.jsx)(SelectContent, {
-          children: CHART_TYPES.map(_temp$20)
+          children: CHART_TYPES.map(_temp$19)
         })
       ]
     }), r[3] = p) : p = r[3];
@@ -11834,7 +11827,7 @@ ${c}
     }), r[4] = l, r[5] = c, r[6] = m) : m = r[6], m;
   };
   var ChartSelectItem = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(10), { chartType: c } = e, l = CHART_TYPE_ICON[c], u;
+    let r = (0, import_compiler_runtime$69.c)(10), { chartType: c } = e, l = CHART_TYPE_ICON[c], u;
     r[0] === l ? u = r[1] : (u = (0, import_jsx_runtime.jsx)(l, {
       className: "w-4 h-4 mr-2"
     }), r[0] = l, r[1] = u);
@@ -11857,7 +11850,7 @@ ${c}
   };
   const XAxis = () => {
     var _a3, _b3, _c3, _d3, _e9, _f3, _g3;
-    let e = (0, import_compiler_runtime$71.c)(22), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$69.c)(22), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -11910,7 +11903,7 @@ ${c}
     }), e[17] = g, e[18] = _, e[19] = v, e[20] = y, e[21] = b) : b = e[21], b;
   }, YAxis = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$71.c)(29), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$69.c)(29), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -11967,7 +11960,7 @@ ${c}
     }), e[23] = O, e[24] = j, e[25] = w, e[26] = T, e[27] = E, e[28] = M) : M = e[28], M;
   }, ColorByAxis = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$71.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), l;
+    let e = (0, import_compiler_runtime$69.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), l;
     e[0] === c.control ? l = e[1] : (l = {
       control: c.control
     }, e[0] = c.control, e[1] = l);
@@ -11998,7 +11991,7 @@ ${c}
     }), e[10] = m, e[11] = h, e[12] = g) : g = e[12], g;
   }, Facet = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$71.c)(7), r = useChartFormContext().fields, c = useFormContext(), l;
+    let e = (0, import_compiler_runtime$69.c)(7), r = useChartFormContext().fields, c = useFormContext(), l;
     e[0] === c.control ? l = e[1] : (l = {
       control: c.control
     }, e[0] = c.control, e[1] = l);
@@ -12072,15 +12065,15 @@ ${c}
       ]
     }), e[5] = f, e[6] = p), p;
   };
-  function _temp$20(e) {
+  function _temp$19(e) {
     return (0, import_jsx_runtime.jsx)(ChartSelectItem, {
       chartType: e
     }, e);
   }
-  var import_compiler_runtime$70 = require_compiler_runtime();
+  var import_compiler_runtime$68 = require_compiler_runtime();
   const CommonChartForm = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$70.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$68.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -12132,7 +12125,7 @@ ${c}
       ]
     }), e[15] = S, e[16] = E), E;
   }, StyleForm = () => {
-    let e = (0, import_compiler_runtime$70.c)(15), { chartType: r } = useChartFormContext(), c;
+    let e = (0, import_compiler_runtime$68.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, {
@@ -12227,7 +12220,7 @@ ${c}
     e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)(SelectField, {
       fieldName: "color.field",
       label: "Field",
-      options: COLOR_BY_FIELDS.map(_temp$19),
+      options: COLOR_BY_FIELDS.map(_temp$18),
       defaultValue: NONE_VALUE
     }), e[9] = _) : _ = e[9];
     let v, y;
@@ -12235,7 +12228,7 @@ ${c}
       fieldName: "color.scheme",
       label: "Color scheme",
       defaultValue: DEFAULT_COLOR_SCHEME,
-      options: COLOR_SCHEMES.map(_temp2$14)
+      options: COLOR_SCHEMES.map(_temp2$13)
     }), y = (0, import_jsx_runtime.jsx)(ColorArrayField, {
       fieldName: "color.range",
       label: "Color range"
@@ -12275,7 +12268,7 @@ ${c}
     }), e[13] = d, e[14] = S), S;
   }, OtherOptions = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$70.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), l;
+    let e = (0, import_compiler_runtime$68.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), l;
     e[0] === c.control ? l = e[1] : (l = {
       control: c.control
     }, e[0] = c.control, e[1] = l);
@@ -12334,22 +12327,22 @@ ${c}
       ]
     }), e[9] = h, e[10] = g), g;
   };
-  function _temp$19(e) {
+  function _temp$18(e) {
     return {
       display: capitalize(e),
       value: e
     };
   }
-  function _temp2$14(e) {
+  function _temp2$13(e) {
     return {
       display: capitalize(e),
       value: e
     };
   }
-  var import_compiler_runtime$69 = require_compiler_runtime();
+  var import_compiler_runtime$67 = require_compiler_runtime();
   const HeatmapForm = () => {
     var _a3, _b3, _c3, _d3;
-    let e = (0, import_compiler_runtime$69.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$67.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -12392,10 +12385,10 @@ ${c}
       ]
     }), e[14] = _, e[15] = y, e[16] = w) : w = e[16], w;
   };
-  var import_compiler_runtime$68 = require_compiler_runtime();
+  var import_compiler_runtime$66 = require_compiler_runtime();
   const PieForm = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$68.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), l;
+    let e = (0, import_compiler_runtime$66.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), l;
     e[0] === r.control ? l = e[1] : (l = {
       control: r.control
     }, e[0] = r.control, e[1] = l);
@@ -12462,9 +12455,9 @@ ${c}
       ]
     }), e[21] = g, e[22] = _, e[23] = S, e[24] = O) : O = e[24], O;
   };
-  var import_compiler_runtime$67 = require_compiler_runtime();
+  var import_compiler_runtime$65 = require_compiler_runtime();
   const LazyChart = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(8), { baseSpec: c, data: l, height: u } = e, { theme: d } = useTheme();
+    let r = (0, import_compiler_runtime$65.c)(8), { baseSpec: c, data: l, height: u } = e, { theme: d } = useTheme();
     if (!l) {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("div", {
@@ -12505,7 +12498,7 @@ ${c}
     }), r[5] = c, r[6] = p, r[7] = m) : m = r[7], m;
   };
   var LoadingChart$1 = () => {
-    let e = (0, import_compiler_runtime$67.c)(1), r;
+    let e = (0, import_compiler_runtime$65.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..."
@@ -12649,7 +12642,7 @@ ${c}
     let r = initialStorageValue.get(e);
     return r ? r.length > 0 : false;
   }
-  var import_compiler_runtime$66 = 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$64 = 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: l, columns: u, getDataUrl: d, fieldTypes: f, displayHeader: p, onCloseChartBuilder: m }) => {
     let [h, g] = useAtom(tabsStorageAtom), _ = e ? h.get(e) ?? [] : [], [v, y] = (0, import_react.useState)(DEFAULT_TAB_NAME), [b, S] = (0, import_react.useState)(_.length), T = (0, import_react.useRef)(p);
     if (p && !T.current && _.length === 0 && e) {
@@ -12915,12 +12908,12 @@ ${c}
     });
   };
   var ChartFormContainer = (e) => {
-    let r = (0, import_compiler_runtime$66.c)(28), { form: c, saveChart: l, fieldTypes: u, chartType: d } = e, f;
+    let r = (0, import_compiler_runtime$64.c)(28), { form: c, saveChart: l, fieldTypes: u, chartType: d } = e, f;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = [], r[0] = f) : f = r[0];
     let p = f;
     if (u) {
       let e2;
-      r[1] === u ? e2 = r[2] : (e2 = u.map(_temp2$13), r[1] = u, r[2] = e2), p = e2;
+      r[1] === u ? e2 = r[2] : (e2 = u.map(_temp2$12), r[1] = u, r[2] = e2), p = e2;
     }
     let m;
     r[3] !== c || r[4] !== l ? (m = () => {
@@ -13016,7 +13009,7 @@ ${c}
       children: j
     }), r[25] = j, r[26] = _, r[27] = M) : M = r[27], M;
   };
-  function _temp2$13(e) {
+  function _temp2$12(e) {
     return {
       name: e[0],
       type: e[1][0]
@@ -13025,9 +13018,9 @@ ${c}
   function _temp3$10(e) {
     return e.preventDefault();
   }
-  var import_compiler_runtime$65 = require_compiler_runtime();
+  var import_compiler_runtime$63 = require_compiler_runtime();
   function usePanelOwnership(e, r) {
-    let c = (0, import_compiler_runtime$65.c)(16), l = useAtomValue(isCellAwareAtom), { focusCell: u } = useCellFocusActions(), f = useLastFocusedCellId(), [p, m] = useAtom(contextAwarePanelType), [h, g] = useAtom(contextAwarePanelOwner), [_, v] = useAtom(contextAwarePanelOpen), y = getPanelId(e, r);
+    let c = (0, import_compiler_runtime$63.c)(16), l = useAtomValue(isCellAwareAtom), { focusCell: u } = useCellFocusActions(), f = useLastFocusedCellId(), [p, m] = useAtom(contextAwarePanelType), [h, g] = useAtom(contextAwarePanelOwner), [_, v] = useAtom(contextAwarePanelOpen), y = getPanelId(e, r);
     !r && l && (Logger.error("CellId is not found, defaulting to fixed mode"), l = false);
     let b = (e2) => h === y && _ && e2 === p, S = f === r, w = h && isPanelOwner(h, r);
     l && S && h !== y && !w && g(y);
@@ -13056,7 +13049,8 @@ ${c}
     format: zod_default.enum([
       "csv",
       "json",
-      "parquet"
+      "parquet",
+      "tsv"
     ])
   })).output(zod_default.object({
     url: zod_default.string(),
@@ -13064,9 +13058,9 @@ ${c}
     error: zod_default.string().nullish(),
     missing_packages: zod_default.array(zod_default.string()).nullish()
   }));
-  var import_compiler_runtime$64 = require_compiler_runtime();
+  var import_compiler_runtime$62 = require_compiler_runtime();
   const EmptyState = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(5), { content: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$62.c)(5), { content: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("text-sm text-muted-foreground py-1", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)("div", {
@@ -13074,7 +13068,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, ErrorState = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(9), { error: c, style: l, className: u, showIcon: d } = e, f = d === void 0 ? true : d, m;
+    let r = (0, import_compiler_runtime$62.c)(9), { error: c, style: l, className: u, showIcon: d } = e, f = d === void 0 ? true : d, m;
     r[0] === u ? m = r[1] : (m = 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", u), r[0] = u, r[1] = m);
     let h;
     r[2] === f ? h = r[3] : (h = f && (0, import_jsx_runtime.jsx)(X, {
@@ -13090,7 +13084,7 @@ ${c}
       ]
     }), r[4] = c.message, r[5] = l, r[6] = m, r[7] = h, r[8] = g) : g = r[8], g;
   }, LoadingState = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(6), { message: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$62.c)(6), { message: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = 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", l), r[0] = l, r[1] = u);
     let d;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = (0, import_jsx_runtime.jsx)(LoaderCircle, {
@@ -13105,7 +13099,7 @@ ${c}
       ]
     }), r[3] = c, r[4] = u, r[5] = f) : f = r[5], f;
   }, ColumnPreviewContainer = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(5), { children: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$62.c)(5), { children: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("flex flex-col gap-2 relative", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)("div", {
@@ -13113,7 +13107,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, ColumnName = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(6), { columnName: c, dataType: l } = e, u = DATA_TYPE_ICON[l], d = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(l)}`, f;
+    let r = (0, import_compiler_runtime$62.c)(6), { columnName: c, dataType: l } = e, u = DATA_TYPE_ICON[l], d = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(l)}`, f;
     r[0] !== u || r[1] !== d ? (f = (0, import_jsx_runtime.jsx)(u, {
       className: d
     }), r[0] = u, r[1] = d, r[2] = f) : f = r[2];
@@ -13126,7 +13120,7 @@ ${c}
       ]
     }), r[3] = c, r[4] = f, r[5] = p) : p = r[5], p;
   };
-  var import_compiler_runtime$63 = require_compiler_runtime();
+  var import_compiler_runtime$61 = 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",
@@ -13196,7 +13190,7 @@ ${c}
     });
   }
   const AddDataframeChart = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(10), { chartCode: c } = e, l = useAtomValue(autoInstantiateAtom), u = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
+    let r = (0, import_compiler_runtime$61.c)(10), { chartCode: c } = e, l = useAtomValue(autoInstantiateAtom), u = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
     r[0] !== l || r[1] !== d || r[2] !== u ? (f = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: l,
@@ -13227,212 +13221,171 @@ ${c}
       })
     }), r[8] = h, r[9] = _), _;
   };
-  var import_compiler_runtime$62 = require_compiler_runtime();
-  const ColumnExplorerPanel = (e) => {
-    let r = (0, import_compiler_runtime$62.c)(40), { previewColumn: c, fieldTypes: l, totalRows: u, totalColumns: d, tableId: f } = e, [p, m] = (0, import_react.useState)(""), { locale: h } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), g, _, v, y, b, S, w, T, E, O;
-    if (r[0] !== l || r[1] !== h || r[2] !== c || r[3] !== p || r[4] !== f || r[5] !== d || r[6] !== u) {
-      let e2 = l == null ? void 0 : l.filter(_temp$18), j2 = e2 == null ? void 0 : e2.filter((e3) => {
-        let [r2] = e3;
-        return r2.toLowerCase().includes(p.toLowerCase());
-      }), M2;
-      r[17] !== h || r[18] !== d || r[19] !== u ? (M2 = prettifyRowColumnCount({
-        numRows: u,
-        totalColumns: d,
-        locale: h
-      }), r[17] = h, r[18] = d, r[19] = u, r[20] = M2) : M2 = r[20];
-      let I2 = M2.rowsAndColumns;
-      E = "mb-3", O = (0, import_jsx_runtime.jsxs)("span", {
-        className: "text-xs font-semibold ml-2 flex",
-        children: [
-          I2,
-          (0, import_jsx_runtime.jsx)(CopyClipboardIcon, {
-            tooltip: "Copy column names",
-            value: (e2 == null ? void 0 : e2.map(_temp2$12).join(",\n")) || "",
-            className: "h-3 w-3 ml-1 mt-0.5"
-          })
-        ]
-      }), _ = Command, S = "h-5/6 bg-background", w = false;
-      let L;
-      r[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = (e3) => m(e3), r[21] = L) : L = r[21], r[22] === p ? T = r[23] : (T = (0, import_jsx_runtime.jsx)(CommandInput, {
-        placeholder: "Search columns...",
-        value: p,
-        onValueChange: L
-      }), r[22] = p, r[23] = T), g = CommandList, v = "max-h-full", r[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (0, import_jsx_runtime.jsx)(CommandEmpty, {
-        children: "No results."
-      }), r[24] = y) : y = r[24], b = j2 == null ? void 0 : j2.map((e3, r2) => {
-        let [l2, u2] = e3, [d2, p2] = u2;
-        return (0, import_jsx_runtime.jsx)(ColumnItem, {
-          columnName: l2,
-          dataType: d2,
-          externalType: p2,
-          previewColumn: c,
-          defaultExpanded: r2 === 0
-        }, `${f}-${l2}`);
-      }), r[0] = l, r[1] = h, r[2] = c, r[3] = p, r[4] = f, r[5] = d, r[6] = u, r[7] = g, r[8] = _, r[9] = v, r[10] = y, r[11] = b, r[12] = S, r[13] = w, r[14] = T, r[15] = E, r[16] = O;
-    } else g = r[7], _ = r[8], v = r[9], y = r[10], b = r[11], S = r[12], w = r[13], T = r[14], E = r[15], O = r[16];
-    let j;
-    r[25] !== g || r[26] !== v || r[27] !== y || r[28] !== b ? (j = (0, import_jsx_runtime.jsxs)(g, {
-      className: v,
-      children: [
-        y,
-        b
-      ]
-    }), r[25] = g, r[26] = v, r[27] = y, r[28] = b, r[29] = j) : j = r[29];
-    let M;
-    r[30] !== _ || r[31] !== S || r[32] !== w || r[33] !== T || r[34] !== j ? (M = (0, import_jsx_runtime.jsxs)(_, {
-      className: S,
-      shouldFilter: w,
-      children: [
-        T,
-        j
-      ]
-    }), r[30] = _, r[31] = S, r[32] = w, r[33] = T, r[34] = j, r[35] = M) : M = r[35];
-    let I;
-    return r[36] !== M || r[37] !== E || r[38] !== O ? (I = (0, import_jsx_runtime.jsxs)("div", {
-      className: E,
+  function ColumnExplorerPanel({ previewColumn: e, fieldTypes: r, totalRows: c, totalColumns: l, tableId: u, table: d }) {
+    let [f, p] = (0, import_react.useState)(""), { locale: m } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), h = r == null ? void 0 : r.filter(([e2]) => !(e2 === "__select__" || e2 === "_marimo_row_id" || e2.startsWith("__m_column__"))), g = h == null ? void 0 : h.filter(([e2]) => smartMatch(f, e2)), { totalColumns: _, hiddenColumns: v } = getColumnCountForDisplay(d, l), { rowsAndColumns: y, hiddenSuffix: b } = prettifyRowColumnCount({
+      numRows: c,
+      totalColumns: _,
+      locale: m,
+      hiddenColumns: v
+    });
+    return (0, import_jsx_runtime.jsxs)("div", {
+      className: "mb-3",
       children: [
-        O,
-        M
-      ]
-    }), r[36] = M, r[37] = E, r[38] = O, r[39] = I) : I = r[39], I;
-  };
-  var ColumnItem = (e) => {
-    let r = (0, import_compiler_runtime$62.c)(31), { columnName: c, dataType: l, externalType: u, previewColumn: d, defaultExpanded: f } = e, [p, m] = (0, import_react.useState)(f === void 0 ? false : f), h = p ? "font-semibold" : "", g;
-    r[0] !== c || r[1] !== h ? (g = (0, import_jsx_runtime.jsx)("span", {
-      className: h,
-      children: c
-    }), r[0] = c, r[1] = h, r[2] = g) : g = r[2];
-    let _ = g, v;
-    r[3] === p ? v = r[4] : (v = () => m(!p), r[3] = p, r[4] = v);
-    let y;
-    r[5] === p ? y = r[6] : (y = p ? (0, import_jsx_runtime.jsx)(ChevronDown, {
-      className: "w-3 h-3 shrink-0 text-muted-foreground"
-    }) : (0, import_jsx_runtime.jsx)(ChevronRight, {
-      className: "w-3 h-3 shrink-0 text-muted-foreground"
-    }), r[5] = p, r[6] = y);
-    let b;
-    r[7] !== _ || r[8] !== l ? (b = (0, import_jsx_runtime.jsx)(ColumnName, {
-      columnName: _,
-      dataType: l
-    }), r[7] = _, r[8] = l, r[9] = b) : b = r[9];
-    let S;
-    r[10] === c ? S = r[11] : (S = (0, import_jsx_runtime.jsx)(Tooltip, {
-      content: "Copy column name",
-      delayDuration: 400,
-      children: (0, import_jsx_runtime.jsx)(Button, {
-        variant: "text",
-        size: "icon",
-        className: "group-hover:opacity-100 opacity-0 hover:bg-muted text-muted-foreground hover:text-foreground",
-        children: (0, import_jsx_runtime.jsx)(CopyClipboardIcon, {
-          tooltip: false,
-          value: c,
-          className: "h-3 w-3"
+        (0, import_jsx_runtime.jsxs)("div", {
+          className: "text-xs font-semibold ml-2 flex items-center gap-1",
+          children: [
+            y,
+            v > 0 && (0, import_jsx_runtime.jsx)("span", {
+              children: b
+            }),
+            (0, import_jsx_runtime.jsx)(CopyClipboardIcon, {
+              tooltip: "Copy column names",
+              value: (h == null ? void 0 : h.map(([e2]) => e2).join(",\n")) || "",
+              className: "h-3 w-3"
+            }),
+            v > 0 && (0, import_jsx_runtime.jsx)(Button, {
+              type: "button",
+              variant: "link",
+              size: "xs",
+              className: "h-auto p-0",
+              onClick: () => d.resetColumnVisibility(true),
+              children: "Unhide all"
+            })
+          ]
+        }),
+        (0, import_jsx_runtime.jsxs)(Command, {
+          className: "h-5/6 bg-background",
+          shouldFilter: false,
+          children: [
+            (0, import_jsx_runtime.jsx)(CommandInput, {
+              placeholder: "Search columns...",
+              value: f,
+              onValueChange: (e2) => p(e2)
+            }),
+            (0, import_jsx_runtime.jsxs)(CommandList, {
+              className: "max-h-full",
+              children: [
+                (0, import_jsx_runtime.jsx)(CommandEmpty, {
+                  children: "No results."
+                }),
+                g == null ? void 0 : g.map(([r2, [c2, l2]], f2) => (0, import_jsx_runtime.jsx)(ColumnItem, {
+                  columnName: r2,
+                  column: d.getColumn(r2),
+                  dataType: c2,
+                  externalType: l2,
+                  previewColumn: e,
+                  defaultExpanded: f2 === 0
+                }, `${u}-${r2}`))
+              ]
+            })
+          ]
         })
-      })
-    }), r[10] = c, r[11] = S);
-    let T;
-    r[12] === u ? T = r[13] : (T = (0, import_jsx_runtime.jsx)("span", {
-      className: "text-xs text-muted-foreground",
-      children: u
-    }), r[12] = u, r[13] = T);
-    let E;
-    r[14] !== S || r[15] !== T ? (E = (0, import_jsx_runtime.jsxs)("div", {
-      className: "ml-auto",
-      children: [
-        S,
-        T
-      ]
-    }), r[14] = S, r[15] = T, r[16] = E) : E = r[16];
-    let O;
-    r[17] !== c || r[18] !== v || r[19] !== y || r[20] !== b || r[21] !== E ? (O = (0, import_jsx_runtime.jsxs)(CommandItem, {
-      onSelect: v,
-      className: "flex flex-row items-center gap-1.5 group w-full cursor-pointer",
-      children: [
-        y,
-        b,
-        E
       ]
-    }, c), r[17] = c, r[18] = v, r[19] = y, r[20] = b, r[21] = E, r[22] = O) : O = r[22];
-    let j;
-    r[23] !== c || r[24] !== l || r[25] !== p || r[26] !== d ? (j = p && (0, import_jsx_runtime.jsx)(ErrorBoundary, {
-      children: (0, import_jsx_runtime.jsx)(ColumnPreview, {
-        previewColumn: d,
-        columnName: c,
-        dataType: l
-      })
-    }), r[23] = c, r[24] = l, r[25] = p, r[26] = d, r[27] = j) : j = r[27];
-    let M;
-    return r[28] !== O || r[29] !== j ? (M = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    });
+  }
+  function ColumnItem({ columnName: e, column: r, dataType: c, externalType: l, previewColumn: u, defaultExpanded: d = false }) {
+    let [f, m] = (0, import_react.useState)(d);
+    return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        O,
-        j
+        (0, import_jsx_runtime.jsxs)(CommandItem, {
+          onSelect: () => m(!f),
+          className: "flex flex-row items-center gap-1.5 group w-full cursor-pointer",
+          children: [
+            f ? (0, import_jsx_runtime.jsx)(ChevronDown, {
+              className: "w-3 h-3 shrink-0 text-muted-foreground"
+            }) : (0, import_jsx_runtime.jsx)(ChevronRight, {
+              className: "w-3 h-3 shrink-0 text-muted-foreground"
+            }),
+            (0, import_jsx_runtime.jsx)(ColumnName, {
+              columnName: (0, import_jsx_runtime.jsx)("span", {
+                className: f ? "font-semibold" : "",
+                children: e
+              }),
+              dataType: c
+            }),
+            (0, import_jsx_runtime.jsxs)("div", {
+              className: "ml-auto flex items-center gap-0.5",
+              children: [
+                (0, import_jsx_runtime.jsx)(CopyClipboardIcon, {
+                  tooltip: "Copy column name",
+                  value: e,
+                  className: "h-3 w-3",
+                  buttonClassName: cn("inline-flex items-center justify-center rounded-md h-6 w-6", "group-hover:opacity-100 opacity-0 hover:bg-muted text-muted-foreground hover:text-primary")
+                }),
+                (r == null ? void 0 : r.getCanHide()) && (0, import_jsx_runtime.jsx)(Tooltip, {
+                  content: r.getIsVisible() ? "Hide column" : "Show column",
+                  delayDuration: 400,
+                  children: (0, import_jsx_runtime.jsx)(Button, {
+                    type: "button",
+                    variant: "text",
+                    size: "icon",
+                    "aria-label": r.getIsVisible() ? "Hide column" : "Show column",
+                    className: cn("hover:bg-muted text-muted-foreground hover:text-primary", r.getIsVisible() ? "group-hover:opacity-100 opacity-0" : "opacity-100"),
+                    onClick: (e2) => {
+                      e2.preventDefault(), e2.stopPropagation(), r.toggleVisibility(!r.getIsVisible());
+                    },
+                    children: r.getIsVisible() ? (0, import_jsx_runtime.jsx)(Eye, {
+                      className: "h-3 w-3",
+                      strokeWidth: 2.5
+                    }) : (0, import_jsx_runtime.jsx)(EyeOff, {
+                      className: "h-3 w-3",
+                      strokeWidth: 2.5
+                    })
+                  })
+                }),
+                (0, import_jsx_runtime.jsx)("span", {
+                  className: "text-xs text-muted-foreground",
+                  children: l
+                })
+              ]
+            })
+          ]
+        }, e),
+        f && (0, import_jsx_runtime.jsx)(ErrorBoundary, {
+          children: (0, import_jsx_runtime.jsx)(ColumnPreview, {
+            previewColumn: u,
+            columnName: e,
+            dataType: c
+          })
+        })
       ]
-    }), r[28] = O, r[29] = j, r[30] = M) : M = r[30], M;
-  }, ColumnPreview = (e) => {
-    let r = (0, import_compiler_runtime$62.c)(26), { previewColumn: c, columnName: l, dataType: u } = e, { theme: d } = useTheme(), { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), p;
-    r[0] !== l || r[1] !== c ? (p = async () => await c({
-      column: l
-    }), r[0] = l, r[1] = c, r[2] = p) : p = r[2];
-    let m;
-    r[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = [], r[3] = m) : m = r[3];
-    let { data: h, error: g, isPending: _, refetch: v } = useAsyncData(p, m);
-    if (g) {
-      let e2;
-      return r[4] === g ? e2 = r[5] : (e2 = (0, import_jsx_runtime.jsx)(ErrorState, {
-        error: g
-      }), r[4] = g, r[5] = e2), e2;
-    }
-    if (_) {
-      let e2;
-      return r[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(LoadingState, {
-        message: "Loading..."
-      }), r[6] = e2) : e2 = r[6], e2;
-    }
-    if (!h) {
-      let e2;
-      return r[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(EmptyState, {
-        content: "No data",
-        className: "pl-4"
-      }), r[7] = e2) : e2 = r[7], e2;
-    }
-    let { chart_spec: y, chart_code: b, error: S, missing_packages: w, stats: T } = h, E;
-    r[8] !== w || r[9] !== S || r[10] !== v ? (E = S && renderPreviewError({
-      error: S,
-      missingPackages: w,
-      refetchPreview: v
-    }), r[8] = w, r[9] = S, r[10] = v, r[11] = E) : E = r[11];
-    let O = E, j;
-    r[12] !== u || r[13] !== f || r[14] !== T ? (j = T && renderStats({
-      stats: T,
-      dataType: u,
-      locale: f
-    }), r[12] = u, r[13] = f, r[14] = T, r[15] = j) : j = r[15];
-    let M = j, I;
-    r[16] !== y || r[17] !== d ? (I = y && renderChart(y, d), r[16] = y, r[17] = d, r[18] = I) : I = r[18];
-    let L = I, R;
-    r[19] === b ? R = r[20] : (R = b && (0, import_jsx_runtime.jsx)(AddDataframeChart, {
-      chartCode: b
-    }), r[19] = b, r[20] = R);
-    let z = R, B;
-    return r[21] !== z || r[22] !== L || r[23] !== O || r[24] !== M ? (B = (0, import_jsx_runtime.jsxs)(ColumnPreviewContainer, {
+    });
+  }
+  var ColumnPreview = ({ previewColumn: e, columnName: r, dataType: c }) => {
+    let { theme: l } = useTheme(), { locale: u } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { data: d, error: f, isPending: p, refetch: m } = useAsyncData(async () => await e({
+      column: r
+    }), []);
+    if (f) return (0, import_jsx_runtime.jsx)(ErrorState, {
+      error: f
+    });
+    if (p) return (0, import_jsx_runtime.jsx)(LoadingState, {
+      message: "Loading..."
+    });
+    if (!d) return (0, import_jsx_runtime.jsx)(EmptyState, {
+      content: "No data",
+      className: "pl-4"
+    });
+    let { chart_spec: h, chart_code: g, error: _, missing_packages: v, stats: y } = d, b = _ && renderPreviewError({
+      error: _,
+      missingPackages: v,
+      refetchPreview: m
+    }), S = y && renderStats({
+      stats: y,
+      dataType: c,
+      locale: u
+    }), w = h && renderChart(h, l);
+    return (0, import_jsx_runtime.jsxs)(ColumnPreviewContainer, {
       className: "px-2 py-1",
       children: [
-        O,
-        z,
-        L,
-        M
+        b,
+        g && (0, import_jsx_runtime.jsx)(AddDataframeChart, {
+          chartCode: g
+        }),
+        w,
+        S
       ]
-    }), r[21] = z, r[22] = L, r[23] = O, r[24] = M, r[25] = B) : B = r[25], B;
-  };
-  function _temp$18(e) {
-    let [r] = e;
-    return !(r === "__select__" || r === "_marimo_row_id" || r.startsWith("__m_column__"));
-  }
-  function _temp2$12(e) {
-    let [r] = e;
-    return r;
-  }
-  var import_compiler_runtime$61 = require_compiler_runtime();
+    });
+  }, import_compiler_runtime$60 = require_compiler_runtime();
   const RowViewerPanel = ({ rowIdx: e, setRowIdx: r, totalRows: c, fieldTypes: l, getRow: u, isSelectable: d, isRowSelected: f, handleRowSelectionChange: p }) => {
     let [m, h] = (0, import_react.useState)(""), g = (0, import_react.useRef)(null), _ = (0, import_react.useId)(), { locale: v } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), y = c === TOO_MANY_ROWS, { data: b, error: S } = useAsyncData(async () => (await u(e)).rows, [
       u,
@@ -13664,7 +13617,7 @@ ${c}
     return d = d.toLowerCase(), l.includes(u) || d.includes(u);
   }
   var SimpleBanner = (e) => {
-    let r = (0, import_compiler_runtime$61.c)(8), { kind: c, Icon: l, message: u } = e, d;
+    let r = (0, import_compiler_runtime$60.c)(8), { kind: c, Icon: l, message: u } = e, d;
     r[0] === l ? d = r[1] : (d = (0, import_jsx_runtime.jsx)(l, {
       className: "w-5 h-5"
     }), r[0] = l, r[1] = d);
@@ -13681,96 +13634,71 @@ ${c}
         f
       ]
     }), r[4] = c, r[5] = d, r[6] = f, r[7] = p) : p = r[7], p;
-  }, import_compiler_runtime$60 = 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$60.c)(45), { rowIdx: c, setRowIdx: l, totalRows: u, fieldTypes: d, getRow: f, isSelectable: m, isRowSelected: h, handleRowSelectionChange: g, previewColumn: _, totalColumns: v, tableId: y, showRowExplorer: b, showColumnExplorer: S, activeTab: T, onTabChange: E } = e, O = b && S, j;
-    r[0] !== d || r[1] !== f || r[2] !== g || r[3] !== h || r[4] !== m || r[5] !== c || r[6] !== l || r[7] !== u ? (j = (0, import_jsx_runtime.jsx)(RowViewerPanel, {
-      rowIdx: c,
-      setRowIdx: l,
-      totalRows: u,
-      fieldTypes: d,
-      getRow: f,
-      isSelectable: m,
-      isRowSelected: h,
-      handleRowSelectionChange: g
-    }), r[0] = d, r[1] = f, r[2] = g, r[3] = h, r[4] = m, r[5] = c, r[6] = l, r[7] = u, r[8] = j) : j = r[8];
-    let M = j, I;
-    r[9] !== d || r[10] !== _ || r[11] !== y || r[12] !== v || r[13] !== u ? (I = _ && (0, import_jsx_runtime.jsx)(ColumnExplorerPanel, {
-      previewColumn: _,
-      fieldTypes: d,
-      totalRows: u,
-      totalColumns: v,
-      tableId: y
-    }), r[9] = d, r[10] = _, r[11] = y, r[12] = v, r[13] = u, r[14] = I) : I = r[14];
-    let L = I;
-    if (!O) return b ? M : S ? L : null;
-    let R = T ?? PANEL_TYPES.ROW_VIEWER, z;
-    r[15] === E ? z = r[16] : (z = (e2) => E(e2), r[15] = E, r[16] = z);
-    let B;
-    r[17] === E ? B = r[18] : (B = () => E(PANEL_TYPES.ROW_VIEWER), r[17] = E, r[18] = B);
-    let H = R === PANEL_TYPES.ROW_VIEWER ? activeClassName : inactiveClassName, W;
-    r[19] === H ? W = r[20] : (W = cn(tabTriggerClassName, H), r[19] = H, r[20] = W);
-    let UU;
-    r[21] !== B || r[22] !== W ? (UU = (0, import_jsx_runtime.jsx)(Button, {
-      variant: "text",
-      size: "xs",
-      onClick: B,
-      className: W,
-      children: "Rows"
-    }), r[21] = B, r[22] = W, r[23] = UU) : UU = r[23];
-    let G;
-    r[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = (0, import_jsx_runtime.jsx)("span", {
-      className: "text-muted-foreground text-xs",
-      children: "|"
-    }), r[24] = G) : G = r[24];
-    let WU;
-    r[25] === E ? WU = r[26] : (WU = () => E(PANEL_TYPES.COLUMN_EXPLORER), r[25] = E, r[26] = WU);
-    let q = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, Z;
-    r[27] === q ? Z = r[28] : (Z = cn(tabTriggerClassName, q), r[27] = q, r[28] = Z);
-    let GU;
-    r[29] !== Z || r[30] !== WU ? (GU = (0, import_jsx_runtime.jsx)(Button, {
-      variant: "text",
-      size: "xs",
-      onClick: WU,
-      className: Z,
-      children: "Columns"
-    }), r[29] = Z, r[30] = WU, r[31] = GU) : GU = r[31];
-    let KU;
-    r[32] !== GU || r[33] !== UU ? (KU = (0, import_jsx_runtime.jsx)(Fill, {
-      name: SlotNames.CONTEXT_AWARE_PANEL_HEADER,
-      children: (0, import_jsx_runtime.jsxs)("div", {
-        className: "flex items-center gap-1",
-        children: [
-          UU,
-          G,
-          GU
-        ]
-      })
-    }), r[32] = GU, r[33] = UU, r[34] = KU) : KU = r[34];
-    let qU;
-    r[35] === M ? qU = r[36] : (qU = (0, import_jsx_runtime.jsx)(TabsContent, {
-      value: PANEL_TYPES.ROW_VIEWER,
-      className: "flex-1 overflow-auto",
-      children: M
-    }), r[35] = M, r[36] = qU);
-    let JU;
-    r[37] === L ? JU = r[38] : (JU = (0, import_jsx_runtime.jsx)(TabsContent, {
-      value: PANEL_TYPES.COLUMN_EXPLORER,
-      className: "flex-1 overflow-auto",
-      children: L
-    }), r[37] = L, r[38] = JU);
-    let YU;
-    return r[39] !== R || r[40] !== KU || r[41] !== qU || r[42] !== JU || r[43] !== z ? (YU = (0, import_jsx_runtime.jsxs)(Tabs, {
-      value: R,
-      onValueChange: z,
+  }, tabTriggerClassName = "text-[13px] uppercase tracking-wide font-semibold cursor-pointer transition-colors", activeClassName = "text-primary", inactiveClassName = "hover:text-foreground";
+  function TableExplorerPanel({ rowIdx: e, setRowIdx: r, totalRows: c, fieldTypes: l, getRow: u, isSelectable: d, isRowSelected: f, handleRowSelectionChange: m, previewColumn: h, totalColumns: g, tableId: _, table: v, showRowExplorer: y, showColumnExplorer: b, activeTab: S, onTabChange: T }) {
+    let E = y && b, O = (0, import_jsx_runtime.jsx)(RowViewerPanel, {
+      rowIdx: e,
+      setRowIdx: r,
+      totalRows: c,
+      fieldTypes: l,
+      getRow: u,
+      isSelectable: d,
+      isRowSelected: f,
+      handleRowSelectionChange: m
+    }), j = h && (0, import_jsx_runtime.jsx)(ColumnExplorerPanel, {
+      previewColumn: h,
+      fieldTypes: l,
+      totalRows: c,
+      totalColumns: g,
+      tableId: _,
+      table: v
+    });
+    if (!E) return y ? O : b ? j : null;
+    let M = S ?? PANEL_TYPES.ROW_VIEWER;
+    return (0, import_jsx_runtime.jsxs)(Tabs, {
+      value: M,
+      onValueChange: (e2) => T(e2),
       className: "flex flex-col min-w-[350px]",
       children: [
-        KU,
-        qU,
-        JU
+        (0, import_jsx_runtime.jsx)(Fill, {
+          name: SlotNames.CONTEXT_AWARE_PANEL_HEADER,
+          children: (0, import_jsx_runtime.jsxs)("div", {
+            className: "flex items-center gap-1",
+            children: [
+              (0, import_jsx_runtime.jsx)(Button, {
+                variant: "text",
+                size: "xs",
+                onClick: () => T(PANEL_TYPES.ROW_VIEWER),
+                className: cn(tabTriggerClassName, M === PANEL_TYPES.ROW_VIEWER ? activeClassName : inactiveClassName),
+                children: "Rows"
+              }),
+              (0, import_jsx_runtime.jsx)("span", {
+                className: "text-muted-foreground text-xs",
+                children: "|"
+              }),
+              (0, import_jsx_runtime.jsx)(Button, {
+                variant: "text",
+                size: "xs",
+                onClick: () => T(PANEL_TYPES.COLUMN_EXPLORER),
+                className: cn(tabTriggerClassName, M === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName),
+                children: "Columns"
+              })
+            ]
+          })
+        }),
+        (0, import_jsx_runtime.jsx)(TabsContent, {
+          value: PANEL_TYPES.ROW_VIEWER,
+          className: "flex-1 overflow-auto",
+          children: O
+        }),
+        (0, import_jsx_runtime.jsx)(TabsContent, {
+          value: PANEL_TYPES.COLUMN_EXPLORER,
+          className: "flex-1 overflow-auto",
+          children: j
+        })
       ]
-    }), r[39] = R, r[40] = KU, r[41] = qU, r[42] = JU, r[43] = z, r[44] = YU) : YU = r[44], YU;
-  };
+    });
+  }
   var import_compiler_runtime$59 = require_compiler_runtime();
   function useEffectSkipFirstRender(e, r) {
     let c = (0, import_compiler_runtime$59.c)(2), l = (0, import_react.useRef)(false), u;
@@ -14709,7 +14637,46 @@ ${c}
       }));
     }), jW = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), MW = useEvent_default((e2) => {
       m === "single-cell" && z(Functions.asUpdater(e2)(jW).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(jW));
-    }), NW = m === "multi" || m === "single", PW = y && !!aW, FW = isInVscodeExtension(), IW = isIslands();
+    }), NW = m === "multi" || m === "single", PW = y && !!aW, FW = isInVscodeExtension(), IW = isIslands(), LW = (0, import_react.useMemo)(() => {
+      if (!(!pW || !(b || PW))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
+          rowIdx: uW,
+          setRowIdx: AW,
+          totalRows: l,
+          fieldTypes: vW,
+          getRow: oW,
+          isSelectable: NW,
+          isRowSelected: !!OW[uW],
+          handleRowSelectionChange: kW,
+          previewColumn: aW,
+          totalColumns: ZU,
+          tableId: lW,
+          table: e2,
+          showRowExplorer: b && !FW,
+          showColumnExplorer: PW && !FW,
+          activeTab: hW,
+          onTabChange: gW
+        })
+      });
+    }, [
+      pW,
+      b,
+      PW,
+      uW,
+      AW,
+      l,
+      vW,
+      oW,
+      NW,
+      OW,
+      kW,
+      aW,
+      ZU,
+      lW,
+      FW,
+      hW,
+      gW
+    ]);
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         l === "too_many" && j.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
@@ -14734,25 +14701,6 @@ ${c}
           className: "mb-1 rounded",
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
-        pW && (b || PW) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
-          children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-            rowIdx: uW,
-            setRowIdx: AW,
-            totalRows: l,
-            fieldTypes: vW,
-            getRow: oW,
-            isSelectable: NW,
-            isRowSelected: !!OW[uW],
-            handleRowSelectionChange: kW,
-            previewColumn: aW,
-            totalColumns: ZU,
-            tableId: lW,
-            showRowExplorer: b && !FW,
-            showColumnExplorer: PW && !FW,
-            activeTab: hW,
-            onTabChange: gW
-          })
-        }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
           value: _W,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
@@ -14806,7 +14754,8 @@ ${c}
               isPanelOpen: fW,
               isAnyPanelOpen: pW,
               viewedRowIdx: uW,
-              onViewedRowChange: (e2) => dW(e2)
+              onViewedRowChange: (e2) => dW(e2),
+              renderTableExplorerPanel: LW
             })
           })
         })
@@ -15216,7 +15165,7 @@ ${c}
       fullWidth: m,
       children: T
     }), r[20] = m, r[21] = g, r[22] = c, r[23] = T, r[24] = E) : E = r[24], E;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-OzrfMM5L.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-CyV83R2m.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object({
     label: string().nullish(),
     data: string()
@@ -16963,51 +16912,51 @@ ${c}
         "SQL Code"
       ]
     }), r[20] = W, r[21] = $U);
-    let eW;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (eW = (0, import_jsx_runtime.jsx)("div", {
-      className: "grow"
-    }), r[22] = eW) : eW = r[22];
     let tW;
-    r[23] !== QU || r[24] !== $U ? (tW = (0, import_jsx_runtime.jsxs)(TabsList, {
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (tW = (0, import_jsx_runtime.jsx)("div", {
+      className: "grow"
+    }), r[22] = tW) : tW = r[22];
+    let nW;
+    r[23] !== QU || r[24] !== $U ? (nW = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
         ZU,
         QU,
         $U,
-        eW
+        tW
       ]
-    }), r[23] = QU, r[24] = $U, r[25] = tW) : tW = r[25];
-    let nW;
-    r[26] === j ? nW = r[27] : (nW = j && (0, import_jsx_runtime.jsx)(Spinner, {
-      size: "small"
-    }), r[26] = j, r[27] = nW);
+    }), r[23] = QU, r[24] = $U, r[25] = nW) : nW = r[25];
     let rW;
-    r[28] !== tW || r[29] !== nW ? (rW = (0, import_jsx_runtime.jsxs)("div", {
+    r[26] === j ? rW = r[27] : (rW = j && (0, import_jsx_runtime.jsx)(Spinner, {
+      size: "small"
+    }), r[26] = j, r[27] = rW);
+    let iW;
+    r[28] !== nW || r[29] !== rW ? (iW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        tW,
-        nW
+        nW,
+        rW
       ]
-    }), r[28] = tW, r[29] = nW, r[30] = rW) : rW = r[30];
-    let iW;
-    r[31] !== p || r[32] !== f ? (iW = (e2) => {
+    }), r[28] = nW, r[29] = rW, r[30] = iW) : iW = r[30];
+    let aW;
+    r[31] !== p || r[32] !== f ? (aW = (e2) => {
       dequal(e2, f) || (p(e2), WU(e2));
-    }, r[31] = p, r[32] = f, r[33] = iW) : iW = r[33];
+    }, r[31] = p, r[32] = f, r[33] = aW) : aW = r[33];
     let oW;
-    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== G || r[38] !== d || r[39] !== iW ? (oW = (0, import_jsx_runtime.jsx)(TabsContent, {
+    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== G || r[38] !== d || r[39] !== aW ? (oW = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
         ref: q,
         initialValue: G,
         columns: c,
-        onChange: iW,
+        onChange: aW,
         onInvalidChange: WU,
         getColumnValues: h,
         columnTypesPerStep: B,
         lazy: d
       })
-    }), r[34] = B, r[35] = c, r[36] = h, r[37] = G, r[38] = d, r[39] = iW, r[40] = oW) : oW = r[40];
+    }), r[34] = B, r[35] = c, r[36] = h, r[37] = G, r[38] = d, r[39] = aW, r[40] = oW) : oW = r[40];
     let sW;
     r[41] === H ? sW = r[42] : (sW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
@@ -17031,16 +16980,16 @@ ${c}
       })
     }), r[43] = W, r[44] = cW);
     let lW;
-    r[45] !== GU || r[46] !== rW || r[47] !== oW || r[48] !== sW || r[49] !== cW ? (lW = (0, import_jsx_runtime.jsxs)(Tabs, {
+    r[45] !== GU || r[46] !== iW || r[47] !== oW || r[48] !== sW || r[49] !== cW ? (lW = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
       onValueChange: GU,
       children: [
-        rW,
+        iW,
         oW,
         sW,
         cW
       ]
-    }), r[45] = GU, r[46] = rW, r[47] = oW, r[48] = sW, r[49] = cW, r[50] = lW) : lW = r[50];
+    }), r[45] = GU, r[46] = iW, r[47] = oW, r[48] = sW, r[49] = cW, r[50] = lW) : lW = r[50];
     let uW;
     r[51] === O ? uW = r[52] : (uW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: O
@@ -17272,7 +17221,7 @@ ${c}
     }, W = [
       B
     ], r[8] = B, r[9] = H, r[10] = W), (0, import_react.useEffect)(H, W);
-    let UU, G, WU, q, Z, KU, qU, YU, XU;
+    let UU, G, WU, q, Z, GU, qU, JU, XU;
     if (r[11] !== R || r[12] !== z || r[13] !== u || r[14] !== b || r[15] !== f || r[16] !== v || r[17] !== h || r[18] !== d || r[19] !== y || r[20] !== l || r[21] !== c) {
       XU = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -17314,7 +17263,7 @@ ${c}
             return;
           }
           y(e3), S(false);
-        }, r[42] = G, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], YU = j2;
+        }, r[42] = G, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], JU = j2;
         let M2;
         r[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M2 = function(e3) {
           let { path: r2, name: c2, isDirectory: l2 } = e3;
@@ -17342,7 +17291,7 @@ ${c}
         let H2 = B2, W2;
         r[55] !== v || r[56] !== l || r[57] !== c ? (W2 = function() {
           l(c.filter((e3) => Paths.dirname(e3.path) !== v));
-        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], WU = W2, KU = function() {
+        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], WU = W2, GU = function() {
           let e3 = [];
           for (let r2 of Z) {
             if (!g2 && r2.is_directory || m2.has(r2.path)) continue;
@@ -17359,7 +17308,7 @@ ${c}
           ]);
         }, q = [];
         let ZU2;
-        r[59] === YU ? ZU2 = r[60] : (ZU2 = () => YU(PARENT_DIRECTORY), r[59] = YU, r[60] = ZU2);
+        r[59] === JU ? ZU2 = r[60] : (ZU2 = () => JU(PARENT_DIRECTORY), r[59] = JU, r[60] = ZU2);
         let QU2, $U2;
         r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (QU2 = (0, import_jsx_runtime.jsx)(TableCell, {
           className: "w-[50px] pl-4",
@@ -17383,7 +17332,7 @@ ${c}
           r2.startsWith("//") && (r2 = r2.slice(1));
           let c2 = e3.is_directory ? (e4) => {
             let { path: r3 } = e4;
-            return YU(r3);
+            return JU(r3);
           } : H2, l2 = FILE_ICON[e3.is_directory ? "directory" : guessFileIconType(e3.name)], u2 = m2.has(r2);
           q.push((0, import_jsx_runtime.jsxs)(TableRow, {
             className: cn("hover:bg-accent group select-none", {
@@ -17415,11 +17364,11 @@ ${c}
           }, e3.id));
         }
       }
-      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = UU, r[23] = G, r[24] = WU, r[25] = q, r[26] = Z, r[27] = KU, r[28] = qU, r[29] = YU, r[30] = XU;
-    } else UU = r[22], G = r[23], WU = r[24], q = r[25], Z = r[26], KU = r[27], qU = r[28], YU = r[29], XU = r[30];
+      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = UU, r[23] = G, r[24] = WU, r[25] = q, r[26] = Z, r[27] = GU, r[28] = qU, r[29] = JU, r[30] = XU;
+    } else UU = r[22], G = r[23], WU = r[24], q = r[25], Z = r[26], GU = r[27], qU = r[28], JU = r[29], XU = r[30];
     if (XU !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return XU;
     let ZU, QU, $U, eW, tW, nW, rW;
-    if (r[65] !== UU || r[66] !== R || r[67] !== G || r[68] !== WU || r[69] !== z || r[70] !== q || r[71] !== Z || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== KU || r[79] !== qU || r[80] !== d || r[81] !== YU || r[82] !== l || r[83] !== T || r[84] !== c.length) {
+    if (r[65] !== UU || r[66] !== R || r[67] !== G || r[68] !== WU || r[69] !== z || r[70] !== q || r[71] !== Z || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== GU || r[79] !== qU || r[80] !== d || r[81] !== JU || r[82] !== l || r[83] !== T || r[84] !== c.length) {
       let { parentDirectories: e2 } = getProtocolAndParentDirectories({
         path: v,
         delimiter: G,
@@ -17446,7 +17395,7 @@ ${c}
               children: (0, import_jsx_runtime.jsx)(Button, {
                 size: "xs",
                 variant: "link",
-                onClick: UU ? WU : KU,
+                onClick: UU ? WU : GU,
                 children: UU ? "Deselect all" : "Select all"
               })
             })
@@ -17454,7 +17403,7 @@ ${c}
         }) : e3;
       })();
       let _2;
-      r[94] === YU ? _2 = r[95] : (_2 = (e3) => YU(e3.target.value), r[94] = YU, r[95] = _2);
+      r[94] === JU ? _2 = r[95] : (_2 = (e3) => JU(e3.target.value), r[94] = JU, r[95] = _2);
       let y2 = e2.map(_temp3$5);
       r[96] !== v || r[97] !== _2 || r[98] !== y2 ? (QU = (0, import_jsx_runtime.jsx)(NativeSelect, {
         className: "mt-2 w-full",
@@ -17532,7 +17481,7 @@ ${c}
             })
           })
         ]
-      }), r[65] = UU, r[66] = R, r[67] = G, r[68] = WU, r[69] = z, r[70] = q, r[71] = Z, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = KU, r[79] = qU, r[80] = d, r[81] = YU, r[82] = l, r[83] = T, r[84] = c.length, r[85] = ZU, r[86] = QU, r[87] = $U, r[88] = eW, r[89] = tW, r[90] = nW, r[91] = rW;
+      }), r[65] = UU, r[66] = R, r[67] = G, r[68] = WU, r[69] = z, r[70] = q, r[71] = Z, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = GU, r[79] = qU, r[80] = d, r[81] = JU, r[82] = l, r[83] = T, r[84] = c.length, r[85] = ZU, r[86] = QU, r[87] = $U, r[88] = eW, r[89] = tW, r[90] = nW, r[91] = rW;
     } else ZU = r[85], QU = r[86], $U = r[87], eW = r[88], tW = r[89], nW = r[90], rW = r[91];
     let iW;
     r[112] !== tW || r[113] !== nW ? (iW = (0, import_jsx_runtime.jsx)("div", {
@@ -23643,8 +23592,8 @@ ${c}
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = () => {
       j.current && clearInputs(j.current);
     }, r[0] = z) : z = r[0];
-    let B = z, H;
-    r[1] !== y || r[2] !== u || r[3] !== d || r[4] !== O || r[5] !== E ? (H = async (e2) => {
+    let H = z, W;
+    r[1] !== y || r[2] !== u || r[3] !== d || r[4] !== O || r[5] !== E ? (W = async (e2) => {
       if (e2.preventDefault(), O) {
         let e3 = await E({
           value: u
@@ -23656,86 +23605,86 @@ ${c}
           return;
         }
       }
-      R(null), d(u), y && B();
-    }, r[1] = y, r[2] = u, r[3] = d, r[4] = O, r[5] = E, r[6] = H) : H = r[6];
-    let W = !M && m, UU;
-    r[7] !== m || r[8] !== W ? (UU = cn("flex flex-col gap-4 rounded-lg py-4 px-8", {
+      R(null), d(u), y && H();
+    }, r[1] = y, r[2] = u, r[3] = d, r[4] = O, r[5] = E, r[6] = W) : W = r[6];
+    let UU = !M && m, G;
+    r[7] !== m || r[8] !== UU ? (G = cn("flex flex-col gap-4 rounded-lg py-4 px-8", {
       "bg-(--gray-1) shadow-md border border-input": m,
-      "bg-(--amber-1) border-(--amber-7)": W
-    }), r[7] = m, r[8] = W, r[9] = UU) : UU = r[9];
-    let G;
-    r[10] !== u || r[11] !== d ? (G = (e2) => {
-      e2.key === "Enter" && (e2.ctrlKey || e2.metaKey) && (e2.preventDefault(), e2.stopPropagation(), d(u));
-    }, r[10] = u, r[11] = d, r[12] = G) : G = r[12];
+      "bg-(--amber-1) border-(--amber-7)": UU
+    }), r[7] = m, r[8] = UU, r[9] = G) : G = r[9];
     let WU;
-    r[13] === f ? WU = r[14] : (WU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    r[10] !== u || r[11] !== d ? (WU = (e2) => {
+      e2.key === "Enter" && (e2.ctrlKey || e2.metaKey) && (e2.preventDefault(), e2.stopPropagation(), d(u));
+    }, r[10] = u, r[11] = d, r[12] = WU) : WU = r[12];
+    let q;
+    r[13] === f ? q = r[14] : (q = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = WU);
-    let q;
-    r[15] === L ? q = r[16] : (q = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    }), r[13] = f, r[14] = q);
+    let Z;
+    r[15] === L ? Z = r[16] : (Z = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = q);
-    let Z;
-    r[17] === c ? Z = r[18] : (Z = (0, import_jsx_runtime.jsx)("div", {
-      children: c
-    }), r[17] = c, r[18] = Z);
+    }), r[15] = L, r[16] = Z);
     let GU;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (GU = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    r[17] === c ? GU = r[18] : (GU = (0, import_jsx_runtime.jsx)("div", {
+      children: c
+    }), r[17] = c, r[18] = GU);
+    let KU;
+    r[19] !== S || r[20] !== T || r[21] !== b ? (KU = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "marimo-plugin-form-clear-button",
       variant: "text",
       onClick: (e2) => {
-        e2.preventDefault(), B();
+        e2.preventDefault(), H();
       },
       children: S
-    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = GU) : GU = r[22];
-    let KU = v || h, qU;
-    r[23] === h ? qU = r[24] : (qU = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = KU) : KU = r[22];
+    let qU = v || h, JU;
+    r[23] === h ? JU = r[24] : (JU = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = qU);
-    let JU;
-    r[25] !== g || r[26] !== KU || r[27] !== qU || r[28] !== I ? (JU = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = JU);
+    let YU;
+    r[25] !== g || r[26] !== qU || r[27] !== JU || r[28] !== I ? (YU = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: KU,
+      disabled: qU,
       type: "submit",
       children: [
-        qU,
+        JU,
         g
       ]
-    }), r[25] = g, r[26] = KU, r[27] = qU, r[28] = I, r[29] = JU) : JU = r[29];
-    let YU;
-    r[30] !== _ || r[31] !== JU ? (YU = withTooltip(JU, _), r[30] = _, r[31] = JU, r[32] = YU) : YU = r[32];
+    }), r[25] = g, r[26] = qU, r[27] = JU, r[28] = I, r[29] = YU) : YU = r[29];
     let XU;
-    r[33] !== YU || r[34] !== GU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
+    r[30] !== _ || r[31] !== YU ? (XU = withTooltip(YU, _), r[30] = _, r[31] = YU, r[32] = XU) : XU = r[32];
+    let ZU;
+    r[33] !== XU || r[34] !== KU ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        GU,
-        YU
+        KU,
+        XU
       ]
-    }), r[33] = YU, r[34] = GU, r[35] = XU) : XU = r[35];
-    let ZU;
-    r[36] !== XU || r[37] !== UU || r[38] !== G || r[39] !== WU || r[40] !== q || r[41] !== Z ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
-      className: UU,
-      onKeyDown: G,
+    }), r[33] = XU, r[34] = KU, r[35] = ZU) : ZU = r[35];
+    let QU;
+    r[36] !== ZU || r[37] !== G || r[38] !== WU || r[39] !== q || r[40] !== Z || r[41] !== GU ? (QU = (0, import_jsx_runtime.jsxs)("div", {
+      className: G,
+      onKeyDown: WU,
       children: [
-        WU,
         q,
         Z,
-        XU
+        GU,
+        ZU
       ]
-    }), r[36] = XU, r[37] = UU, r[38] = G, r[39] = WU, r[40] = q, r[41] = Z, r[42] = ZU) : ZU = r[42];
-    let QU;
-    return r[43] !== ZU || r[44] !== H ? (QU = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = ZU, r[37] = G, r[38] = WU, r[39] = q, r[40] = Z, r[41] = GU, r[42] = QU) : QU = r[42];
+    let $U;
+    return r[43] !== QU || r[44] !== W ? ($U = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
-      onSubmit: H,
-      children: ZU
-    }), r[43] = ZU, r[44] = H, r[45] = QU) : QU = r[45], QU;
+      onSubmit: W,
+      children: QU
+    }), r[43] = QU, r[44] = W, r[45] = $U) : $U = r[45], $U;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$42.c)(24), c, l, u, d, f, p;
@@ -26571,7 +26520,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-DJNmOdUj.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-Dq-SH463.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object({
@@ -26901,7 +26850,7 @@ ${c}
         themeVariables: e.data.theme_variables
       });
     }
-  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-IU93XzmY.js").then(async (m) => {
+  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-lXOw5Py9.js").then(async (m) => {
     await m.__tla;
     return m;
   })), import_compiler_runtime$20 = require_compiler_runtime();
@@ -33010,18 +32959,24 @@ ${c}
       cells: []
     })
   };
+  function hasRenderableOutput(e) {
+    return e.output != null && e.output.data !== "";
+  }
   function computeSlideCellsInfo(e, r) {
     var _a3;
-    let c = e.filter((e2) => e2.output != null && e2.output.data !== ""), l = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map(), d = null, f = 0;
-    for (let [e2, p] of c.entries()) {
-      let c2 = (_a3 = r.cells.get(p.id)) == null ? void 0 : _a3.type;
-      c2 && u.set(p.id, c2), c2 === "skip" ? l.add(p.id) : d === null && (d = p, f = e2);
+    let c = [
+      ...e
+    ], l = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Map(), f = null, p = 0;
+    for (let [e2, m] of c.entries()) {
+      let c2 = (_a3 = r.cells.get(m.id)) == null ? void 0 : _a3.type, h = hasRenderableOutput(m);
+      c2 && d.set(m.id, c2), h || u.add(m.id), c2 === "skip" || !h ? l.add(m.id) : f === null && (f = m, p = e2);
     }
     return {
-      cellsWithOutput: c,
+      slideCells: c,
       skippedIds: l,
-      slideTypes: u,
-      startCellIndex: f
+      noOutputIds: u,
+      slideTypes: d,
+      startCellIndex: p
     };
   }
   function useCombinedRefs() {
@@ -35823,7 +35778,10 @@ ${c}
       Icon: l
     };
   }
-  var SLIDE_ASPECT_RATIO = 16 / 9, SLIDE_BASE_WIDTH = 960;
+  var NO_OUTPUT_VISUAL = {
+    label: "No output",
+    description: "Hidden because this cell has no output."
+  }, SLIDE_ASPECT_RATIO = 16 / 9, SLIDE_BASE_WIDTH = 520;
   function computeThumbnailDimensions(e) {
     return {
       width: e,
@@ -35875,26 +35833,26 @@ ${c}
   function _temp$4() {
     return /* @__PURE__ */ new Set();
   }
-  const SlidesMinimap = ({ cells: e, thumbnailWidth: r, canReorder: c, activeCellId: l, skippedIds: u, slideTypes: f, onSlideClick: p }) => {
-    let m = useCellIds(), { moveCellToIndex: h } = useCellActions(), g = (0, import_react.useRef)(null), _ = useVisibleCellIds(g), [v, y] = (0, import_react.useState)(null), [b, S] = (0, import_react.useState)(null), w = computeThumbnailDimensions(r);
+  const SlidesMinimap = ({ cells: e, thumbnailWidth: r, canReorder: c, activeCellId: l, skippedIds: u, noOutputIds: f, slideTypes: p, onSlideClick: m }) => {
+    let h = useCellIds(), { moveCellToIndex: g } = useCellActions(), _ = (0, import_react.useRef)(null), v = useVisibleCellIds(_), [y, b] = (0, import_react.useState)(null), [S, w] = (0, import_react.useState)(null), T = computeThumbnailDimensions(r);
     (0, import_react.useEffect)(() => {
       var _a3;
-      !l || !g.current || ((_a3 = g.current.querySelector(`[data-cell-id="${l}"]`)) == null ? void 0 : _a3.scrollIntoView({
+      !l || !_.current || ((_a3 = _.current.querySelector(`[data-cell-id="${l}"]`)) == null ? void 0 : _a3.scrollIntoView({
         block: "nearest",
         behavior: "instant"
       }));
     }, [
       l
     ]);
-    let T = useSensors(useSensor(PointerSensor, {
+    let E = useSensors(useSensor(PointerSensor, {
       activationConstraint: {
         distance: 8
       }
-    })), E = v ? e.find((e2) => e2.id === v) ?? null : null, O = () => {
-      y(null), S(null);
-    }, j = (e2) => {
+    })), O = y ? e.find((e2) => e2.id === y) ?? null : null, j = () => {
+      b(null), w(null);
+    }, M = (e2) => {
       let r2 = projectDropTarget(e2);
-      S((e3) => (e3 == null ? void 0 : e3.overId) === (r2 == null ? void 0 : r2.overId) && (e3 == null ? void 0 : e3.position) === (r2 == null ? void 0 : r2.position) ? e3 : r2);
+      w((e3) => (e3 == null ? void 0 : e3.overId) === (r2 == null ? void 0 : r2.overId) && (e3 == null ? void 0 : e3.position) === (r2 == null ? void 0 : r2.position) ? e3 : r2);
     };
     return c ? (0, import_jsx_runtime.jsxs)(DndContext, {
       autoScroll: MINIMAP_AUTO_SCROLL,
@@ -35902,64 +35860,66 @@ ${c}
       modifiers: [
         restrictToVerticalAxis
       ],
-      sensors: T,
+      sensors: E,
       onDragStart: (e2) => {
-        S(null);
+        w(null);
         let r2 = asCellId(e2.active.id);
-        r2 && y(r2);
+        r2 && b(r2);
       },
-      onDragMove: j,
-      onDragOver: j,
+      onDragMove: M,
+      onDragOver: M,
       onDragEnd: (e2) => {
         try {
-          if (v && b) {
+          if (y && S) {
             let e3 = resolveDropTarget({
-              cellIds: m,
-              activeId: v,
-              target: b
+              cellIds: h,
+              activeId: y,
+              target: S
             });
-            e3 && h(e3);
+            e3 && g(e3);
           }
         } catch (e3) {
           Logger.warn("Drop failed", e3);
         } finally {
-          O();
+          j();
         }
       },
-      onDragCancel: O,
+      onDragCancel: j,
       children: [
         (0, import_jsx_runtime.jsx)(SlideThumbnailsContainer, {
-          ref: g,
+          ref: _,
           children: (0, import_jsx_runtime.jsx)(SortableContext, {
             items: e.map((e2) => e2.id),
             strategy: verticalListSortingStrategy,
             children: e.map((e2, r2) => (0, import_jsx_runtime.jsx)(SortableSlideThumbnail, {
               cell: e2,
-              dimensions: w,
-              isActive: v === e2.id,
+              dimensions: T,
+              isActive: y === e2.id,
               isActiveSlide: e2.id === l,
-              isVisible: _.has(e2.id),
+              isVisible: v.has(e2.id),
+              isNoOutput: f == null ? void 0 : f.has(e2.id),
               slideType: resolveSlideType({
                 cellId: e2.id,
-                slideTypes: f,
+                slideTypes: p,
                 skippedIds: u
               }),
-              dropIndicator: (b == null ? void 0 : b.overId) === e2.id && v !== e2.id ? b.position : null,
-              onClick: () => p(r2)
+              dropIndicator: (S == null ? void 0 : S.overId) === e2.id && y !== e2.id ? S.position : null,
+              onClick: () => m(r2)
             }, e2.id))
           })
         }),
         (0, import_jsx_runtime.jsx)(DragOverlay, {
-          children: E && (0, import_jsx_runtime.jsx)(SlideThumbnailCard, {
-            cell: E,
-            dimensions: w,
+          children: O && (0, import_jsx_runtime.jsx)(SlideThumbnailCard, {
+            cell: O,
+            dimensions: T,
             isOverlay: true,
-            isActiveDragSource: true
+            isActiveDragSource: true,
+            isNoOutput: f == null ? void 0 : f.has(O.id)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(SlideThumbnailsContainer, {
-      ref: g,
+      ref: _,
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
           className: "text-xs text-gray-500 flex items-center gap-0.5",
@@ -35972,15 +35932,16 @@ ${c}
         }),
         e.map((e2, r2) => (0, import_jsx_runtime.jsx)(SlideThumbnailRow, {
           cell: e2,
-          dimensions: w,
+          dimensions: T,
           isActiveSlide: e2.id === l,
-          isVisible: _.has(e2.id),
+          isVisible: v.has(e2.id),
+          isNoOutput: f == null ? void 0 : f.has(e2.id),
           slideType: resolveSlideType({
             cellId: e2.id,
-            slideTypes: f,
+            slideTypes: p,
             skippedIds: u
           }),
-          onClick: () => p(r2)
+          onClick: () => m(r2)
         }, e2.id))
       ]
     });
@@ -35993,128 +35954,138 @@ ${c}
       children: c
     }), r[0] = c, r[1] = l, r[2] = u) : u = r[2], u;
   }, SortableSlideThumbnail = (e) => {
-    let r = (0, import_compiler_runtime$10.c)(14), { cell: c, dimensions: l, dropIndicator: u, isActive: d, isActiveSlide: f, isVisible: p, slideType: m, onClick: h } = e, g;
-    r[0] === c.id ? g = r[1] : (g = {
+    let r = (0, import_compiler_runtime$10.c)(15), { cell: c, dimensions: l, dropIndicator: u, isActive: d, isActiveSlide: f, isVisible: p, isNoOutput: m, slideType: h, onClick: g } = e, _;
+    r[0] === c.id ? _ = r[1] : (_ = {
       id: c.id
-    }, r[0] = c.id, r[1] = g);
-    let { attributes: _, listeners: v, setNodeRef: y } = useSortable(g), b;
-    return r[2] !== _ || r[3] !== c || r[4] !== l || r[5] !== u || r[6] !== d || r[7] !== f || r[8] !== p || r[9] !== v || r[10] !== h || r[11] !== y || r[12] !== m ? (b = (0, import_jsx_runtime.jsx)(SlideThumbnailRow, {
-      ref: y,
+    }, r[0] = c.id, r[1] = _);
+    let { attributes: v, listeners: y, setNodeRef: b } = useSortable(_), S;
+    return r[2] !== v || r[3] !== c || r[4] !== l || r[5] !== u || r[6] !== d || r[7] !== f || r[8] !== m || r[9] !== p || r[10] !== y || r[11] !== g || r[12] !== b || r[13] !== h ? (S = (0, import_jsx_runtime.jsx)(SlideThumbnailRow, {
+      ref: b,
       cell: c,
       dimensions: l,
       dropIndicator: u,
       isActiveDragSource: d,
       isActiveSlide: f,
       isVisible: p,
-      slideType: m,
-      onClick: h,
-      ..._,
-      ...v
-    }), r[2] = _, r[3] = c, r[4] = l, r[5] = u, r[6] = d, r[7] = f, r[8] = p, r[9] = v, r[10] = h, r[11] = y, r[12] = m, r[13] = b) : b = r[13], b;
+      isNoOutput: m,
+      slideType: h,
+      onClick: g,
+      ...v,
+      ...y
+    }), r[2] = v, r[3] = c, r[4] = l, r[5] = u, r[6] = d, r[7] = f, r[8] = m, r[9] = p, r[10] = y, r[11] = g, r[12] = b, r[13] = h, r[14] = S) : S = r[14], S;
   }, SlideThumbnailRow = (e) => {
-    let r = (0, import_compiler_runtime$10.c)(35), c, l, u, d, f, m, h, g, _, v, y, b;
-    r[0] === e ? (c = r[1], l = r[2], u = r[3], d = r[4], f = r[5], m = r[6], h = r[7], g = r[8], _ = r[9], v = r[10], y = r[11], b = r[12]) : ({ cell: c, dimensions: u, className: l, style: v, dropIndicator: d, isActiveSlide: y, isActiveDragSource: b, isVisible: f, slideType: _, onClick: m, ref: g, ...h } = e, r[0] = e, r[1] = c, r[2] = l, r[3] = u, r[4] = d, r[5] = f, r[6] = m, r[7] = h, r[8] = g, r[9] = _, r[10] = v, r[11] = y, r[12] = b);
-    let S = y === void 0 ? false : y, w = b === void 0 ? false : b, T;
-    r[13] === v ? T = r[14] : (T = {
+    let r = (0, import_compiler_runtime$10.c)(37), c, l, u, d, f, m, h, g, _, v, y, b, S;
+    r[0] === e ? (c = r[1], l = r[2], u = r[3], d = r[4], f = r[5], m = r[6], h = r[7], g = r[8], _ = r[9], v = r[10], y = r[11], b = r[12], S = r[13]) : ({ cell: c, dimensions: u, className: l, style: y, dropIndicator: d, isActiveSlide: b, isActiveDragSource: S, isVisible: m, isNoOutput: f, slideType: v, onClick: h, ref: _, ...g } = e, r[0] = e, r[1] = c, r[2] = l, r[3] = u, r[4] = d, r[5] = f, r[6] = m, r[7] = h, r[8] = g, r[9] = _, r[10] = v, r[11] = y, r[12] = b, r[13] = S);
+    let w = b === void 0 ? false : b, T = S === void 0 ? false : S, E;
+    r[14] === y ? E = r[15] : (E = {
       paddingTop: MINIMAP_GAP,
       paddingBottom: MINIMAP_GAP,
-      ...v
-    }, r[13] = v, r[14] = T);
-    let E = T, O = c.id, j;
-    r[15] === l ? j = r[16] : (j = cn("relative shrink-0 appearance-none text-left p-0 bg-transparent outline-none", l), r[15] = l, r[16] = j);
-    let M;
-    r[17] === d ? M = r[18] : (M = d && (0, import_jsx_runtime.jsx)("div", {
-      className: cn("absolute left-2 right-2 h-0.5 rounded-full bg-blue-500 z-20 pointer-events-none", d === "after" ? "bottom-0 translate-y-1/2" : "top-0 -translate-y-1/2")
-    }), r[17] = d, r[18] = M);
+      ...y
+    }, r[14] = y, r[15] = E);
+    let O = E, j = c.id, M;
+    r[16] === l ? M = r[17] : (M = cn("relative shrink-0 appearance-none text-left p-0 bg-transparent outline-none", l), r[16] = l, r[17] = M);
     let I;
-    r[19] !== c || r[20] !== u || r[21] !== w || r[22] !== S || r[23] !== f || r[24] !== _ ? (I = (0, import_jsx_runtime.jsx)(SlideThumbnailCard, {
+    r[18] === d ? I = r[19] : (I = d && (0, import_jsx_runtime.jsx)("div", {
+      className: cn("absolute left-2 right-2 h-0.5 rounded-full bg-blue-500 z-20 pointer-events-none", d === "after" ? "bottom-0 translate-y-1/2" : "top-0 -translate-y-1/2")
+    }), r[18] = d, r[19] = I);
+    let L;
+    r[20] !== c || r[21] !== u || r[22] !== T || r[23] !== w || r[24] !== f || r[25] !== m || r[26] !== v ? (L = (0, import_jsx_runtime.jsx)(SlideThumbnailCard, {
       cell: c,
       dimensions: u,
-      isActiveSlide: S,
-      isActiveDragSource: w,
-      isVisible: f,
-      slideType: _
-    }), r[19] = c, r[20] = u, r[21] = w, r[22] = S, r[23] = f, r[24] = _, r[25] = I) : I = r[25];
-    let L;
-    return r[26] !== c.id || r[27] !== m || r[28] !== h || r[29] !== g || r[30] !== E || r[31] !== j || r[32] !== M || r[33] !== I ? (L = (0, import_jsx_runtime.jsxs)("button", {
-      ref: g,
+      isActiveSlide: w,
+      isActiveDragSource: T,
+      isVisible: m,
+      isNoOutput: f,
+      slideType: v
+    }), r[20] = c, r[21] = u, r[22] = T, r[23] = w, r[24] = f, r[25] = m, r[26] = v, r[27] = L) : L = r[27];
+    let R;
+    return r[28] !== c.id || r[29] !== h || r[30] !== g || r[31] !== _ || r[32] !== O || r[33] !== M || r[34] !== I || r[35] !== L ? (R = (0, import_jsx_runtime.jsxs)("button", {
+      ref: _,
       type: "button",
-      "data-cell-id": O,
-      className: j,
-      style: E,
-      onClick: m,
-      ...h,
+      "data-cell-id": j,
+      className: M,
+      style: O,
+      onClick: h,
+      ...g,
       children: [
-        M,
-        I
+        I,
+        L
       ]
-    }), r[26] = c.id, r[27] = m, r[28] = h, r[29] = g, r[30] = E, r[31] = j, r[32] = M, r[33] = I, r[34] = L) : L = r[34], L;
+    }), r[28] = c.id, r[29] = h, r[30] = g, r[31] = _, r[32] = O, r[33] = M, r[34] = I, r[35] = L, r[36] = R) : R = r[36], R;
   }, SlideThumbnailCard = (e) => {
-    let r = (0, import_compiler_runtime$10.c)(47), c, l, u, d, f, m, h, g, _, v, y;
-    r[0] === e ? (c = r[1], l = r[2], u = r[3], d = r[4], f = r[5], m = r[6], h = r[7], g = r[8], _ = r[9], v = r[10], y = r[11]) : ({ cell: c, dimensions: u, className: l, style: h, isActiveSlide: g, isActiveDragSource: _, isOverlay: v, isVisible: y, slideType: m, ref: f, ...d } = e, r[0] = e, r[1] = c, r[2] = l, r[3] = u, r[4] = d, r[5] = f, r[6] = m, r[7] = h, r[8] = g, r[9] = _, r[10] = v, r[11] = y);
-    let b = g === void 0 ? false : g, S = _ === void 0 ? false : _, w = v === void 0 ? false : v, T = y === void 0 ? false : y, { width: E, height: O, scale: j } = u, M;
-    r[12] === m ? M = r[13] : (M = getSlideTypeVisual(m), r[12] = m, r[13] = M);
-    let I = M, L = m === "skip", R;
-    r[14] !== O || r[15] !== w || r[16] !== E ? (R = w ? null : {
+    let r = (0, import_compiler_runtime$10.c)(50), c, l, u, d, f, m, h, g, _, v, y, b;
+    r[0] === e ? (c = r[1], l = r[2], u = r[3], d = r[4], f = r[5], m = r[6], h = r[7], g = r[8], _ = r[9], v = r[10], y = r[11], b = r[12]) : ({ cell: c, dimensions: u, className: l, style: h, isActiveSlide: g, isActiveDragSource: _, isOverlay: v, isVisible: y, isNoOutput: b, slideType: m, ref: f, ...d } = e, r[0] = e, r[1] = c, r[2] = l, r[3] = u, r[4] = d, r[5] = f, r[6] = m, r[7] = h, r[8] = g, r[9] = _, r[10] = v, r[11] = y, r[12] = b);
+    let S = g === void 0 ? false : g, w = _ === void 0 ? false : _, T = v === void 0 ? false : v, E = y === void 0 ? false : y, O = b === void 0 ? false : b, { width: j, height: M, scale: I } = u, L;
+    r[13] !== O || r[14] !== m ? (L = O ? NO_OUTPUT_VISUAL : getSlideTypeVisual(m), r[13] = O, r[14] = m, r[15] = L) : L = r[15];
+    let R = L, z = O || m === "skip", B;
+    r[16] !== M || r[17] !== T || r[18] !== j ? (B = T ? null : {
       contentVisibility: "auto",
-      containIntrinsicSize: `${E}px ${O}px`
-    }, r[14] = O, r[15] = w, r[16] = E, r[17] = R) : R = r[17];
-    let z;
-    r[18] !== O || r[19] !== h || r[20] !== R || r[21] !== E ? (z = {
-      width: E,
-      height: O,
+      containIntrinsicSize: `${j}px ${M}px`
+    }, r[16] = M, r[17] = T, r[18] = j, r[19] = B) : B = r[19];
+    let H;
+    r[20] !== M || r[21] !== h || r[22] !== B || r[23] !== j ? (H = {
+      width: j,
+      height: M,
       contain: "strict",
-      ...R,
+      ...B,
       ...h
-    }, r[18] = O, r[19] = h, r[20] = R, r[21] = E, r[22] = z) : z = r[22];
-    let B = z, H = T || w, W = b || S || w ? "border-blue-500" : "border-border", UU = S && !w && "opacity-35", G = w && "opacity-95 shadow-lg", WU;
-    r[23] !== l || r[24] !== G || r[25] !== W || r[26] !== UU ? (WU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden", W, UU, G, l), r[23] = l, r[24] = G, r[25] = W, r[26] = UU, r[27] = WU) : WU = r[27];
-    let q;
-    r[28] !== c || r[29] !== O || r[30] !== j || r[31] !== H || r[32] !== E ? (q = H && (0, import_jsx_runtime.jsx)("div", {
+    }, r[20] = M, r[21] = h, r[22] = B, r[23] = j, r[24] = H) : H = r[24];
+    let W = H, UU = E || T, G = S || w || T ? "border-blue-500" : "border-border", WU = w && !T && "opacity-35", q = T && "opacity-95 shadow-lg", Z;
+    r[25] !== l || r[26] !== WU || r[27] !== q || r[28] !== G ? (Z = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden", G, WU, q, l), r[25] = l, r[26] = WU, r[27] = q, r[28] = G, r[29] = Z) : Z = r[29];
+    let GU;
+    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== UU || r[35] !== j ? (GU = UU && (0, import_jsx_runtime.jsx)("div", {
       className: "flex p-6 box-border pointer-events-none mo-slide-content overflow-hidden",
       style: {
-        transform: `scale(${j})`,
+        transform: `scale(${I})`,
         transformOrigin: "top left",
-        width: E / j,
-        height: O / j
+        width: j / I,
+        height: M / I
       },
-      children: (0, import_jsx_runtime.jsx)(Slide, {
+      children: O ? (0, import_jsx_runtime.jsx)(MiniCodePreview, {
+        code: c.code
+      }) : (0, import_jsx_runtime.jsx)(Slide, {
         cellId: c.id,
         status: c.status,
         output: c.output
       })
-    }), r[28] = c, r[29] = O, r[30] = j, r[31] = H, r[32] = E, r[33] = q) : q = r[33];
-    let Z;
-    r[34] === L ? Z = r[35] : (Z = L && (0, import_jsx_runtime.jsx)("div", {
-      className: "absolute inset-0 bg-muted/60 pointer-events-none",
+    }), r[30] = c, r[31] = M, r[32] = O, r[33] = I, r[34] = UU, r[35] = j, r[36] = GU) : GU = r[36];
+    let KU;
+    r[37] === z ? KU = r[38] : (KU = z && (0, import_jsx_runtime.jsx)("div", {
+      className: "absolute inset-0 bg-muted/50 pointer-events-none",
       "aria-hidden": true
-    }), r[34] = L, r[35] = Z);
-    let GU;
-    r[36] !== L || r[37] !== I ? (GU = I && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[37] = z, r[38] = KU);
+    let qU;
+    r[39] !== z || r[40] !== R ? (qU = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: (0, import_jsx_runtime.jsx)("span", {
         className: "text-xs opacity-80",
-        children: I.description
+        children: R.description
       }),
       children: (0, import_jsx_runtime.jsx)("span", {
-        className: cn("absolute top-1 right-1 flex items-center gap-1 rounded-full border p-0.5 font-medium leading-none shadow-xs cursor-help", L ? "bg-background/90 border-border text-muted-foreground" : "bg-background/95 border-border text-foreground/80"),
-        "aria-label": I.label,
-        children: (0, import_jsx_runtime.jsx)(I.Icon, {
+        className: cn("absolute top-1 right-1 flex items-center gap-1 rounded-full border p-0.5 font-medium leading-none shadow-xs cursor-help", z ? "bg-background/90 border-border text-muted-foreground" : "bg-background/95 border-border text-foreground/80"),
+        "aria-label": R.label,
+        children: (0, import_jsx_runtime.jsx)(R.Icon, {
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[36] = L, r[37] = I, r[38] = GU) : GU = r[38];
-    let KU;
-    return r[39] !== B || r[40] !== d || r[41] !== f || r[42] !== WU || r[43] !== q || r[44] !== Z || r[45] !== GU ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[39] = z, r[40] = R, r[41] = qU) : qU = r[41];
+    let JU;
+    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== Z || r[46] !== GU || r[47] !== KU || r[48] !== qU ? (JU = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: WU,
-      style: B,
+      className: Z,
+      style: W,
       ...d,
       children: [
-        q,
-        Z,
-        GU
+        GU,
+        KU,
+        qU
       ]
-    }), r[39] = B, r[40] = d, r[41] = f, r[42] = WU, r[43] = q, r[44] = Z, r[45] = GU, r[46] = KU) : KU = r[46], KU;
+    }), r[42] = W, r[43] = d, r[44] = f, r[45] = Z, r[46] = GU, r[47] = KU, r[48] = qU, r[49] = JU) : JU = r[49], JU;
+  }, MiniCodePreview = (e) => {
+    let r = (0, import_compiler_runtime$10.c)(2), { code: c } = e, l;
+    return r[0] === c ? l = r[1] : (l = (0, import_jsx_runtime.jsx)("pre", {
+      className: "my-auto w-full overflow-hidden whitespace-pre-wrap wrap-break-word text-lg",
+      children: c
+    }), r[0] = c, r[1] = l), l;
   };
   function projectDropTarget(e) {
     let { active: r, over: c } = e;
@@ -36145,33 +36116,34 @@ ${c}
     if (l && l !== "slide") return l;
     if (c == null ? void 0 : c.has(e)) return "skip";
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-qpHJES_u.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-DVWED--8.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a3;
-    let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { cellsWithOutput: h, skippedIds: g, slideTypes: _, startCellIndex: v } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [
+    let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [
       c,
       e
-    ]), y = p ? h.findIndex((e2) => e2.id === p) : v, b = y === -1 ? v : y, S = useEvent_default((e2) => {
+    ]), b = p ? h.findIndex((e2) => e2.id === p) : y, S = b === -1 ? y : b, w = useEvent_default((e2) => {
       let r2 = h[e2];
       r2 && m(r2.id);
-    }), w = (0, import_jsx_runtime.jsx)(LazySlidesComponent, {
-      cellsWithOutput: h,
+    }), T = (0, import_jsx_runtime.jsx)(LazySlidesComponent, {
+      slideCells: h,
       layout: e,
       setLayout: r,
-      activeIndex: b,
-      onSlideChange: S,
-      configWidth: 300,
+      noOutputIds: _,
+      activeIndex: S,
+      onSlideChange: w,
+      configWidth: 280,
       mode: d ? "read" : l,
       isEditable: !d
     });
     return d ? u ? (0, import_jsx_runtime.jsx)("div", {
       className: "flex h-dvh w-dvw overflow-hidden bg-background",
-      children: w
+      children: T
     }) : (0, import_jsx_runtime.jsx)("div", {
       className: "p-4 flex flex-1 items-center justify-center min-h-0",
       children: (0, import_jsx_runtime.jsx)("div", {
         className: "h-full max-h-[95vh] aspect-video max-w-full flex",
-        children: w
+        children: T
       })
     }) : (0, import_jsx_runtime.jsxs)("div", {
       className: "flex-1 pr-18 pb-2 flex flex-row gap-2 min-h-0",
@@ -36180,12 +36152,13 @@ ${c}
           cells: h,
           thumbnailWidth: 220,
           canReorder: !f,
-          activeCellId: p ?? ((_a3 = h[v]) == null ? void 0 : _a3.id) ?? null,
+          activeCellId: p ?? ((_a3 = h[y]) == null ? void 0 : _a3.id) ?? null,
           skippedIds: g,
-          slideTypes: _,
-          onSlideClick: S
+          noOutputIds: _,
+          slideTypes: v,
+          onSlideClick: w
         }),
-        w
+        T
       ]
     });
   };
@@ -36889,18 +36862,18 @@ ${c}
       showCode: b,
       onToggleShowCode: () => S(_temp$1)
     }), r[23] = w, r[24] = u, r[25] = b, r[26] = z) : z = r[26];
-    let B;
-    r[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = (0, import_jsx_runtime.jsx)(FloatingOutline, {}), r[27] = B) : B = r[27];
     let H;
-    return r[28] !== l || r[29] !== d || r[30] !== R || r[31] !== z ? (H = (0, import_jsx_runtime.jsxs)(VerticalLayoutWrapper, {
+    r[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = (0, import_jsx_runtime.jsx)(FloatingOutline, {}), r[27] = H) : H = r[27];
+    let W;
+    return r[28] !== l || r[29] !== d || r[30] !== R || r[31] !== z ? (W = (0, import_jsx_runtime.jsxs)(VerticalLayoutWrapper, {
       invisible: d,
       appConfig: l,
       children: [
         R,
         z,
-        B
+        H
       ]
-    }), r[28] = l, r[29] = d, r[30] = R, r[31] = z, r[32] = H) : H = r[32], H;
+    }), r[28] = l, r[29] = d, r[30] = R, r[31] = z, r[32] = W) : W = r[32], W;
   }, ActionButtons = (e) => {
     let r = (0, import_compiler_runtime$3.c)(26), { canShowCode: c, showCode: l, onToggleShowCode: u } = e, { readCode: d } = useRequestClient(), f = _temp2, m = _temp3, h;
     r[0] === d ? h = r[1] : (h = async () => {
@@ -37795,6 +37768,8 @@ ${r}
         case "model-lifecycle":
           handleWidgetMessage(MODEL_MANAGER, c.data);
           return;
+        case "consumer-capabilities":
+          return;
         default:
           logNever(c);
           return;
@@ -38028,7 +38003,7 @@ ${r}
     });
   }
   const getMarimoVersion = () => store.get(marimoVersionAtom);
-  var worker_default = "/assets/worker-CpBbwbQo.js", DefaultWorkerFactory = class {
+  var worker_default = "/assets/worker-ip3AI_sN.js", DefaultWorkerFactory = class {
     constructor(e = {}) {
       this.url = e.workerUrl || this.getDefaultWorkerUrl(), this.name = e.workerName || getMarimoVersion();
     }