@marimo-team/islands 0.23.14-dev3 → 0.23.14-dev31

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-COam1EG7.js";
-import { $ as reducer, B as safeExtractSetUIElementMessageBuffers, Bn as CircleAlert, Bt as DATA_TYPE_ICON, C as AccordionContent, Cn as Root2$1, Ct as Checkbox, Dn as Table2, Dt as PathBuilder, E as BorderAllIcon, En as Trash2, F as base64ToDataView, Fn as Eye, H as getMarimoExportContext, Ht as require_client, It as jotaiJsonStorage, J as getCellNames, Jt as requestClientAtom, K as createActions, Kt as convertStatsName, L as dataViewToBase64, Ln as Database, Mn as Layers, Mt as generateUUID, Nn as Info, On as PaintRoller, Ot as Paths, Pn as FileText, Pt as repl, Q as numColumnsAtom, Rn as Columns2, S as Accordion, Sn as Item$1, St as normalizeName, T as AccordionTrigger, Tt as MarkdownLanguageAdapter, U as hasTrustedExportContext, V as renderHTML, Vn as Braces, W as hasRunAnyCellAtom, X as notebookAtom, Xt as isUninstantiated, Y as hasOnlyOneCellAtom, Yt as useRequestClient, Z as notebookOutline, _n as atomWithStorage, a as useCellFocusActions, an as parseDataset, bt as getValidName, cn as HTMLCellId, ct as initialModeAtom, dn as findCellId, et as useCellActions, f as isOutputEmpty, fn as OBJECT_ID_ATTR, ft as outputIsLoading, gn as atomWithReducer, ht as headingToIdentifier, i as LazyAnyLanguageCodeMirror, in as parseAttrValue, jn as LoaderCircle, jt as DeferredRequestRegistry, k as ChevronDownIcon, lt as kioskModeAtom, mn as jsonParseWithSpecialChar, mt as isErrorMime, n as Spinner, o as useLastFocusedCellId, on as parseInitialValue, p as useExpandedConsoleOutput, pn as RANDOM_ID_ATTR, pt as outputIsStale, qt as getRequestClient, rt as createCell, s as maybeAddAltairImport, st as getInitialAppMode, tn as NotebookScopedLocalStorage, tt as useCellIds, un as UIElementId, vn as selectAtom, w as AccordionItem, wn as Trigger2, wt as customPythonLanguageSupport, xn as Content2, xt as isInternalCellName, zt as PluralWords, __tla as __tla_0 } from "./html-to-image-DXwLcQ6l.js";
+import { $ as reducer, $t as requestClientAtom, A as ChevronDownIcon, At as Paths, Bn as Eye, C as Accordion, Cn as selectAtom, Ct as isInternalCellName, D as BorderAllIcon, Dn as Item$1, Dt as MarkdownLanguageAdapter, E as AccordionTrigger, En as Content2, Et as customPythonLanguageSupport, G as hasRunAnyCellAtom, Gn as CircleAlert, Gt as DATA_TYPE_ICON, H as renderHTML, Hn as Database, Ht as MarkdownParser, I as base64ToDataView, In as LoaderCircle, J as getCellNames, K as createActions, Kn as Braces, Ln as Layers, Lt as repl, Mn as Table2, Nn as PaintRoller, Nt as DeferredRequestRegistry, On as Root2$1, Pt as generateUUID, Q as numColumnsAtom, Qt as getRequestClient, R as dataViewToBase64, Rn as Info, Sn as atomWithStorage, St as getValidName, T as AccordionItem, Tt as Checkbox, U as getMarimoExportContext, Un as Columns2, V as safeExtractSetUIElementMessageBuffers, Vt as SQLParser, W as hasTrustedExportContext, Wt as PluralWords, X as notebookAtom, Y as hasOnlyOneCellAtom, Z as notebookOutline, Zt as convertStatsName, _n as OBJECT_ID_ATTR, _t as headingToIdentifier, a as useCellFocusActions, ct as initialModeAtom, dn as parseInitialValue, en as useRequestClient, et as useCellActions, f as isOutputEmpty, ft as outputIsLoading, gn as findCellId, hn as UIElementId, i as LazyAnyLanguageCodeMirror, jn as Trash2, kn as Trigger2, kt as PathBuilder, ln as parseAttrValue, lt as kioskModeAtom, mt as isErrorMime, n as Spinner, o as useLastFocusedCellId, on as NotebookScopedLocalStorage, p as useExpandedConsoleOutput, pn as HTMLCellId, pt as outputIsStale, qt as require_client, rt as createCell, s as maybeAddAltairImport, st as getInitialAppMode, tn as isUninstantiated, tt as useCellIds, un as parseDataset, vn as RANDOM_ID_ATTR, w as AccordionContent, wt as normalizeName, xn as atomWithReducer, yn as jsonParseWithSpecialChar, zn as FileText, zt as jotaiJsonStorage, __tla as __tla_0 } from "./html-to-image-DLSOS-bE.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist--2Bqjvs0.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-Bv-XlYiv.js";
-import { $ as contextAwarePanelOpen, $t as EmotionCacheProvider, A as prettifyRowCount, At as SELECT_COLUMN_ID, B as DatePicker, Bt as dateToLocalISOTime, C as downloadSizeLimitAtom, Ct as DelayMount, D as ErrorState, Dt as loadTableAndRawData, E as EmptyState, Et as getPageIndexForRow, F as ContextMenuSeparator, Ft as isRecord, G as CommandEmpty, Gt as ChartErrorState, H as Combobox, Ht as TabsContent, I as ContextMenuTrigger, It as isNullishFilter, J as CommandList, Jt as LazyVegaEmbed, K as CommandInput, Kt as ChartInfoState, L as useInternalStateWithSync, Lt as Maps, M as ContextMenu, Mt as toFieldTypes, N as ContextMenuContent, Nt as getMimeValues, O as LoadingState, Ot as loadTableData, P as ContextMenuItem, Pt as hasFunctionProperty, Q as PANEL_TYPES, Qt as HtmlOutput, R as useSelectList, Rt as dateToLocalISODate, S as Filenames, St as ColumnChartSpecModel, T as ColumnPreviewContainer, Tt as usePrevious$1, U as ComboboxItem, Ut as TabsList, V as DateRangePicker, Vt as Tabs, W as Command, Wt as TabsTrigger, X as smartMatch, Xt as RenderTextWithLinks, Y as CommandSeparator, Yt as useOverflowDetection, Z as ContextAwarePanelItem, Zt as Kbd, _ as ADD_PRINTING_CLASS, _t as NAMELESS_COLUMN_PREFIX, an as EyeOff, at as Toggle, b as downloadHTMLAsImage, bt as renderCellValue, c as Slide, cn as Download, d as RadioGroupItem, dn as ChevronsRight, dt as Table, en as $fae977aafc393c5c$export$588937bcd60ade55, et as contextAwarePanelOwner, f as JsonOutput, fn as ChevronsLeft, ft as TableBody, g as InstallPackageButton, gt as TableRow, h as DataTable, hn as ArrowDownWideNarrow, ht as TableHeader, in as Funnel, it as slotsController, j as getColumnCountForDisplay, jt as TOO_MANY_ROWS, k as prettifyRowColumnCount, kt as INDEX_COLUMN_NAME, l as Switch, ln as Code, lt as Fill, m as OutputRenderer, mn as ChevronLeft, mt as TableHead, n as marimoVersionAtom, nn as TextWrap, nt as isCellAwareAtom, o as SLIDE_TYPE_OPTIONS_BY_VALUE, p as OutputArea, pn as ChevronsDownUp, pt as TableCell, q as CommandItem, qt as ChartLoadingState, r as showCodeInRunModeAtom, rn as GripHorizontal, rt as SlotNames, sn as Ellipsis, t as useNotebookCodeAvailable, tn as $fae977aafc393c5c$export$6b862160d295c8e, tt as contextAwarePanelType, u as RadioGroup, un as ChevronsUpDown, ut as Provider$1, v as downloadBlob, vt as generateColumns, w as ColumnName, wt as useIntersectionObserver, x as Progress, xt as ColumnChartContext, y as downloadByURL, yt as inferFieldTypes, z as CompactChipRow, zt as dateToLocalISODateTime, __tla as __tla_2 } from "./code-visibility-BbnxGblD.js";
-import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-AHlswLw-.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-CnTgI25l.js";
+import { $ as PANEL_TYPES, $t as HtmlOutput, A as prettifyRowCount, At as INDEX_COLUMN_NAME, B as CompactChipRow, Bt as dateToLocalISODateTime, C as downloadSizeLimitAtom, Ct as ColumnChartSpecModel, D as ErrorState, Dt as getPageIndexForRow, E as EmptyState, Et as usePrevious$1, F as ContextMenuItem, Ft as hasFunctionProperty, G as Command, Gt as TabsTrigger, H as DateRangePicker, Ht as Tabs, I as ContextMenuSeparator, It as isRecord, J as CommandItem, Jt as ChartLoadingState, K as CommandEmpty, Kt as ChartErrorState, L as ContextMenuTrigger, Lt as isNullishFilter, M as getUserColumnVisibilityCounts, Mt as TOO_MANY_ROWS, N as ContextMenu, Nt as toFieldTypes, O as LoadingState, Ot as loadTableAndRawData, P as ContextMenuContent, Pt as getMimeValues, Q as ContextAwarePanelItem, Qt as Kbd, R as useInternalStateWithSync, Rt as Maps, S as Filenames, St as ColumnChartContext, T as ColumnPreviewContainer, Tt as useIntersectionObserver, U as Combobox, Ut as TabsContent, V as DatePicker, Vt as dateToLocalISOTime, W as ComboboxItem, Wt as TabsList, X as CommandSeparator, Xt as useOverflowDetection, Y as CommandList, Yt as LazyVegaEmbed, Z as smartMatch, Zt as RenderTextWithLinks, _ as ADD_PRINTING_CLASS, _t as TableRow, an as Funnel, at as slotsController, b as downloadHTMLAsImage, bt as inferFieldTypes, c as Slide, cn as Ellipsis, d as RadioGroupItem, dn as ChevronsUpDown, dt as Provider$1, en as EmotionCacheProvider, et as contextAwarePanelOpen, f as JsonOutput, fn as ChevronsRight, ft as Table, g as InstallPackageButton, gn as ArrowDownWideNarrow, gt as TableHeader, h as DataTable, hn as ChevronLeft, ht as TableHead, in as GripHorizontal, it as SlotNames, j as getColumnCountForDisplay, jt as SELECT_COLUMN_ID, k as prettifyRowColumnCount, kt as loadTableData, l as Switch, ln as Download, m as OutputRenderer, mn as ChevronsDownUp, mt as TableCell, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$6b862160d295c8e, nt as contextAwarePanelType, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as EyeOff, ot as Toggle, p as OutputArea, pn as ChevronsLeft, pt as TableBody, q as CommandInput, qt as ChartInfoState, r as showCodeInRunModeAtom, rn as TextWrap, rt as isCellAwareAtom, t as useNotebookCodeAvailable, tn as $fae977aafc393c5c$export$588937bcd60ade55, tt as contextAwarePanelOwner, u as RadioGroup, un as Code, ut as Fill, v as downloadBlob, vt as NAMELESS_COLUMN_PREFIX, w as ColumnName, wt as DelayMount, x as Progress, xt as renderCellValue, y as downloadByURL, yt as generateColumns, z as useSelectList, zt as dateToLocalISODate, __tla as __tla_2 } from "./code-visibility-0uqOIXQg.js";
+import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-CxffarYV.js";
 import { t as Check } from "./check-C9OoNtR4.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-Dq_j3Rxw.js";
-import { B as $64fa3d84918910a7$export$4d86445c2cf5e3, C as DropdownMenuTrigger, Ft as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, It as $3ef42575df84b30b$export$9d1611c77c2fe928, W as $64fa3d84918910a7$export$df3a06d6289f983e, Wt as $ff5963eb1fccf552$export$e08e3b67e392101e, X as useDebouncedCallback, Y as useDebounceControlledState, a as NumberField, d as roundToFractionDigits, f as DropdownMenu, g as DropdownMenuLabel, gn as ChevronRight, h as DropdownMenuItem, hn as Circle, i as OnBlurredInput, l as prettyNumber, m as DropdownMenuGroup, n as DebouncedNumberInput, o as maxFractionDigitsForSteps, ot as $f7dceffc5ad7768b$export$4e328f61c538687f, p as DropdownMenuContent, pt as $6179b936705e76d3$export$ae780daf29e6d456, r as Input, st as $701a24aa0da5b062$export$ea18c227d4417cc3, t as DebouncedInput, u as prettyScientificNumber, v as DropdownMenuSeparator, xt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as DropdownMenuShortcut, z as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./input-CbEz_aj_.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-D-l5s8nn.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-C6_e1pT_.js";
+import { B as $64fa3d84918910a7$export$4d86445c2cf5e3, C as DropdownMenuTrigger, Ft as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, It as $3ef42575df84b30b$export$9d1611c77c2fe928, W as $64fa3d84918910a7$export$df3a06d6289f983e, Wt as $ff5963eb1fccf552$export$e08e3b67e392101e, X as useDebouncedCallback, Y as useDebounceControlledState, a as NumberField, d as roundToFractionDigits, f as DropdownMenu, g as DropdownMenuLabel, gn as ChevronRight, h as DropdownMenuItem, hn as Circle, i as OnBlurredInput, l as prettyNumber, m as DropdownMenuGroup, n as DebouncedNumberInput, o as maxFractionDigitsForSteps, ot as $f7dceffc5ad7768b$export$4e328f61c538687f, p as DropdownMenuContent, pt as $6179b936705e76d3$export$ae780daf29e6d456, r as Input, st as $701a24aa0da5b062$export$ea18c227d4417cc3, t as DebouncedInput, u as prettyScientificNumber, v as DropdownMenuSeparator, xt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as DropdownMenuShortcut, z as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./input-BSdZp5Ng.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-D1Z7ZXWh.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-B9ysqk1y.js";
 import { n as Trash, r as Pencil, t as BulkEdit } from "./types-C2Ir191_.js";
 import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-DE6tzZf-.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
@@ -45,27 +45,27 @@ import { f as CopyClipboardIcon } from "./extends-9MVIxxRo.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 { 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-BrYvK-_A.js";
+import { D as useEvent_default, E as dequal, S as atom, _ as Provider, a as autoInstantiateAtom, d as AppConfigSchema, g as isIslands, l as useResolvedMarimoConfig, n as useTheme, p as store, s as localeAtom, v as useAtom, y as useAtomValue } from "./useTheme-yGsGEk82.js";
 import { $ as EditorView } from "./dist-U4F-tbMs.js";
 import { t as invariant } from "./invariant-wRzNXIsJ.js";
-import { l as clamp, o as arrayShallowEquals, t as Arrays } from "./arrays-sEtDRoG4.js";
+import { c as uniqueBy, l as clamp, o as arrayShallowEquals, t as Arrays } from "./arrays-sEtDRoG4.js";
 import { n as once } from "./once-DPuqGUeo.js";
 import "./main-Tj_-QTyF.js";
 import { f as sql } from "./dist-CcWX6tmx.js";
-import "./dist-Dv_Y15yk.js";
+import { a as markdown } from "./dist-Dv_Y15yk.js";
 import "./dist-BSAt6RhH.js";
 import "./dist-D-W5ny5a.js";
 import "./dist-M9Vag9Y0.js";
 import { r as python } from "./dist-C_Y3oV3C.js";
 import { n as minimalSetup, t as esm_default } from "./esm-M837UxV5.js";
 import "./purify.es-H92eMd9-.js";
-import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-d6MhLuQ9.js";
+import { i as AlertTitle, n as Alert, r as AlertDescription } from "./formats-WsOgyW_K.js";
 import "./vega-loader.browser-CZ-J8Py3.js";
 import { a as getContainerWidth, n as vegaLoadData, o as getVegaFieldTypes, s as tooltipHandler } from "./loader-Boph2xIS.js";
 import "./defaultLocale-u-3osm0P.js";
 import "./defaultLocale-BoHTsDG6.js";
-import { t as useAsyncData } from "./useAsyncData-1Dhzjfwf.js";
-import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-CDWT3BDz.js";
+import { t as useAsyncData } from "./useAsyncData-BMc8itk2.js";
+import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-ZwmDBRDY.js";
 import "./dist-CIYBwstr.js";
 import "./dist-abid3KgM.js";
 import "./dist-A2846XWO.js";
@@ -6997,33 +6997,33 @@ let __tla = Promise.all([
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), $U = C({
+    }), H = U(), W = U(), G = C(0), q = C(null), pW = C({
       column: 0,
       row: 0
-    }), Z = U(), eW = U(), tW = C(false), nW = C(0), rW = C(true), iW = C(false), aW = C(false);
-    Y(x(b, $(nW), P(([e2, r2]) => !!r2)), () => {
-      D(rW, false);
-    }), Y(x(ut(b, rW, B, z, nW, iW), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(iW, true), Ue(1, () => {
+    }), mW = U(), Z = U(), hW = C(false), gW = C(0), _W = C(true), vW = C(false), yW = C(false);
+    Y(x(b, $(gW), P(([e2, r2]) => !!r2)), () => {
+      D(_W, false);
+    }), Y(x(ut(b, _W, B, z, gW, vW), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(vW, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(rW, true);
+        ]), D(_W, true);
       });
-    }), F(x(eW, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(eW), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D($U, e2.gap), e2.scrollTop > 0 && (D(tW, true), Et(x(h, Kt(1)), (e3) => {
-        D(tW, false);
+    }), F(x(Z, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(Z), P(([, e2]) => e2 != null)), ([, e2]) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(pW, e2.gap), e2.scrollTop > 0 && (D(hW, true), Et(x(h, Kt(1)), (e3) => {
+        D(hW, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V($U, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
+    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(pW, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
       gap: c2,
       item: r2,
       scrollTop: l2,
       viewport: e2
-    }))), Z), F(x(ut(V(I), l, V($U, Or), V(B, xe), V(z, xe), V(q), V(L), V(tW), V(rW), V(nW)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), mW), F(x(ut(V(I), l, V(pW, Or), V(B, xe), V(z, xe), V(q), V(L), V(hW), V(_W), V(gW)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
       let { column: g2, row: _2 } = l2, { height: v2, width: y2 } = u2, { width: b2 } = d2;
       if (p2 === 0 && (e2 === 0 || b2 === 0)) return bn;
       if (y2 === 0) {
@@ -7042,23 +7042,23 @@ let __tla = Promise.all([
         offsetTop: j2,
         top: j2
       };
-    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, $U), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
+    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, pW), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
       let { bottom: u2, top: d2 } = Bn(e2, l2, r2, c2);
       return [
         d2,
         u2
       ];
     }), J(ce)), r);
-    let oW = C(false);
-    F(x(h, $(oW), k(([e2, r2]) => r2 || e2 !== 0)), oW);
-    let sW = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(oW), P(([[e2, r2], c2]) => {
+    let bW = C(false);
+    F(x(h, $(bW), k(([e2, r2]) => r2 || e2 !== 0)), bW);
+    let xW = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(bW), P(([[e2, r2], c2]) => {
       let l2 = e2.items[e2.items.length - 1].index === r2 - 1;
       return (c2 || e2.bottom > 0 && e2.itemHeight > 0 && e2.offsetBottom === 0 && e2.items.length === r2) && l2;
-    }), k(([[, e2]]) => e2 - 1), J())), cW = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), lW = bt(x(V(R), $(tW), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), SW = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), CW = bt(x(V(R), $(hW), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
       endIndex: e2[e2.length - 1].index,
       startIndex: e2[0].index
     })), J(An), Gt(0)));
-    F(lW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, $U), k(([e2, r2, c2, l2, u2]) => {
+    F(CW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, pW), k(([e2, r2, c2, l2, u2]) => {
       let d2 = $n(e2), { align: f2, behavior: p2, offset: m2 } = d2, h2 = d2.index;
       h2 === "LAST" && (h2 = l2 - 1), h2 = re(0, h2, Oe(l2 - 1, h2));
       let g2 = Me(r2, u2, c2, h2);
@@ -7067,7 +7067,7 @@ let __tla = Promise.all([
         top: g2
       };
     })), m);
-    let uW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let wW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -7076,13 +7076,13 @@ let __tla = Promise.all([
       data: q,
       deviation: G,
       footerHeight: u,
-      gap: $U,
+      gap: pW,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
       itemDimensions: B,
       overscan: c,
-      restoreStateFrom: eW,
+      restoreStateFrom: Z,
       scrollBy: f,
       scrollContainerState: p,
       scrollHeight: W,
@@ -7098,16 +7098,16 @@ let __tla = Promise.all([
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: aW,
-      initialTopMostItemIndex: nW,
-      totalListHeight: uW,
+      horizontalDirection: yW,
+      initialTopMostItemIndex: gW,
+      totalListHeight: wW,
       ...v,
-      endReached: sW,
+      endReached: xW,
       propsReady: S,
-      rangeChanged: lW,
-      startReached: cW,
-      stateChanged: Z,
-      stateRestoreInProgress: tW,
+      rangeChanged: CW,
+      startReached: SW,
+      stateChanged: mW,
+      stateRestoreInProgress: hW,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -7385,22 +7385,22 @@ let __tla = Promise.all([
       let r2 = Array.isArray(e2) ? e2 : [];
       f != null && r2.length > f && (r2 = r2.slice(-f)), u(r2);
     }, r[8] = m, r[9] = f, r[10] = d, r[11] = u, r[12] = q) : q = r[12];
-    let $U = q, Z;
+    let pW = q, mW;
     if (r[13] !== G.bulkActions) {
-      if (Z = G.bulkActions.map(_temp$26), Z.length > 0) {
+      if (mW = G.bulkActions.map(_temp$26), mW.length > 0) {
         let e2;
         r[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(CommandSeparator, {
           "data-slot": "select-separator"
-        }, "_bulk_separator"), r[15] = e2) : e2 = r[15], Z.push(e2);
+        }, "_bulk_separator"), r[15] = e2) : e2 = r[15], mW.push(e2);
       }
-      r[13] = G.bulkActions, r[14] = Z;
-    } else Z = r[14];
-    let eW;
-    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (eW = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
+      r[13] = G.bulkActions, r[14] = mW;
+    } else mW = r[14];
+    let Z;
+    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (Z = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
       "data-slot": "select-separator"
-    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = eW) : eW = r[18];
-    let tW = eW, nW;
-    r[19] !== Z || r[20] !== G || r[21] !== tW || r[22] !== w || r[23] !== B || r[24] !== H ? (nW = () => {
+    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = Z) : Z = r[18];
+    let hW = Z, gW;
+    r[19] !== mW || r[20] !== G || r[21] !== hW || r[22] !== w || r[23] !== B || r[24] !== H ? (gW = () => {
       if (G.visibleOptions.length > B) return (0, import_jsx_runtime.jsx)(Yr, {
         "data-slot": "select-list",
         style: {
@@ -7412,8 +7412,8 @@ let __tla = Promise.all([
           let r2 = G.visibleOptions[e3];
           return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              e3 === 0 && Z,
-              tW(e3),
+              e3 === 0 && mW,
+              hW(e3),
               (0, import_jsx_runtime.jsx)(OptionRow, {
                 option: r2,
                 checked: G.isChecked(r2.value),
@@ -7424,7 +7424,7 @@ let __tla = Promise.all([
         }
       });
       let e2 = G.visibleOptions.flatMap((e3, r2) => {
-        let c2 = tW(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
+        let c2 = hW(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
           option: e3,
           checked: G.isChecked(e3.value),
           renderOption: w
@@ -7438,13 +7438,13 @@ let __tla = Promise.all([
       });
       return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
-          Z,
+          mW,
           e2
         ]
       });
-    }, r[19] = Z, r[20] = G, r[21] = tW, r[22] = w, r[23] = B, r[24] = H, r[25] = nW) : nW = r[25];
-    let rW = nW, iW;
-    r[26] !== G.labelOf || r[27] !== I ? (iW = (e2) => {
+    }, r[19] = mW, r[20] = G, r[21] = hW, r[22] = w, r[23] = B, r[24] = H, r[25] = gW) : gW = r[25];
+    let _W = gW, vW;
+    r[26] !== G.labelOf || r[27] !== I ? (vW = (e2) => {
       let r2 = Array.isArray(e2) ? e2 : e2 == null ? [] : [
         e2
       ];
@@ -7455,46 +7455,46 @@ let __tla = Promise.all([
         items: r2.map(G.labelOf),
         max: 3
       });
-    }, r[26] = G.labelOf, r[27] = I, r[28] = iW) : iW = r[28];
-    let aW = iW, oW = e["data-testid"], sW;
-    r[29] === G ? sW = r[30] : (sW = (e2) => G.labelOf(e2), r[29] = G, r[30] = sW);
-    let cW = M ? aW : void 0, lW;
-    r[31] !== b || r[32] !== R ? (lW = cn({
+    }, r[26] = G.labelOf, r[27] = I, r[28] = vW) : vW = r[28];
+    let yW = vW, bW = e["data-testid"], xW;
+    r[29] === G ? xW = r[30] : (xW = (e2) => G.labelOf(e2), r[29] = G, r[30] = xW);
+    let SW = M ? yW : void 0, CW;
+    r[31] !== b || r[32] !== R ? (CW = cn({
       "w-full": R
-    }, b), r[31] = b, r[32] = R, r[33] = lW) : lW = r[33];
-    let uW = G.searchQuery, dW = G.setSearchQuery, fW = G.open, pW = G.setOpen, mW;
-    r[34] === z ? mW = r[35] : (mW = renderSlot(z), r[34] = z, r[35] = mW);
-    let hW;
-    r[36] !== L || r[37] !== S || r[38] !== G.open || r[39] !== G.searchQuery || r[40] !== G.setOpen || r[41] !== G.setSearchQuery || r[42] !== I || r[43] !== oW || r[44] !== sW || r[45] !== cW || r[46] !== lW || r[47] !== mW ? (hW = {
+    }, b), r[31] = b, r[32] = R, r[33] = CW) : CW = r[33];
+    let wW = G.searchQuery, TW = G.setSearchQuery, EW = G.open, DW = G.setOpen, OW;
+    r[34] === z ? OW = r[35] : (OW = renderSlot(z), r[34] = z, r[35] = OW);
+    let kW;
+    r[36] !== L || r[37] !== S || r[38] !== G.open || r[39] !== G.searchQuery || r[40] !== G.setOpen || r[41] !== G.setSearchQuery || r[42] !== I || r[43] !== bW || r[44] !== xW || r[45] !== SW || r[46] !== CW || r[47] !== OW ? (kW = {
       "data-slot": "select-root",
-      "data-testid": oW,
-      displayValue: sW,
-      renderValue: cW,
+      "data-testid": bW,
+      displayValue: xW,
+      renderValue: SW,
       placeholder: I,
-      className: lW,
+      className: CW,
       shouldFilter: false,
-      search: uW,
-      onSearchChange: dW,
-      open: fW,
-      onOpenChange: pW,
-      emptyState: mW,
+      search: wW,
+      onSearchChange: TW,
+      open: EW,
+      onOpenChange: DW,
+      emptyState: OW,
       disabled: L,
       id: S
-    }, r[36] = L, r[37] = S, r[38] = G.open, r[39] = G.searchQuery, r[40] = G.setOpen, r[41] = G.setSearchQuery, r[42] = I, r[43] = oW, r[44] = sW, r[45] = cW, r[46] = lW, r[47] = mW, r[48] = hW) : hW = r[48];
-    let gW = hW, _W;
-    return r[49] !== gW || r[50] !== $U || r[51] !== d || r[52] !== rW || r[53] !== l ? (_W = d ? (0, import_jsx_runtime.jsx)(Combobox, {
-      ...gW,
+    }, r[36] = L, r[37] = S, r[38] = G.open, r[39] = G.searchQuery, r[40] = G.setOpen, r[41] = G.setSearchQuery, r[42] = I, r[43] = bW, r[44] = xW, r[45] = SW, r[46] = CW, r[47] = OW, r[48] = kW) : kW = r[48];
+    let AW = kW, jW;
+    return r[49] !== AW || r[50] !== pW || r[51] !== d || r[52] !== _W || r[53] !== l ? (jW = d ? (0, import_jsx_runtime.jsx)(Combobox, {
+      ...AW,
       multiple: true,
       value: l,
-      onValueChange: $U,
-      children: rW()
+      onValueChange: pW,
+      children: _W()
     }) : (0, import_jsx_runtime.jsx)(Combobox, {
-      ...gW,
+      ...AW,
       multiple: false,
       value: l,
-      onValueChange: $U,
-      children: rW()
-    }), r[49] = gW, r[50] = $U, r[51] = d, r[52] = rW, r[53] = l, r[54] = _W) : _W = r[54], _W;
+      onValueChange: pW,
+      children: _W()
+    }), r[49] = AW, r[50] = pW, r[51] = d, r[52] = _W, r[53] = l, r[54] = jW) : jW = r[54], jW;
   }
   function _temp$26(e) {
     let r = "enabled" in e ? !e.enabled : e.items.length === 0;
@@ -8057,7 +8057,7 @@ let __tla = Promise.all([
     ...e
   }));
   var AnyWidgetSlot = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(15), { jsUrl: c, jsHash: l, modelId: u } = e.data, d = e.host, f;
+    let r = (0, import_compiler_runtime$82.c)(18), { jsUrl: c, jsHash: l, modelId: u } = e.data, d = e.host, f;
     r[0] !== l || r[1] !== c ? (f = {
       jsUrl: c,
       jsHash: l
@@ -8070,20 +8070,23 @@ let __tla = Promise.all([
       }), r[3] = m, r[4] = e2), e2;
     }
     if (!p) return null;
-    if (!isAnyWidgetModule(p)) {
+    let h;
+    r[5] !== p || r[6] !== c ? (h = resolveAnyWidget(p, c), r[5] = p, r[6] = c, r[7] = h) : h = r[7];
+    let g = h;
+    if (!g) {
       let e2;
-      r[5] !== p || r[6] !== c ? (e2 = getInvalidAnyWidgetModuleError(p, c), r[5] = p, r[6] = c, r[7] = e2) : e2 = r[7];
+      r[8] !== p || r[9] !== c ? (e2 = getInvalidAnyWidgetModuleError(p, c), r[8] = p, r[9] = c, r[10] = e2) : e2 = r[10];
       let l2;
-      return r[8] === e2 ? l2 = r[9] : (l2 = (0, import_jsx_runtime.jsx)(ErrorBanner, {
+      return r[11] === e2 ? l2 = r[12] : (l2 = (0, import_jsx_runtime.jsx)(ErrorBanner, {
         error: e2
-      }), r[8] = e2, r[9] = l2), l2;
+      }), r[11] = e2, r[12] = l2), l2;
     }
-    let h = `${l}:${u}`, g;
-    return r[10] !== d || r[11] !== p.default || r[12] !== u || r[13] !== h ? (g = (0, import_jsx_runtime.jsx)(LoadedSlot, {
-      widget: p.default,
+    let _ = `${l}:${u}`, v;
+    return r[13] !== d || r[14] !== u || r[15] !== _ || r[16] !== g ? (v = (0, import_jsx_runtime.jsx)(LoadedSlot, {
+      widget: g,
       modelId: u,
       host: d
-    }, h), r[10] = d, r[11] = p.default, r[12] = u, r[13] = h, r[14] = g) : g = r[14], g;
+    }, _), r[13] = d, r[14] = u, r[15] = _, r[16] = g, r[17] = v) : v = r[17], v;
   };
   async function runAnyWidgetModule(e, r, c, l, u) {
     l.innerHTML = "";
@@ -8097,6 +8100,21 @@ let __tla = Promise.all([
     var _a3, _b3;
     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 warnedLegacyNamedExportUrls = /* @__PURE__ */ new Set(), legacyWidgetCache = /* @__PURE__ */ new WeakMap();
+  function resolveAnyWidget(e, r) {
+    if (isAnyWidgetModule(e)) return e.default;
+    if ((e == null ? void 0 : e.default) != null) return null;
+    let c = typeof (e == null ? void 0 : e.render) == "function", l = typeof (e == null ? void 0 : e.initialize) == "function";
+    if (!c && !l) return null;
+    let u = legacyWidgetCache.get(e);
+    if (u) return u;
+    warnedLegacyNamedExportUrls.has(r) || (warnedLegacyNamedExportUrls.add(r), Logger.warn(`Anywidget module at ${r} uses deprecated top-level named exports (\`render\`/\`initialize\`). Per the AFM spec, use a default export instead: \`export default { render }\`. See https://anywidget.dev/en/afm/`));
+    let f = {
+      render: e.render,
+      initialize: e.initialize
+    };
+    return legacyWidgetCache.set(e, f), f;
+  }
   function getInvalidAnyWidgetModuleError(e, r) {
     let c = "https://anywidget.dev/en/afm/", l = isRecord(e) && hasFunctionProperty(e, "render"), u = isRecord(e) && hasFunctionProperty(e, "initialize");
     if (l || u) {
@@ -8576,7 +8594,7 @@ let __tla = Promise.all([
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-CsPewo4h.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-CO8WuXGb.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -8645,7 +8663,7 @@ 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$77 = 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;display:flex}.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-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-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto;display:flex;overflow:auto}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,calc(var(--gdg-bubble-height)/2));color:var(--gdg-text-dark);height:var(--gdg-bubble-height);margin:var(--gdg-bubble-margin);padding:0 var(--gdg-bubble-padding);white-space:nowrap;justify-content:center;align-items:center;display:flex}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{flex-grow:1;align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;flex-shrink:1;margin-right:8px;overflow:hidden;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-m1pnx84e{color:var(--gdg-text-dark);min-width:var(--m1pnx84e-0);justify-content:space-between;align-items:flex-start;width:100%;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{color:var(--gdg-accent-color);cursor:pointer;height:24px;transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;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;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;display:flex;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-i2iowwq{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center;height:100%;display:flex}.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-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);padding:0}.marimo .gdg-d19meir1,.marimo .gdg-n15fjm3e>input{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size)}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);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;display:flex;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-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-text-dark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:24px;height:24px;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%}.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-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.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-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}', import_compiler_runtime$77 = require_compiler_runtime();
   const LoadingTable = (e) => {
     let r = (0, import_compiler_runtime$77.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);
@@ -8725,7 +8743,7 @@ let __tla = Promise.all([
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$76 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-DkzAInWG.js").then(async (m) => {
+  var import_compiler_runtime$76 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-7wxMGXjG.js").then(async (m) => {
     await m.__tla;
     return m;
   }));
@@ -9691,7 +9709,7 @@ let __tla = Promise.all([
       let m2 = get(l, e2);
       if (m2) {
         let l2 = get(d, e2, isUndefined(c2) ? get(u, e2) : c2);
-        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : $U(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : pW(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -9764,14 +9782,14 @@ let __tla = Promise.all([
     }, H = () => {
       for (let e2 of p.unMount) {
         let r2 = get(l, e2);
-        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && lW(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && CW(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(iW(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(vW(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
       ...f.mount ? d : isUndefined(r2) ? u : isString(e2) ? {
         [e2]: r2
       } : r2
-    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), $U = (e2, r2, c2 = {}) => {
+    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), pW = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -9784,13 +9802,13 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && rW(e2);
-    }, Z = (e2, r2, c2) => {
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && _W(e2);
+    }, mW = (e2, r2, c2) => {
       for (let u2 in r2) {
         let d2 = r2[u2], f2 = `${e2}.${u2}`, m2 = get(l, f2);
-        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? Z(f2, d2, c2) : $U(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? mW(f2, d2, c2) : pW(f2, d2, c2);
       }
-    }, eW = (e2, r2, m2 = {}) => {
+    }, Z = (e2, r2, m2 = {}) => {
       let h2 = get(l, e2), v2 = p.array.has(e2), y2 = cloneObject(r2);
       set(d, e2, y2), v2 ? (_.array.next({
         name: e2,
@@ -9801,7 +9819,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? Z(e2, y2, m2) : $U(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? mW(e2, y2, m2) : pW(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -9809,7 +9827,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, tW = async (e2) => {
+    }, hW = async (e2) => {
       f.mount = true;
       let u2 = e2.target, h2 = u2.name, S2 = true, E2 = get(l, h2), O2 = () => u2.type ? getFieldValue(E2._f) : getEventValue(e2), j2 = (e3) => {
         S2 = Number.isNaN(e3) || isDateObject(e3) && isNaN(e3.getTime()) || deepEqual(e3, get(d, h2, e3));
@@ -9843,11 +9861,11 @@ let __tla = Promise.all([
         ], true), u3 = (await validateField(E2, p.disabled, d, b, r.shouldUseNativeValidation))[h2], T([
           h2
         ]), j2(M2), S2 && (u3 ? f2 = false : g.isValid && (f2 = await B(l, true)));
-        S2 && (E2._f.deps && rW(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && _W(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, nW = (e2, r2) => {
+    }, gW = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, rW = async (e2, u2 = {}) => {
+    }, _W = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -9866,23 +9884,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, nW, e2 ? m2 : p.mount), f2;
-    }, iW = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, gW, e2 ? m2 : p.mount), f2;
+    }, vW = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, aW = (e2, r2) => ({
+    }, yW = (e2, r2) => ({
       invalid: !!get((r2 || c).errors, e2),
       isDirty: !!get((r2 || c).dirtyFields, e2),
       error: get((r2 || c).errors, e2),
       isValidating: !!get(c.validatingFields, e2),
       isTouched: !!get((r2 || c).touchedFields, e2)
-    }), oW = (e2) => {
+    }), bW = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, sW = (e2, r2, u2) => {
+    }, xW = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -9895,9 +9913,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, cW = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, SW = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), lW = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), CW = (e2, f2 = {}) => {
       for (let m2 of e2 ? convertToArrayPayload(e2) : p.mount) p.mount.delete(m2), p.array.delete(m2), f2.keepValue || (unset(l, m2), unset(d, m2)), !f2.keepError && unset(c.errors, m2), !f2.keepDirty && unset(c.dirtyFields, m2), !f2.keepTouched && unset(c.touchedFields, m2), !f2.keepIsValidating && unset(c.validatingFields, m2), !r.shouldUnregister && !f2.keepDefaultValue && unset(u, m2);
       _.values.next({
         values: {
@@ -9909,9 +9927,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, uW = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, wW = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
       (isBoolean(e2) && f.mount || e2 || p.disabled.has(r2)) && (e2 ? p.disabled.add(r2) : p.disabled.delete(r2), I(r2, getFieldValue(c2 ? c2._f : get(l2, r2)._f), false, false, true));
-    }, dW = (e2, c2 = {}) => {
+    }, TW = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -9925,7 +9943,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? uW({
+      }), p.mount.add(e2), d2 ? wW({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -9942,11 +9960,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: tW,
-        onBlur: tW,
+        onChange: hW,
+        onBlur: hW,
         ref: (m3) => {
           if (m3) {
-            dW(e2, c2), d2 = get(l, e2);
+            TW(e2, c2), d2 = get(l, e2);
             let r2 = isUndefined(m3.value) && m3.querySelectorAll && m3.querySelectorAll("input,select,textarea")[0] || m3, f2 = isRadioOrCheckbox(r2), p2 = d2._f.refs || [];
             if (f2 ? p2.find((e3) => e3 === r2) : r2 === d2._f.ref) return;
             set(l, e2, {
@@ -9972,7 +9990,7 @@ let __tla = Promise.all([
           } else d2 = get(l, e2, {}), d2._f && (d2._f.mount = false), (r.shouldUnregister || c2.shouldUnregister) && !(isNameInFieldArray(p.array, e2) && f.action) && p.unMount.add(e2);
         }
       };
-    }, fW = () => r.shouldFocusError && iterateFieldsByAction(l, nW, p.mount), pW = (e2) => {
+    }, EW = () => r.shouldFocusError && iterateFieldsByAction(l, gW, p.mount), DW = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -9981,7 +9999,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, mW = (e2, u2) => async (f2) => {
+    }, OW = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -10003,7 +10021,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), fW(), setTimeout(fW);
+      }, f2), EW(), setTimeout(EW);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -10011,11 +10029,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, hW = (e2, r2 = {}) => {
-      get(l, e2) && (isUndefined(r2.defaultValue) ? eW(e2, cloneObject(get(u, e2))) : (eW(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
+    }, kW = (e2, r2 = {}) => {
+      get(l, e2) && (isUndefined(r2.defaultValue) ? Z(e2, cloneObject(get(u, e2))) : (Z(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
         ...c
       }));
-    }, gW = (e2, m2 = {}) => {
+    }, AW = (e2, m2 = {}) => {
       let h2 = e2 ? cloneObject(e2) : u, v2 = cloneObject(h2), y2 = isEmptyObject(e2), b2 = y2 ? u : v2;
       if (m2.keepDefaultValues || (u = h2), !m2.keepValues) {
         if (m2.keepDirtyValues) {
@@ -10023,7 +10041,7 @@ let __tla = Promise.all([
             ...p.mount,
             ...Object.keys(getDirtyFields(u, d))
           ]);
-          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : eW(r2, get(b2, r2));
+          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : Z(r2, get(b2, r2));
         } else {
           if (isWeb && isUndefined(e2)) for (let e3 of p.mount) {
             let r2 = get(l, e3);
@@ -10068,25 +10086,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, _W = (e2, r2) => gW(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, jW = (e2, r2) => AW(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: dW,
-        unregister: lW,
-        getFieldState: aW,
-        handleSubmit: mW,
-        setError: sW,
+        register: TW,
+        unregister: CW,
+        getFieldState: yW,
+        handleSubmit: OW,
+        setError: xW,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: uW,
+        _updateDisabledField: wW,
         _getFieldArray: q,
-        _reset: gW,
+        _reset: AW,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          _W(e2, r.resetOptions), _.state.next({
+          jW(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -10096,7 +10114,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: pW,
+        _disableForm: DW,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -10137,17 +10155,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: rW,
-      register: dW,
-      handleSubmit: mW,
-      watch: cW,
-      setValue: eW,
-      getValues: iW,
-      reset: _W,
-      resetField: hW,
-      clearErrors: oW,
-      unregister: lW,
-      setError: sW,
+      trigger: _W,
+      register: TW,
+      handleSubmit: OW,
+      watch: SW,
+      setValue: Z,
+      getValues: vW,
+      reset: jW,
+      resetField: kW,
+      clearErrors: bW,
+      unregister: CW,
+      setError: xW,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -10155,7 +10173,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: aW
+      getFieldState: yW
     };
   }
   function useForm(e = {}) {
@@ -10882,9 +10900,22 @@ ${c}
   ], sqlExtensions = [
     sql(),
     EditorView.lineWrapping
+  ], markdownExtensions = [
+    markdown(),
+    EditorView.lineWrapping
   ];
+  function readonlyCodeExtensions(e) {
+    switch (e) {
+      case "sql":
+        return sqlExtensions;
+      case "markdown":
+        return markdownExtensions;
+      default:
+        return pythonExtensions;
+    }
+  }
   const ReadonlyCode = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$70.c)(41), { theme: c } = useTheme(), l, u, d, f, m, h, g, _;
+    let r = (0, import_compiler_runtime$70.c)(43), { 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);
@@ -10916,8 +10947,10 @@ ${c}
     }), r[23] = O, r[24] = j, r[25] = M, r[26] = I) : I = r[26];
     let L = S && "opacity-20 h-8 overflow-hidden", R;
     r[27] === L ? R = r[28] : (R = cn("cm", L), r[27] = L, r[28] = R);
-    let z = c === "dark" ? "dark" : "light", B = !S, H = b === "python" ? pythonExtensions : sqlExtensions, W;
-    r[29] !== u || r[30] !== m || r[31] !== R || r[32] !== z || r[33] !== B || r[34] !== H ? (W = (0, import_jsx_runtime.jsx)(esm_default, {
+    let z = c === "dark" ? "dark" : "light", B = !S, H;
+    r[29] === b ? H = r[30] : (H = readonlyCodeExtensions(b), r[29] = b, r[30] = H);
+    let W;
+    r[31] !== u || r[32] !== m || r[33] !== R || r[34] !== z || r[35] !== B || r[36] !== H ? (W = (0, import_jsx_runtime.jsx)(esm_default, {
       ...m,
       className: R,
       theme: z,
@@ -10926,16 +10959,16 @@ ${c}
       extensions: H,
       value: u,
       readOnly: true
-    }), r[29] = u, r[30] = m, r[31] = R, r[32] = z, r[33] = B, r[34] = H, r[35] = W) : W = r[35];
+    }), r[31] = u, r[32] = m, r[33] = R, r[34] = z, r[35] = B, r[36] = H, r[37] = W) : W = r[37];
     let G;
-    return r[36] !== W || r[37] !== T || r[38] !== E || r[39] !== I ? (G = (0, import_jsx_runtime.jsxs)("div", {
+    return r[38] !== W || r[39] !== T || r[40] !== E || r[41] !== I ? (G = (0, import_jsx_runtime.jsxs)("div", {
       className: T,
       children: [
         E,
         I,
         W
       ]
-    }), r[36] = W, r[37] = T, r[38] = E, r[39] = I, r[40] = G) : G = r[40], G;
+    }), r[38] = W, r[39] = T, r[40] = E, r[41] = I, r[42] = G) : G = r[42], G;
   });
   ReadonlyCode.displayName = "ReadonlyCode";
   var CopyButton = (e) => {
@@ -12684,56 +12717,63 @@ ${c}
     return r ? r.length > 0 : false;
   }
   var import_compiler_runtime$62 = 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) {
-      T.current = p;
-      let r2 = getChartTabName(0, NEW_CHART_TYPE), c2 = new Map(h);
+  function mergeIndexFields(e, r) {
+    let c = e ?? [];
+    return !r || r.length === 0 ? c : uniqueBy([
+      ...c,
+      ...r
+    ], (e2) => e2[0]);
+  }
+  const TablePanel = ({ cellId: e, data: r, dataTable: c, totalRows: l, columns: u, getDataUrl: d, fieldTypes: f, rowHeaders: p, displayHeader: m, onCloseChartBuilder: h }) => {
+    let [g, _] = useAtom(tabsStorageAtom), v = e ? g.get(e) ?? [] : [], [y, b] = (0, import_react.useState)(DEFAULT_TAB_NAME), [S, T] = (0, import_react.useState)(v.length), E = (0, import_react.useRef)(m);
+    if (m && !E.current && v.length === 0 && e) {
+      E.current = m;
+      let r2 = getChartTabName(0, NEW_CHART_TYPE), c2 = new Map(g);
       c2.set(e, [
         {
           tabName: r2,
           chartType: NEW_CHART_TYPE,
           config: getChartDefaults()
         }
-      ]), g(c2), S(1), y(r2);
+      ]), _(c2), T(1), b(r2);
     }
-    if (T.current = p, !p || _.length === 0 && !p) return c;
-    let E = () => {
+    if (E.current = m, !m || v.length === 0 && !m) return c;
+    let O = () => {
       if (!e) return;
-      let r2 = getChartTabName(b, NEW_CHART_TYPE), c2 = new Map(h);
+      let r2 = getChartTabName(S, NEW_CHART_TYPE), c2 = new Map(g);
       c2.set(e, [
-        ..._,
+        ...v,
         {
           tabName: r2,
           chartType: NEW_CHART_TYPE,
           config: getChartDefaults()
         }
-      ]), g(c2), S(b + 1), y(r2);
-    }, O = (r2) => {
+      ]), _(c2), T(S + 1), b(r2);
+    }, j = (r2) => {
       if (!e) return;
-      let c2 = _.findIndex((e2) => e2.tabName === r2), l2 = _.filter((e2) => e2.tabName !== r2), u2 = new Map(h);
-      u2.set(e, l2), g(u2), l2.length === 0 ? m == null ? void 0 : m() : r2 === v && (c2 < l2.length ? y(l2[c2].tabName) : y(l2[l2.length - 1].tabName));
-    }, j = ({ tabName: r2, chartType: c2, chartConfig: l2 }) => {
+      let c2 = v.findIndex((e2) => e2.tabName === r2), l2 = v.filter((e2) => e2.tabName !== r2), u2 = new Map(g);
+      u2.set(e, l2), _(u2), l2.length === 0 ? h == null ? void 0 : h() : r2 === y && (c2 < l2.length ? b(l2[c2].tabName) : b(l2[l2.length - 1].tabName));
+    }, M = ({ tabName: r2, chartType: c2, chartConfig: l2 }) => {
       if (!e) return;
-      let u2 = new Map(h);
-      u2.set(e, _.map((e2) => e2.tabName === r2 ? {
+      let u2 = new Map(g);
+      u2.set(e, v.map((e2) => e2.tabName === r2 ? {
         ...e2,
         chartType: c2,
         config: l2
-      } : e2)), g(u2);
-    }, M = (r2, c2) => {
+      } : e2)), _(u2);
+    }, I = (r2, c2) => {
       if (!e) return;
-      let l2 = h.get(e) ?? [], u2 = l2.findIndex((e2) => e2.tabName === r2);
+      let l2 = g.get(e) ?? [], u2 = l2.findIndex((e2) => e2.tabName === r2);
       if (u2 === -1) return;
       let d2 = l2.map((e2) => e2.tabName === r2 ? {
         ...e2,
         chartType: c2,
         tabName: getChartTabName(u2, c2)
       } : e2);
-      g(new Map(h).set(e, d2)), y(d2[u2].tabName);
-    }, I = l === "too_many" || l > CHART_MAX_ROWS || u > CHART_MAX_COLUMNS;
+      _(new Map(g).set(e, d2)), b(d2[u2].tabName);
+    }, L = l === "too_many" || l > CHART_MAX_ROWS || u > CHART_MAX_COLUMNS;
     return (0, import_jsx_runtime.jsxs)(Tabs, {
-      value: v,
+      value: y,
       className: "-mt-1",
       children: [
         (0, import_jsx_runtime.jsxs)(TabsList, {
@@ -12742,19 +12782,19 @@ ${c}
             (0, import_jsx_runtime.jsx)(TabsTrigger, {
               className: "text-xs",
               value: DEFAULT_TAB_NAME,
-              onClick: () => y(DEFAULT_TAB_NAME),
+              onClick: () => b(DEFAULT_TAB_NAME),
               children: "Table"
             }),
-            _.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+            v.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TabsTrigger, {
               className: "text-xs",
               value: e2.tabName,
-              onClick: () => y(e2.tabName),
+              onClick: () => b(e2.tabName),
               children: [
                 e2.tabName,
                 (0, import_jsx_runtime.jsx)(X, {
                   className: "w-3 h-3 ml-1 mt-[0.5px] hover:text-red-500 hover:font-semibold",
                   onClick: (r3) => {
-                    r3.stopPropagation(), O(e2.tabName);
+                    r3.stopPropagation(), j(e2.tabName);
                   }
                 })
               ]
@@ -12762,7 +12802,7 @@ ${c}
             (0, import_jsx_runtime.jsx)(Button, {
               variant: "text",
               size: "icon",
-              onClick: E,
+              onClick: O,
               title: "Add chart",
               children: "+"
             })
@@ -12773,7 +12813,7 @@ ${c}
           value: DEFAULT_TAB_NAME,
           children: c
         }),
-        _.map((e2, l2) => (0, import_jsx_runtime.jsx)(TabsContent, {
+        v.map((e2, l2) => (0, import_jsx_runtime.jsx)(TabsContent, {
           value: e2.tabName,
           className: "h-[400px] mt-0",
           children: (0, import_jsx_runtime.jsx)(ChartPanel, {
@@ -12781,18 +12821,18 @@ ${c}
             chartConfig: e2.config,
             chartType: e2.chartType,
             saveChart: (r2) => {
-              j({
+              M({
                 tabName: e2.tabName,
                 chartType: e2.chartType,
                 chartConfig: r2
               });
             },
             saveChartType: (r2) => {
-              M(e2.tabName, r2);
+              I(e2.tabName, r2);
             },
             getDataUrl: d,
-            fieldTypes: f ?? inferFieldTypes(c.props.data),
-            isLargeDataset: I
+            fieldTypes: mergeIndexFields(f ?? inferFieldTypes(c.props.data), p),
+            isLargeDataset: L
           })
         }, l2))
       ]
@@ -13201,7 +13241,7 @@ ${c}
     }), r[8] = h, r[9] = _), _;
   };
   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({
+    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), { visible: y } = getUserColumnVisibilityCounts(d), { rowsAndColumns: b, hiddenSuffix: S } = prettifyRowColumnCount({
       numRows: c,
       totalColumns: _,
       locale: m,
@@ -13213,22 +13253,55 @@ ${c}
         (0, import_jsx_runtime.jsxs)("div", {
           className: "text-xs font-semibold ml-2 flex items-center gap-1",
           children: [
-            y,
+            b,
             v > 0 && (0, import_jsx_runtime.jsx)("span", {
-              children: b
+              children: S
             }),
             (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)("div", {
+              className: "ml-auto flex items-center gap-1",
+              children: [
+                (0, import_jsx_runtime.jsx)(Tooltip, {
+                  content: "Show all columns",
+                  delayDuration: 400,
+                  children: (0, import_jsx_runtime.jsxs)(Button, {
+                    type: "button",
+                    variant: "ghost",
+                    size: "xs",
+                    className: "gap-1",
+                    disabled: v === 0,
+                    onClick: () => d.toggleAllColumnsVisible(true),
+                    children: [
+                      (0, import_jsx_runtime.jsx)(Eye, {
+                        className: "w-3 h-3"
+                      }),
+                      "Show all"
+                    ]
+                  })
+                }),
+                (0, import_jsx_runtime.jsx)(Tooltip, {
+                  content: "Hide all columns",
+                  delayDuration: 400,
+                  children: (0, import_jsx_runtime.jsxs)(Button, {
+                    type: "button",
+                    variant: "ghost",
+                    size: "xs",
+                    className: "gap-1",
+                    disabled: y === 0,
+                    onClick: () => d.toggleAllColumnsVisible(false),
+                    children: [
+                      (0, import_jsx_runtime.jsx)(EyeOff, {
+                        className: "w-3 h-3"
+                      }),
+                      "Hide all"
+                    ]
+                  })
+                })
+              ]
             })
           ]
         }),
@@ -14329,7 +14402,7 @@ ${c}
     return l;
   };
   const LoadingDataTableComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$57.c)(118), c;
+    let r = (0, import_compiler_runtime$57.c)(119), c;
     r[0] === e.host ? c = r[1] : (c = findCellId(e.host), r[0] = e.host, r[1] = c);
     let l = c, u = e.search, f = e.setValue, p;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = [], r[2] = p) : p = r[2];
@@ -14406,21 +14479,21 @@ ${c}
       _.pageSize,
       _.pageIndex
     ], r[35] = w, r[36] = _.pageIndex, r[37] = _.pageSize, r[38] = e.cellHoverTexts, r[39] = e.cellStyles, r[40] = e.data, r[41] = e.lazy, r[42] = e.totalRows, r[43] = u, r[44] = y, r[45] = m, r[46] = B, r[47] = H) : H = r[47];
-    let { data: W, error: G, isPending: q, isFetching: $U } = useAsyncData(z, H), Z = useAtomValue(downloadSizeLimitAtom), eW;
-    r[48] !== Z || r[49] !== e ? (eW = async () => !Z || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = Z, r[49] = e, r[50] = eW) : eW = r[50];
-    let tW = e.showDownload, nW = e.get_size_bytes, rW = e.lazy, iW = e.totalRows, aW = useDeepCompareMemoize(w), oW = useDeepCompareMemoize(m), sW;
-    r[51] !== Z || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== aW || r[58] !== oW ? (sW = [
-      Z,
-      tW,
-      nW,
-      rW,
-      iW,
+    let { data: W, error: G, isPending: q, isFetching: pW } = useAsyncData(z, H), mW = useAtomValue(downloadSizeLimitAtom), Z;
+    r[48] !== mW || r[49] !== e ? (Z = async () => !mW || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = mW, r[49] = e, r[50] = Z) : Z = r[50];
+    let hW = e.showDownload, gW = e.get_size_bytes, _W = e.lazy, vW = e.totalRows, yW = useDeepCompareMemoize(w), bW = useDeepCompareMemoize(m), xW;
+    r[51] !== mW || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== yW || r[58] !== bW ? (xW = [
+      mW,
+      hW,
+      gW,
+      _W,
+      vW,
       y,
-      aW,
-      oW
-    ], r[51] = Z, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = aW, r[58] = oW, r[59] = sW) : sW = r[59];
-    let { data: cW, isPending: lW } = useAsyncData(eW, sW), uW = cW ?? null, dW = !!Z && e.showDownload && lW, fW;
-    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (fW = async (e2) => ({
+      yW,
+      bW
+    ], r[51] = mW, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = yW, r[58] = bW, r[59] = xW) : xW = r[59];
+    let { data: SW, isPending: CW } = useAsyncData(Z, xW), wW = SW ?? null, TW = !!mW && e.showDownload && CW, EW;
+    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (EW = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -14429,17 +14502,17 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = fW) : fW = r[64];
-    let pW = fW, mW;
-    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (mW = () => {
+    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = EW) : EW = r[64];
+    let DW = EW, OW;
+    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (OW = () => {
       v(_temp4$4);
-    }, r[65] = mW) : mW = r[65];
-    let hW = W == null ? void 0 : W.totalRows, gW;
-    r[66] === hW ? gW = r[67] : (gW = [
-      hW
-    ], r[66] = hW, r[67] = gW), (0, import_react.useEffect)(mW, gW);
-    let _W;
-    r[68] === e ? _W = r[69] : (_W = async () => {
+    }, r[65] = OW) : OW = r[65];
+    let kW = W == null ? void 0 : W.totalRows, AW;
+    r[66] === kW ? AW = r[67] : (AW = [
+      kW
+    ], r[66] = kW, r[67] = AW), (0, import_react.useEffect)(OW, AW);
+    let jW;
+    r[68] === e ? jW = r[69] : (jW = async () => {
       let r2 = isStaticNotebook();
       return e.totalRows === 0 || !e.showColumnSummaries || r2 ? {
         data: null,
@@ -14448,22 +14521,22 @@ ${c}
         value_counts: {},
         show_charts: false
       } : e.get_column_summaries({});
-    }, r[68] = e, r[69] = _W);
-    let vW;
-    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (vW = [
+    }, r[68] = e, r[69] = jW);
+    let MW;
+    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (MW = [
       e.get_column_summaries,
       e.showColumnSummaries,
       w,
       y,
       e.totalRows,
       e.data
-    ], r[70] = w, r[71] = e.data, r[72] = e.get_column_summaries, r[73] = e.showColumnSummaries, r[74] = e.totalRows, r[75] = y, r[76] = vW) : vW = r[76];
-    let { data: yW, error: bW } = useAsyncData(_W, vW), xW, SW;
-    if (r[77] === bW ? (xW = r[78], SW = r[79]) : (xW = () => {
-      bW && Logger.error(bW);
-    }, SW = [
-      bW
-    ], r[77] = bW, r[78] = xW, r[79] = SW), (0, import_react.useEffect)(xW, SW), q) {
+    ], r[70] = w, r[71] = e.data, r[72] = e.get_column_summaries, r[73] = e.showColumnSummaries, r[74] = e.totalRows, r[75] = y, r[76] = MW) : MW = r[76];
+    let { data: NW, error: PW } = useAsyncData(jW, MW), FW, IW;
+    if (r[77] === PW ? (FW = r[78], IW = r[79]) : (FW = () => {
+      PW && Logger.error(PW);
+    }, IW = [
+      PW
+    ], r[77] = PW, r[78] = FW, r[79] = IW), (0, import_react.useEffect)(FW, IW), q) {
       let c2 = e.totalRows !== "too_many" && e.totalRows > 0 ? Math.min(e.totalRows, e.pageSize) : e.pageSize, l2;
       return r[80] === c2 ? l2 = r[81] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
         milliseconds: 200,
@@ -14472,7 +14545,7 @@ ${c}
         })
       }), r[80] = c2, r[81] = l2), l2;
     }
-    let CW = null;
+    let LW = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -14488,61 +14561,62 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[82] = G, r[83] = e2), CW = e2;
+      }), r[82] = G, r[83] = e2), LW = e2;
     }
-    let wW;
-    r[84] === O ? wW = r[85] : (wW = () => {
+    let RW;
+    r[84] === O ? RW = r[85] : (RW = () => {
       j(!O);
-    }, r[84] = O, r[85] = wW);
-    let TW = wW, EW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, DW = W == null ? void 0 : W.rawRows, OW = $U && !q, kW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, AW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, jW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, MW;
-    r[86] !== l || r[87] !== yW || r[88] !== O || r[89] !== w || r[90] !== pW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== uW || r[95] !== dW || r[96] !== m || r[97] !== EW || r[98] !== DW || r[99] !== OW || r[100] !== kW || r[101] !== AW || r[102] !== jW || r[103] !== TW ? (MW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[84] = O, r[85] = RW);
+    let zW = RW, BW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, VW = W == null ? void 0 : W.rawRows, HW = pW && !q, UW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, WW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, GW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, KW;
+    r[86] !== l || r[87] !== NW || r[88] !== O || r[89] !== w || r[90] !== DW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== wW || r[95] !== TW || r[96] !== m || r[97] !== BW || r[98] !== VW || r[99] !== HW || r[100] !== UW || r[101] !== WW || r[102] !== GW || r[103] !== zW ? (KW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: EW,
-      rawData: DW,
-      columnSummaries: yW,
+      data: BW,
+      rawData: VW,
+      columnSummaries: NW,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: OW,
-      totalRows: kW,
-      sizeBytes: uW,
-      sizeBytesIsLoading: dW,
+      reloading: HW,
+      totalRows: UW,
+      sizeBytes: wW,
+      sizeBytesIsLoading: TW,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: AW,
-      cellHoverTexts: jW,
-      toggleDisplayHeader: TW,
+      cellStyles: WW,
+      cellHoverTexts: GW,
+      toggleDisplayHeader: zW,
       isChartBuilderOpen: O,
-      getRow: pW,
+      getRow: DW,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[86] = l, r[87] = yW, r[88] = O, r[89] = w, r[90] = pW, r[91] = _, r[92] = e, r[93] = y, r[94] = uW, r[95] = dW, r[96] = m, r[97] = EW, r[98] = DW, r[99] = OW, r[100] = kW, r[101] = AW, r[102] = jW, r[103] = TW, r[104] = MW) : MW = r[104];
-    let NW = MW, PW;
-    r[105] !== l || r[106] !== NW || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.showChartBuilder || r[112] !== e.totalColumns || r[113] !== e.totalRows ? (PW = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[86] = l, r[87] = NW, r[88] = O, r[89] = w, r[90] = DW, r[91] = _, r[92] = e, r[93] = y, r[94] = wW, r[95] = TW, r[96] = m, r[97] = BW, r[98] = VW, r[99] = HW, r[100] = UW, r[101] = WW, r[102] = GW, r[103] = zW, r[104] = KW) : KW = r[104];
+    let qW = KW, JW;
+    r[105] !== l || r[106] !== qW || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.rowHeaders || r[112] !== e.showChartBuilder || r[113] !== e.totalColumns || r[114] !== e.totalRows ? (JW = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
       displayHeader: O,
       onCloseChartBuilder: () => j(false),
       data: (W == null ? void 0 : W.rows) || [],
       columns: e.totalColumns,
       totalRows: e.totalRows,
-      dataTable: NW,
+      dataTable: qW,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
+      rowHeaders: e.rowHeaders,
       cellId: l
-    }) : NW, r[105] = l, r[106] = NW, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.showChartBuilder, r[112] = e.totalColumns, r[113] = e.totalRows, r[114] = PW) : PW = r[114];
-    let FW;
-    return r[115] !== CW || r[116] !== PW ? (FW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : qW, r[105] = l, r[106] = qW, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.rowHeaders, r[112] = e.showChartBuilder, r[113] = e.totalColumns, r[114] = e.totalRows, r[115] = JW) : JW = r[115];
+    let YW;
+    return r[116] !== LW || r[117] !== JW ? (YW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        CW,
-        PW
+        LW,
+        JW
       ]
-    }), r[115] = CW, r[116] = PW, r[117] = FW) : FW = r[117], FW;
+    }), r[116] = LW, r[117] = JW, r[118] = YW) : YW = r[118], YW;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, showSearch: W, searchQuery: G, setSearchQuery: q, filters: $U, setFilters: Z, reloading: eW, freezeColumnsLeft: tW, freezeColumnsRight: nW, hiddenColumns: rW, textJustifyColumns: iW, wrappedColumns: aW, columnWidths: oW, headerTooltip: sW, totalColumns: cW, get_row_ids: lW, cellStyles: uW, hoverTemplate: dW, cellHoverTexts: fW, toggleDisplayHeader: pW, isChartBuilderOpen: mW, calculate_top_k_rows: hW, preview_column: gW, getRow: _W, cellId: vW, maxHeight: yW }) => {
-    let bW = (0, import_react.useId)(), { locale: xW } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [SW, CW] = (0, import_react.useState)(0), { isPanelOpen: wW, isAnyPanelOpen: TW, togglePanel: EW, panelType: DW, setPanelType: OW } = usePanelOwnership(bW, vW), kW = isStaticNotebook(), AW = (0, import_react.useMemo)(() => {
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, showSearch: W, searchQuery: G, setSearchQuery: q, filters: pW, setFilters: mW, reloading: Z, freezeColumnsLeft: hW, freezeColumnsRight: gW, hiddenColumns: _W, textJustifyColumns: vW, wrappedColumns: yW, columnWidths: bW, headerTooltip: xW, totalColumns: SW, get_row_ids: CW, cellStyles: wW, hoverTemplate: TW, cellHoverTexts: EW, toggleDisplayHeader: DW, isChartBuilderOpen: OW, calculate_top_k_rows: kW, preview_column: AW, getRow: jW, cellId: MW, maxHeight: NW }) => {
+    let PW = (0, import_react.useId)(), { locale: FW } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IW, LW] = (0, import_react.useState)(0), { isPanelOpen: RW, isAnyPanelOpen: zW, togglePanel: BW, panelType: VW, setPanelType: HW } = usePanelOwnership(PW, MW), UW = isStaticNotebook(), WW = (0, import_react.useMemo)(() => {
       if (!L || !O || !L.stats) return ColumnChartSpecModel.EMPTY;
       let e2 = toFieldTypes(O);
       return new ColumnChartSpecModel(L.data || [], e2, L.stats, L.bin_values, L.value_counts, {
@@ -14551,13 +14625,13 @@ ${c}
     }, [
       O,
       L
-    ]), jW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), MW = (0, import_react.useMemo)(() => f === "all" ? jW : jW.slice(0, f), [
+    ]), GW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), KW = (0, import_react.useMemo)(() => f === "all" ? GW : GW.slice(0, f), [
       f,
-      jW
-    ]), NW = (0, import_react.useMemo)(() => {
+      GW
+    ]), qW = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of MW) if (l2[0] === "number") {
+        for (let [c2, l2] of KW) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -14572,95 +14646,95 @@ ${c}
       return e2;
     }, [
       r,
-      MW
-    ]), PW = useDeepCompareMemoize(T), FW = useDeepCompareMemoize(iW), IW = useDeepCompareMemoize(aW), LW = useDeepCompareMemoize(oW), RW = useDeepCompareMemoize(AW), zW = useDeepCompareMemoize(NW), BW = MW.length;
-    O || (w = false), kW && (m = null);
-    let VW = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: PW,
+      KW
+    ]), JW = useDeepCompareMemoize(T), YW = useDeepCompareMemoize(vW), XW = useDeepCompareMemoize(yW), ZW = useDeepCompareMemoize(bW), QW = useDeepCompareMemoize(WW), $W = useDeepCompareMemoize(qW), eG = KW.length;
+    O || (w = false), UW && (m = null);
+    let tG = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: JW,
       selection: m,
-      chartSpecModel: RW,
-      fieldTypes: MW,
-      textJustifyColumns: FW,
-      wrappedColumns: IW,
-      columnWidths: LW,
-      headerTooltip: sW,
+      chartSpecModel: QW,
+      fieldTypes: KW,
+      textJustifyColumns: YW,
+      wrappedColumns: XW,
+      columnWidths: ZW,
+      headerTooltip: xW,
       showDataTypes: w,
-      calculateTopKRows: hW,
-      fractionDigitsByColumn: zW
+      calculateTopKRows: kW,
+      fractionDigitsByColumn: $W
     }), [
       m,
       w,
-      RW,
-      PW,
-      MW,
-      FW,
-      IW,
-      LW,
-      sW,
-      hW,
-      zW
-    ]), HW = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
+      QW,
+      JW,
+      KW,
+      YW,
+      XW,
+      ZW,
+      xW,
+      kW,
+      $W
+    ]), nG = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
       e2,
       true
     ])), [
       h
-    ]), UW = useEvent_default((e2) => {
+    ]), rG = useEvent_default((e2) => {
       if (m === "single") {
         let r2 = Functions.asUpdater(e2)({});
         z(Object.keys(r2).slice(0, 1));
       }
       if (m === "multi") {
-        let r2 = Functions.asUpdater(e2)(HW);
+        let r2 = Functions.asUpdater(e2)(nG);
         z(Object.keys(r2));
       }
-    }), WW = useEvent_default((e2) => {
-      if (CW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), iG = useEvent_default((e2) => {
+      if (LW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
       let r2 = getPageIndexForRow(e2, j.pageIndex, j.pageSize);
       r2 !== null && M((e3) => ({
         ...e3,
         pageIndex: r2
       }));
-    }), GW = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), KW = useEvent_default((e2) => {
-      m === "single-cell" && z(Functions.asUpdater(e2)(GW).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(GW));
-    }), qW = m === "multi" || m === "single", JW = y && !!gW, YW = isInVscodeExtension(), XW = isIslands(), ZW = (0, import_react.useMemo)(() => {
-      if (!(!TW || !(b || JW))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+    }), aG = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), oG = useEvent_default((e2) => {
+      m === "single-cell" && z(Functions.asUpdater(e2)(aG).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(aG));
+    }), sG = m === "multi" || m === "single", cG = y && !!AW, lG = isInVscodeExtension(), uG = isIslands(), dG = (0, import_react.useMemo)(() => {
+      if (!(!zW || !(b || cG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
         children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-          rowIdx: SW,
-          setRowIdx: WW,
+          rowIdx: IW,
+          setRowIdx: iG,
           totalRows: l,
-          fieldTypes: jW,
-          getRow: _W,
-          isSelectable: qW,
-          isRowSelected: !!HW[SW],
-          handleRowSelectionChange: UW,
-          previewColumn: gW,
-          totalColumns: cW,
-          tableId: bW,
+          fieldTypes: GW,
+          getRow: jW,
+          isSelectable: sG,
+          isRowSelected: !!nG[IW],
+          handleRowSelectionChange: rG,
+          previewColumn: AW,
+          totalColumns: SW,
+          tableId: PW,
           table: e2,
-          showRowExplorer: b && !YW,
-          showColumnExplorer: JW && !YW,
-          activeTab: DW,
-          onTabChange: OW
+          showRowExplorer: b && !lG,
+          showColumnExplorer: cG && !lG,
+          activeTab: VW,
+          onTabChange: HW
         })
       });
     }, [
-      TW,
+      zW,
       b,
-      JW,
-      SW,
-      WW,
+      cG,
+      IW,
+      iG,
       l,
+      GW,
       jW,
-      _W,
-      qW,
-      HW,
-      UW,
-      gW,
-      cW,
-      bW,
-      YW,
-      DW,
-      OW
+      sG,
+      nG,
+      rG,
+      AW,
+      SW,
+      PW,
+      lG,
+      VW,
+      HW
     ]);
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
@@ -14672,27 +14746,27 @@ ${c}
             " rows."
           ]
         }),
-        BW < cW && BW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        eG < SW && eG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            BW,
+            eG,
             " of ",
-            cW,
+            SW,
             " columns."
           ]
         }),
-        kW && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
+        UW && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Showing the first ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(r.length, xW)
+              children: prettyNumber(r.length, FW)
             }),
             " ",
             "of ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(l, xW)
+              children: prettyNumber(l, FW)
             }),
             " rows. Increase the table's ",
             (0, import_jsx_runtime.jsx)("code", {
@@ -14706,7 +14780,7 @@ ${c}
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: AW,
+          value: WW,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -14714,14 +14788,14 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: VW,
+              columns: tG,
               className: R,
-              maxHeight: yW,
+              maxHeight: NW,
               sorting: B,
               totalRows: l,
               sizeBytes: u,
               sizeBytesIsLoading: d,
-              totalColumns: cW,
+              totalColumns: SW,
               manualSorting: true,
               setSorting: H,
               pagination: p,
@@ -14729,37 +14803,37 @@ ${c}
               selection: m,
               paginationState: j,
               setPaginationState: M,
-              rowSelection: HW,
-              cellSelection: GW,
-              cellStyling: uW,
-              hoverTemplate: dW,
-              cellHoverTexts: fW,
+              rowSelection: nG,
+              cellSelection: aG,
+              cellStyling: wW,
+              hoverTemplate: TW,
+              cellHoverTexts: EW,
               downloadAs: _ ? I : void 0,
               showSearch: W,
               searchQuery: G,
               onSearchQueryChange: q,
               showFilters: g,
-              filters: $U,
-              onFiltersChange: Z,
-              calculateTopKRows: hW,
-              reloading: eW,
-              onRowSelectionChange: UW,
-              freezeColumnsLeft: tW,
-              freezeColumnsRight: nW,
-              hiddenColumns: rW,
-              onCellSelectionChange: KW,
-              getRowIds: lW,
-              toggleDisplayHeader: pW,
-              showChartBuilder: S && !XW,
-              isChartBuilderOpen: mW,
+              filters: pW,
+              onFiltersChange: mW,
+              calculateTopKRows: kW,
+              reloading: Z,
+              onRowSelectionChange: rG,
+              freezeColumnsLeft: hW,
+              freezeColumnsRight: gW,
+              hiddenColumns: _W,
+              onCellSelectionChange: oG,
+              getRowIds: CW,
+              toggleDisplayHeader: DW,
+              showChartBuilder: S && !uG,
+              isChartBuilderOpen: OW,
               showPageSizeSelector: v,
-              showTableExplorer: (b || JW) && !YW && !XW,
-              togglePanel: EW,
-              isPanelOpen: wW,
-              isAnyPanelOpen: TW,
-              viewedRowIdx: SW,
-              onViewedRowChange: (e2) => CW(e2),
-              renderTableExplorerPanel: ZW
+              showTableExplorer: (b || cG) && !lG && !uG,
+              togglePanel: BW,
+              isPanelOpen: RW,
+              isAnyPanelOpen: zW,
+              viewedRowIdx: IW,
+              onViewedRowChange: (e2) => LW(e2),
+              renderTableExplorerPanel: dG
             })
           })
         })
@@ -15118,7 +15192,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-Du3_nUzI.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-DXBx_nQg.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object({
     label: string().nullish(),
     data: string()
@@ -16811,29 +16885,29 @@ ${c}
     ], r[2] = S, r[3] = w);
     let { data: T, error: O, isPending: j } = useAsyncData(b, w), M;
     r[4] === T ? M = r[5] : (M = T || {}, r[4] = T, r[5] = M);
-    let { url: I, total_rows: L, row_headers: R, field_types: z, column_types_per_step: B, python_code: H, sql_code: W } = M, G = z == null ? void 0 : z.length, [q, $U] = (0, import_react.useState)(f || EMPTY), Z = (0, import_react.useRef)(null), eW;
-    r[6] === d ? eW = r[7] : (eW = (e2) => {
+    let { url: I, total_rows: L, row_headers: R, field_types: z, column_types_per_step: B, python_code: H, sql_code: W } = M, G = z == null ? void 0 : z.length, [q, pW] = (0, import_react.useState)(f || EMPTY), mW = (0, import_react.useRef)(null), Z;
+    r[6] === d ? Z = r[7] : (Z = (e2) => {
       var _a3;
-      d && e2 !== "transform" && ((_a3 = Z.current) == null ? void 0 : _a3.submit());
-    }, r[6] = d, r[7] = eW);
-    let tW = eW, nW = (0, import_react.useRef)(q), rW;
-    r[8] === q ? rW = r[9] : (rW = () => {
-      nW.current = q;
-    }, r[8] = q, r[9] = rW), (0, import_react.useEffect)(rW);
-    let iW;
-    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (iW = () => {
-      let e2 = nW.current;
+      d && e2 !== "transform" && ((_a3 = mW.current) == null ? void 0 : _a3.submit());
+    }, r[6] = d, r[7] = Z);
+    let hW = Z, gW = (0, import_react.useRef)(q), _W;
+    r[8] === q ? _W = r[9] : (_W = () => {
+      gW.current = q;
+    }, r[8] = q, r[9] = _W), (0, import_react.useEffect)(_W);
+    let vW;
+    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (vW = () => {
+      let e2 = gW.current;
       (f == null ? void 0 : f.transforms.length) !== e2.transforms.length && p(e2);
-    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = iW) : iW = r[12];
-    let aW = f == null ? void 0 : f.transforms.length, oW;
-    r[13] !== T || r[14] !== p || r[15] !== aW ? (oW = [
+    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = vW) : vW = r[12];
+    let yW = f == null ? void 0 : f.transforms.length, bW;
+    r[13] !== T || r[14] !== p || r[15] !== yW ? (bW = [
       T,
-      aW,
-      nW,
+      yW,
+      gW,
       p
-    ], r[13] = T, r[14] = p, r[15] = aW, r[16] = oW) : oW = r[16], (0, import_react.useEffect)(iW, oW);
-    let sW;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (sW = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = T, r[14] = p, r[15] = yW, r[16] = bW) : bW = r[16], (0, import_react.useEffect)(vW, bW);
+    let xW;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (xW = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -16842,9 +16916,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = sW) : sW = r[17];
-    let cW;
-    r[18] === H ? cW = r[19] : (cW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = xW) : xW = r[17];
+    let SW;
+    r[18] === H ? SW = r[19] : (SW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -16853,9 +16927,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = H, r[19] = cW);
-    let lW;
-    r[20] === W ? lW = r[21] : (lW = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = H, r[19] = SW);
+    let CW;
+    r[20] === W ? CW = r[21] : (CW = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -16864,54 +16938,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = W, r[21] = lW);
-    let uW;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (uW = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = W, r[21] = CW);
+    let TW;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (TW = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = uW) : uW = r[22];
-    let dW;
-    r[23] !== cW || r[24] !== lW ? (dW = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = TW) : TW = r[22];
+    let EW;
+    r[23] !== SW || r[24] !== CW ? (EW = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        sW,
-        cW,
-        lW,
-        uW
+        xW,
+        SW,
+        CW,
+        TW
       ]
-    }), r[23] = cW, r[24] = lW, r[25] = dW) : dW = r[25];
-    let fW;
-    r[26] === j ? fW = r[27] : (fW = j && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = SW, r[24] = CW, r[25] = EW) : EW = r[25];
+    let DW;
+    r[26] === j ? DW = r[27] : (DW = j && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = j, r[27] = fW);
-    let mW;
-    r[28] !== dW || r[29] !== fW ? (mW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = j, r[27] = DW);
+    let OW;
+    r[28] !== EW || r[29] !== DW ? (OW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        dW,
-        fW
+        EW,
+        DW
       ]
-    }), r[28] = dW, r[29] = fW, r[30] = mW) : mW = r[30];
-    let hW;
-    r[31] !== p || r[32] !== f ? (hW = (e2) => {
-      dequal(e2, f) || (p(e2), $U(e2));
-    }, r[31] = p, r[32] = f, r[33] = hW) : hW = r[33];
-    let gW;
-    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== hW ? (gW = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[28] = EW, r[29] = DW, r[30] = OW) : OW = r[30];
+    let kW;
+    r[31] !== p || r[32] !== f ? (kW = (e2) => {
+      dequal(e2, f) || (p(e2), pW(e2));
+    }, r[31] = p, r[32] = f, r[33] = kW) : kW = r[33];
+    let AW;
+    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== kW ? (AW = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: Z,
+        ref: mW,
         initialValue: q,
         columns: c,
-        onChange: hW,
-        onInvalidChange: $U,
+        onChange: kW,
+        onInvalidChange: pW,
         getColumnValues: h,
         columnTypesPerStep: B,
         lazy: d
       })
-    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = hW, r[40] = gW) : gW = r[40];
-    let _W;
-    r[41] === H ? _W = r[42] : (_W = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = kW, r[40] = AW) : AW = r[40];
+    let jW;
+    r[41] === H ? jW = r[42] : (jW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -16920,9 +16994,9 @@ ${c}
         code: H,
         language: "python"
       })
-    }), r[41] = H, r[42] = _W);
-    let vW;
-    r[43] === W ? vW = r[44] : (vW = W && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = H, r[42] = jW);
+    let MW;
+    r[43] === W ? MW = r[44] : (MW = W && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -16931,35 +17005,35 @@ ${c}
         code: W,
         language: "sql"
       })
-    }), r[43] = W, r[44] = vW);
-    let yW;
-    r[45] !== tW || r[46] !== mW || r[47] !== gW || r[48] !== _W || r[49] !== vW ? (yW = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = W, r[44] = MW);
+    let NW;
+    r[45] !== hW || r[46] !== OW || r[47] !== AW || r[48] !== jW || r[49] !== MW ? (NW = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: tW,
+      onValueChange: hW,
       children: [
-        mW,
-        gW,
-        _W,
-        vW
+        OW,
+        AW,
+        jW,
+        MW
       ]
-    }), r[45] = tW, r[46] = mW, r[47] = gW, r[48] = _W, r[49] = vW, r[50] = yW) : yW = r[50];
-    let bW;
-    r[51] === O ? bW = r[52] : (bW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = hW, r[46] = OW, r[47] = AW, r[48] = jW, r[49] = MW, r[50] = NW) : NW = r[50];
+    let PW;
+    r[51] === O ? PW = r[52] : (PW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: O
-    }), r[51] = O, r[52] = bW);
-    let xW = I || "", SW = L ?? 0, CW = G ?? 0, wW = R || Arrays.EMPTY, TW = L && L > 5 || false, EW;
-    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== xW || r[61] !== SW || r[62] !== CW || r[63] !== wW || r[64] !== TW ? (EW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = O, r[52] = PW);
+    let FW = I || "", IW = L ?? 0, LW = G ?? 0, RW = R || Arrays.EMPTY, zW = L && L > 5 || false, BW;
+    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== FW || r[61] !== IW || r[62] !== LW || r[63] !== RW || r[64] !== zW ? (BW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: xW,
+      data: FW,
       hasStableRowId: false,
-      totalRows: SW,
-      totalColumns: CW,
+      totalRows: IW,
+      totalColumns: LW,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: z,
-      rowHeaders: wW,
+      rowHeaders: RW,
       showDownload: u,
       download_as: _,
       get_size_bytes: v,
@@ -16969,7 +17043,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: TW,
+      showPageSizeSelector: zW,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -16978,15 +17052,15 @@ ${c}
       selection: null,
       lazy: false,
       host: y
-    }), r[53] = _, r[54] = z, r[55] = v, r[56] = y, r[57] = l, r[58] = g, r[59] = u, r[60] = xW, r[61] = SW, r[62] = CW, r[63] = wW, r[64] = TW, r[65] = EW) : EW = r[65];
-    let DW;
-    return r[66] !== yW || r[67] !== bW || r[68] !== EW ? (DW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = _, r[54] = z, r[55] = v, r[56] = y, r[57] = l, r[58] = g, r[59] = u, r[60] = FW, r[61] = IW, r[62] = LW, r[63] = RW, r[64] = zW, r[65] = BW) : BW = r[65];
+    let VW;
+    return r[66] !== NW || r[67] !== PW || r[68] !== BW ? (VW = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        yW,
-        bW,
-        EW
+        NW,
+        PW,
+        BW
       ]
-    }), r[66] = yW, r[67] = bW, r[68] = EW, r[69] = DW) : DW = r[69], DW;
+    }), r[66] = NW, r[67] = PW, r[68] = BW, r[69] = VW) : VW = r[69], VW;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -17170,30 +17244,30 @@ ${c}
     }, [
       B
     ]);
-    let H = `${g}::${I}`, [W, G] = (0, import_react.useState)(H);
-    W !== H && (G(H), E(0)), (0, import_react.useLayoutEffect)(() => {
+    let H = `${g}::${I}`, [G, q] = (0, import_react.useState)(H);
+    G !== H && (q(H), E(0)), (0, import_react.useLayoutEffect)(() => {
       var _a4;
       M.current && (M.current = false, (_a4 = O.current[0]) == null ? void 0 : _a4.focus());
     }, [
       H
     ]);
-    let q = (R == null ? void 0 : R.files) ?? [], $U = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", tW = l === "file" || l === "all", nW = q.filter((e2) => Z && e2.is_directory || tW && !e2.is_directory), rW = nW.length > 0 && nW.every((e2) => $U.has(e2.path));
+    let pW = (R == null ? void 0 : R.files) ?? [], mW = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", hW = l === "file" || l === "all", gW = pW.filter((e2) => Z && e2.is_directory || hW && !e2.is_directory), _W = gW.length > 0 && gW.every((e2) => mW.has(e2.path));
     if (!R && z) return (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       children: z.message
     });
-    let iW = PathBuilder.guessDeliminator(c).deliminator, aW = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
+    let vW = PathBuilder.guessDeliminator(c).deliminator, yW = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
       children: e2.path
     }, e2.id));
-    function oW(e2) {
+    function bW(e2) {
       var _a4;
       if (v) return;
       if (y(true), e2 === PARENT_DIRECTORY) {
-        if (g === iW) {
+        if (g === vW) {
           y(false);
           return;
         }
-        e2 = Paths.dirname(g), e2 === "" && (e2 = iW);
+        e2 = Paths.dirname(g), e2 === "" && (e2 = vW);
       }
       let r2 = e2.length < c.length;
       if (f && r2) {
@@ -17206,7 +17280,7 @@ ${c}
       }
       M.current = ((_a4 = j.current) == null ? void 0 : _a4.contains(document.activeElement)) ?? false, _(e2), y(false);
     }
-    function sW({ path: e2, name: r2, isDirectory: c2 }) {
+    function xW({ path: e2, name: r2, isDirectory: c2 }) {
       return {
         id: e2,
         name: r2,
@@ -17214,27 +17288,27 @@ ${c}
         is_directory: c2
       };
     }
-    function cW({ path: c2, name: l2, isDirectory: d2 }) {
-      let f2 = sW({
+    function SW({ path: c2, name: l2, isDirectory: d2 }) {
+      let f2 = xW({
         path: c2,
         name: l2,
         isDirectory: d2
       });
-      $U.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
+      mW.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
         ...e,
         f2
       ] : [
         f2
       ]);
     }
-    function lW() {
+    function wW() {
       r(e.filter((e2) => Paths.dirname(e2.path) !== g));
     }
-    function uW() {
+    function TW() {
       let c2 = [];
-      for (let e2 of q) {
-        if (!Z && e2.is_directory || $U.has(e2.path)) continue;
-        let r2 = sW({
+      for (let e2 of pW) {
+        if (!Z && e2.is_directory || mW.has(e2.path)) continue;
+        let r2 = xW({
           path: e2.path,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -17246,20 +17320,20 @@ ${c}
         ...c2
       ]);
     }
-    let dW = [
+    let EW = [
       {
         key: "parent",
         name: PARENT_DIRECTORY,
         Icon: CornerLeftUp,
         isSelected: false,
         canSelect: false,
-        onPrimary: () => oW(PARENT_DIRECTORY),
+        onPrimary: () => bW(PARENT_DIRECTORY),
         onToggleSelect: null
       },
-      ...q.map((e2) => {
+      ...pW.map((e2) => {
         let r2 = e2.path;
         r2.startsWith("//") && (r2 = r2.slice(1));
-        let c2 = Z && e2.is_directory || tW && !e2.is_directory, l2 = $U.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => cW({
+        let c2 = Z && e2.is_directory || hW && !e2.is_directory, l2 = mW.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => SW({
           path: r2,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -17270,46 +17344,46 @@ ${c}
           Icon: FILE_ICON[u2],
           isSelected: l2,
           canSelect: c2,
-          onPrimary: e2.is_directory ? () => oW(r2) : c2 ? d2 : () => {
+          onPrimary: e2.is_directory ? () => bW(r2) : c2 ? d2 : () => {
           },
           onToggleSelect: c2 ? d2 : null
         };
       })
     ];
-    function fW(e2) {
+    function DW(e2) {
       var _a4;
       E(e2), (_a4 = O.current[e2]) == null ? void 0 : _a4.focus();
     }
-    function pW(e2, r2) {
+    function OW(e2, r2) {
       var _a4, _b3;
-      let c2 = dW.length - 1;
+      let c2 = EW.length - 1;
       switch (e2.key) {
         case "ArrowDown":
-          e2.preventDefault(), fW(Math.min(r2 + 1, c2));
+          e2.preventDefault(), DW(Math.min(r2 + 1, c2));
           break;
         case "ArrowUp":
-          e2.preventDefault(), fW(Math.max(r2 - 1, 0));
+          e2.preventDefault(), DW(Math.max(r2 - 1, 0));
           break;
         case "Home":
-          e2.preventDefault(), fW(0);
+          e2.preventDefault(), DW(0);
           break;
         case "End":
-          e2.preventDefault(), fW(c2);
+          e2.preventDefault(), DW(c2);
           break;
         case "Enter":
-          e2.preventDefault(), dW[r2].onPrimary();
+          e2.preventDefault(), EW[r2].onPrimary();
           break;
         case " ":
-          e2.preventDefault(), (_b3 = (_a4 = dW[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a4);
+          e2.preventDefault(), (_b3 = (_a4 = EW[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a4);
           break;
       }
     }
-    let { parentDirectories: mW } = getProtocolAndParentDirectories({
+    let { parentDirectories: kW } = getProtocolAndParentDirectories({
       path: g,
-      delimiter: iW,
+      delimiter: vW,
       initialPath: c,
       restrictNavigation: f
-    }), hW = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+    }), AW = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
     return (0, import_jsx_runtime.jsxs)("div", {
       children: [
         z && (0, import_jsx_runtime.jsx)(Banner, {
@@ -17319,7 +17393,7 @@ ${c}
         (() => {
           let e2 = (0, import_jsx_runtime.jsx)(Label, {
             children: renderHTML({
-              html: d ?? `Select ${hW.join(" and ", 2)}...`
+              html: d ?? `Select ${AW.join(" and ", 2)}...`
             })
           });
           return u ? (0, import_jsx_runtime.jsxs)("div", {
@@ -17333,8 +17407,8 @@ ${c}
                 children: (0, import_jsx_runtime.jsx)(Button, {
                   size: "xs",
                   variant: "link",
-                  onClick: rW ? lW : uW,
-                  children: rW ? "Deselect all" : "Select all"
+                  onClick: _W ? wW : TW,
+                  children: _W ? "Deselect all" : "Select all"
                 })
               })
             ]
@@ -17344,15 +17418,15 @@ ${c}
           className: "mt-2 w-full",
           placeholder: g,
           value: g,
-          onChange: (e2) => oW(e2.target.value),
-          children: mW.map((e2) => (0, import_jsx_runtime.jsx)("option", {
+          onChange: (e2) => bW(e2.target.value),
+          children: kW.map((e2) => (0, import_jsx_runtime.jsx)("option", {
             value: e2,
             children: e2
           }, e2))
         }),
         R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
           className: "text-xs text-muted-foreground mt-1 px-1",
-          children: R.is_truncated ? `Showing ${q.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
+          children: R.is_truncated ? `Showing ${pW.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
         }),
         (0, import_jsx_runtime.jsxs)("div", {
           className: "mt-3 overflow-y-auto w-full border relative",
@@ -17381,14 +17455,14 @@ ${c}
               "aria-label": "File browser",
               "aria-multiselectable": u,
               children: (0, import_jsx_runtime.jsx)(TableBody, {
-                children: dW.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
+                children: EW.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
                   role: "row",
                   ref: (e3) => {
                     O.current[r2] = e3;
                   },
                   tabIndex: r2 === T ? 0 : -1,
                   onFocus: () => E(r2),
-                  onKeyDown: (e3) => pW(e3, r2),
+                  onKeyDown: (e3) => OW(e3, r2),
                   className: cn("hover:bg-accent group select-none focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", {
                     "bg-primary/25 hover:bg-primary/35": e2.isSelected
                   }),
@@ -17431,7 +17505,7 @@ ${c}
                     children: [
                       e.length,
                       " ",
-                      hW.join(" or ", e.length),
+                      AW.join(" or ", e.length),
                       " ",
                       "selected"
                     ]
@@ -17451,7 +17525,7 @@ ${c}
                     marginBlock: 0
                   },
                   className: "m-0 text-xs text-muted-foreground",
-                  children: aW
+                  children: yW
                 })
               })
             ]
@@ -22833,55 +22907,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), $U = (0, import_react.useRef)(null), Z = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), eW = Z[0], tW = Z[1], nW = eW.isFocused, rW = eW.isFileDialogActive, iW = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), aW = function() {
-      !iW.current && rW && setTimeout(function() {
-        $U.current && ($U.current.files.length || (tW({
+    ]), q = (0, import_react.useRef)(null), pW = (0, import_react.useRef)(null), mW = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), Z = mW[0], hW = mW[1], gW = Z.isFocused, _W = Z.isFileDialogActive, vW = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), yW = function() {
+      !vW.current && _W && setTimeout(function() {
+        pW.current && (pW.current.files.length || (hW({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", aW, false), function() {
-        window.removeEventListener("focus", aW, false);
+      return window.addEventListener("focus", yW, false), function() {
+        window.removeEventListener("focus", yW, false);
       };
     }, [
-      $U,
-      rW,
+      pW,
+      _W,
       G,
-      iW
+      vW
     ]);
-    var oW = (0, import_react.useRef)([]), sW = (0, import_react.useRef)([]), cW = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), oW.current = []);
+    var bW = (0, import_react.useRef)([]), xW = (0, import_react.useRef)([]), SW = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), bW.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", cW, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", cW));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", SW, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", SW));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        sW.current = [].concat(_toConsumableArray(sW.current), [
+        xW.current = [].concat(_toConsumableArray(xW.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && tW({
+        ]), isEvtWithFiles(e3) && hW({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        sW.current = sW.current.filter(function(r3) {
+        xW.current = xW.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(sW.current.length > 0) && tW({
+        }), !(xW.current.length > 0) && hW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        sW.current = [], tW({
+        xW.current = [], hW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        sW.current = [], tW({
+        xW.current = [], hW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -22899,12 +22973,12 @@ ${c}
       E,
       l
     ]);
-    var lW = (0, import_react.useCallback)(function(e2) {
+    var CW = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), uW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), CW(e2), oW.current = [].concat(_toConsumableArray(oW.current), [
+    ]), wW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), LW(e2), bW.current = [].concat(_toConsumableArray(bW.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -22917,7 +22991,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          tW({
+          hW({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -22925,12 +22999,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return lW(e3);
+        return CW(e3);
       });
     }, [
       u,
       h,
-      lW,
+      CW,
       L,
       B,
       f,
@@ -22938,8 +23012,8 @@ ${c}
       p,
       m,
       z
-    ]), dW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), CW(e2);
+    ]), TW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), LW(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -22949,12 +23023,12 @@ ${c}
     }, [
       _,
       L
-    ]), fW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), CW(e2);
-      var r2 = oW.current.filter(function(e3) {
+    ]), EW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), LW(e2);
+      var r2 = bW.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), oW.current = r2, !(r2.length > 0) && (tW({
+      c2 !== -1 && r2.splice(c2, 1), bW.current = r2, !(r2.length > 0) && (hW({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -22964,7 +23038,7 @@ ${c}
       q,
       g,
       L
-    ]), pW = (0, import_react.useCallback)(function(e2, r2) {
+    ]), DW = (0, import_react.useCallback)(function(e2, r2) {
       var c2 = [], l2 = [];
       e2.forEach(function(e3) {
         var r3 = _slicedToArray(fileAccepted(e3, B), 2), u2 = r3[0], p2 = r3[1], m2 = _slicedToArray(fileMatchSize(e3, f, d), 2), h2 = m2[0], g2 = m2[1], _2 = z ? z(e3) : null;
@@ -22988,14 +23062,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), tW({
+      }), c2.splice(0)), hW({
         acceptedFiles: c2,
         fileRejections: l2,
         isDragReject: l2.length > 0,
         type: "setFiles"
       }), v && v(c2, l2, r2), l2.length > 0 && b && b(l2, r2), c2.length > 0 && y && y(c2, r2);
     }, [
-      tW,
+      hW,
       p,
       B,
       f,
@@ -23005,22 +23079,22 @@ ${c}
       y,
       b,
       z
-    ]), mW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), CW(e2), oW.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || pW(r2, e2);
+    ]), OW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), LW(e2), bW.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || DW(r2, e2);
       }).catch(function(e3) {
-        return lW(e3);
-      }), tW({
+        return CW(e3);
+      }), hW({
         type: "reset"
       });
     }, [
       u,
-      pW,
-      lW,
+      DW,
+      CW,
       L
-    ]), hW = (0, import_react.useCallback)(function() {
-      if (iW.current) {
-        tW({
+    ]), kW = (0, import_react.useCallback)(function() {
+      if (vW.current) {
+        hW({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -23030,66 +23104,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          pW(e3, null), tW({
+          DW(e3, null), hW({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), tW({
+          isAbort(e3) ? (G(e3), hW({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (iW.current = false, $U.current ? ($U.current.value = null, $U.current.click()) : lW(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : lW(e3);
+          })) : isSecurityError(e3) ? (vW.current = false, pW.current ? (pW.current.value = null, pW.current.click()) : CW(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : CW(e3);
         });
         return;
       }
-      $U.current && (tW({
+      pW.current && (hW({
         type: "openDialog"
-      }), W(), $U.current.value = null, $U.current.click());
+      }), W(), pW.current.value = null, pW.current.click());
     }, [
-      tW,
+      hW,
       W,
       G,
       T,
-      pW,
-      lW,
+      DW,
+      CW,
       H,
       p
-    ]), gW = (0, import_react.useCallback)(function(e2) {
-      !q.current || !q.current.isEqualNode(e2.target) || (e2.key === " " || e2.key === "Enter" || e2.keyCode === 32 || e2.keyCode === 13) && (e2.preventDefault(), hW());
+    ]), AW = (0, import_react.useCallback)(function(e2) {
+      !q.current || !q.current.isEqualNode(e2.target) || (e2.key === " " || e2.key === "Enter" || e2.keyCode === 32 || e2.keyCode === 13) && (e2.preventDefault(), kW());
     }, [
       q,
-      hW
-    ]), _W = (0, import_react.useCallback)(function() {
-      tW({
+      kW
+    ]), jW = (0, import_react.useCallback)(function() {
+      hW({
         type: "focus"
       });
-    }, []), vW = (0, import_react.useCallback)(function() {
-      tW({
+    }, []), MW = (0, import_react.useCallback)(function() {
+      hW({
         type: "blur"
       });
-    }, []), yW = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(hW, 0) : hW());
+    }, []), NW = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(kW, 0) : kW());
     }, [
       j,
-      hW
-    ]), bW = function(e2) {
+      kW
+    ]), PW = function(e2) {
       return l ? null : e2;
-    }, xW = function(e2) {
-      return M ? null : bW(e2);
-    }, SW = function(e2) {
-      return I ? null : bW(e2);
-    }, CW = function(e2) {
+    }, FW = function(e2) {
+      return M ? null : PW(e2);
+    }, IW = function(e2) {
+      return I ? null : PW(e2);
+    }, LW = function(e2) {
       L && e2.stopPropagation();
-    }, wW = (0, import_react.useMemo)(function() {
+    }, RW = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, u2 = e2.role, d2 = e2.onKeyDown, f2 = e2.onFocus, p2 = e2.onBlur, m2 = e2.onClick, h2 = e2.onDragEnter, g2 = e2.onDragOver, _2 = e2.onDragLeave, v2 = e2.onDrop, y2 = _objectWithoutProperties$2(e2, _excluded3);
         return _objectSpread$7(_objectSpread$7(_defineProperty$10({
-          onKeyDown: xW(composeEventHandlers(d2, gW)),
-          onFocus: xW(composeEventHandlers(f2, _W)),
-          onBlur: xW(composeEventHandlers(p2, vW)),
-          onClick: bW(composeEventHandlers(m2, yW)),
-          onDragEnter: SW(composeEventHandlers(h2, uW)),
-          onDragOver: SW(composeEventHandlers(g2, dW)),
-          onDragLeave: SW(composeEventHandlers(_2, fW)),
-          onDrop: SW(composeEventHandlers(v2, mW)),
+          onKeyDown: FW(composeEventHandlers(d2, AW)),
+          onFocus: FW(composeEventHandlers(f2, jW)),
+          onBlur: FW(composeEventHandlers(p2, MW)),
+          onClick: PW(composeEventHandlers(m2, NW)),
+          onDragEnter: IW(composeEventHandlers(h2, wW)),
+          onDragOver: IW(composeEventHandlers(g2, TW)),
+          onDragLeave: IW(composeEventHandlers(_2, EW)),
+          onDrop: IW(composeEventHandlers(v2, OW)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -23097,20 +23171,20 @@ ${c}
       };
     }, [
       q,
-      gW,
-      _W,
-      vW,
-      yW,
-      uW,
-      dW,
-      fW,
-      mW,
+      AW,
+      jW,
+      MW,
+      NW,
+      wW,
+      TW,
+      EW,
+      OW,
       M,
       I,
       l
-    ]), TW = (0, import_react.useCallback)(function(e2) {
+    ]), zW = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), EW = (0, import_react.useMemo)(function() {
+    }, []), BW = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, l2 = e2.onChange, u2 = e2.onClick, d2 = _objectWithoutProperties$2(e2, _excluded4);
         return _objectSpread$7(_objectSpread$7({}, _defineProperty$10({
@@ -23129,25 +23203,25 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: bW(composeEventHandlers(l2, mW)),
-          onClick: bW(composeEventHandlers(u2, TW)),
+          onChange: PW(composeEventHandlers(l2, OW)),
+          onClick: PW(composeEventHandlers(u2, zW)),
           tabIndex: -1
-        }, c2, $U)), d2);
+        }, c2, pW)), d2);
       };
     }, [
-      $U,
+      pW,
       c,
       p,
-      mW,
+      OW,
       l
     ]);
-    return _objectSpread$7(_objectSpread$7({}, eW), {}, {
-      isFocused: nW && !l,
-      getRootProps: wW,
-      getInputProps: EW,
+    return _objectSpread$7(_objectSpread$7({}, Z), {}, {
+      isFocused: gW && !l,
+      getRootProps: RW,
+      getInputProps: BW,
       rootRef: q,
-      inputRef: $U,
-      open: bW(hW)
+      inputRef: pW,
+      open: PW(kW)
     });
   }
   function reducer$2(e, r) {
@@ -23379,47 +23453,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", $U = T && "text-destructive", Z;
-    r[48] !== q || r[49] !== $U ? (Z = cn(q, $U), r[48] = q, r[49] = $U, r[50] = Z) : Z = r[50];
-    let eW;
-    r[51] === Z ? eW = r[52] : (eW = (0, import_jsx_runtime.jsx)(Upload, {
+    let q = w && "text-primary", pW = T && "text-destructive", mW;
+    r[48] !== q || r[49] !== pW ? (mW = cn(q, pW), r[48] = q, r[49] = pW, r[50] = mW) : mW = r[50];
+    let Z;
+    r[51] === mW ? Z = r[52] : (Z = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
-      className: Z
-    }), r[51] = Z, r[52] = eW);
-    let tW = w && "text-primary", nW = T && "text-destructive", rW;
-    r[53] !== tW || r[54] !== nW ? (rW = cn(tW, nW), r[53] = tW, r[54] = nW, r[55] = rW) : rW = r[55];
-    let iW;
-    r[56] === rW ? iW = r[57] : (iW = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+      className: mW
+    }), r[51] = mW, r[52] = Z);
+    let hW = w && "text-primary", gW = T && "text-destructive", _W;
+    r[53] !== hW || r[54] !== gW ? (_W = cn(hW, gW), r[53] = hW, r[54] = gW, r[55] = _W) : _W = r[55];
+    let vW;
+    r[56] === _W ? vW = r[57] : (vW = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
-      className: rW
-    }), r[56] = rW, r[57] = iW);
-    let aW;
-    r[58] !== eW || r[59] !== iW ? (aW = (0, import_jsx_runtime.jsxs)("div", {
+      className: _W
+    }), r[56] = _W, r[57] = vW);
+    let yW;
+    r[58] !== Z || r[59] !== vW ? (yW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
-        eW,
-        iW
+        Z,
+        vW
       ]
-    }), r[58] = eW, r[59] = iW, r[60] = aW) : aW = r[60];
-    let oW;
-    r[61] !== G || r[62] !== aW ? (oW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = Z, r[59] = vW, r[60] = yW) : yW = r[60];
+    let bW;
+    r[61] !== G || r[62] !== yW ? (bW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        aW
+        yW
       ]
-    }), r[61] = G, r[62] = aW, r[63] = oW) : oW = r[63];
-    let sW;
-    r[64] !== W || r[65] !== oW || r[66] !== z || r[67] !== B ? (sW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = yW, r[63] = bW) : bW = r[63];
+    let xW;
+    r[64] !== W || r[65] !== bW || r[66] !== z || r[67] !== B ? (xW = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        oW
+        bW
       ]
-    }), r[64] = W, r[65] = oW, r[66] = z, r[67] = B, r[68] = sW) : sW = r[68];
-    let cW;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (cW = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = bW, r[66] = z, r[67] = B, r[68] = xW) : xW = r[68];
+    let SW;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (SW = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -23455,17 +23529,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = cW) : cW = r[74];
-    let lW;
-    return r[75] !== sW || r[76] !== cW ? (lW = (0, import_jsx_runtime.jsx)("section", {
+    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = SW) : SW = r[74];
+    let wW;
+    return r[75] !== xW || r[76] !== SW ? (wW = (0, import_jsx_runtime.jsx)("section", {
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: "flex flex-col items-start justify-start grow gap-3",
         children: [
-          sW,
-          cW
+          xW,
+          SW
         ]
       })
-    }), r[75] = sW, r[76] = cW, r[77] = lW) : lW = r[77], lW;
+    }), r[75] = xW, r[76] = SW, r[77] = wW) : wW = r[77], wW;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -23561,75 +23635,75 @@ ${c}
     r[10] !== u || r[11] !== d ? (q = (e2) => {
       e2.key === "Enter" && (e2.ctrlKey || e2.metaKey) && (e2.preventDefault(), e2.stopPropagation(), d(u));
     }, r[10] = u, r[11] = d, r[12] = q) : q = r[12];
-    let $U;
-    r[13] === f ? $U = r[14] : ($U = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    let pW;
+    r[13] === f ? pW = r[14] : (pW = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = $U);
-    let Z;
-    r[15] === L ? Z = r[16] : (Z = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    }), r[13] = f, r[14] = pW);
+    let mW;
+    r[15] === L ? mW = r[16] : (mW = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = Z);
-    let eW;
-    r[17] === c ? eW = r[18] : (eW = (0, import_jsx_runtime.jsx)("div", {
+    }), r[15] = L, r[16] = mW);
+    let Z;
+    r[17] === c ? Z = r[18] : (Z = (0, import_jsx_runtime.jsx)("div", {
       children: c
-    }), r[17] = c, r[18] = eW);
-    let tW;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (tW = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    }), r[17] = c, r[18] = Z);
+    let hW;
+    r[19] !== S || r[20] !== T || r[21] !== b ? (hW = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "marimo-plugin-form-clear-button",
       variant: "text",
       onClick: (e2) => {
         e2.preventDefault(), B();
       },
       children: S
-    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = tW) : tW = r[22];
-    let nW = v || h, rW;
-    r[23] === h ? rW = r[24] : (rW = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = hW) : hW = r[22];
+    let gW = v || h, _W;
+    r[23] === h ? _W = r[24] : (_W = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = rW);
-    let iW;
-    r[25] !== g || r[26] !== nW || r[27] !== rW || r[28] !== I ? (iW = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = _W);
+    let vW;
+    r[25] !== g || r[26] !== gW || r[27] !== _W || r[28] !== I ? (vW = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: nW,
+      disabled: gW,
       type: "submit",
       children: [
-        rW,
+        _W,
         g
       ]
-    }), r[25] = g, r[26] = nW, r[27] = rW, r[28] = I, r[29] = iW) : iW = r[29];
-    let aW;
-    r[30] !== _ || r[31] !== iW ? (aW = withTooltip(iW, _), r[30] = _, r[31] = iW, r[32] = aW) : aW = r[32];
-    let oW;
-    r[33] !== aW || r[34] !== tW ? (oW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[25] = g, r[26] = gW, r[27] = _W, r[28] = I, r[29] = vW) : vW = r[29];
+    let yW;
+    r[30] !== _ || r[31] !== vW ? (yW = withTooltip(vW, _), r[30] = _, r[31] = vW, r[32] = yW) : yW = r[32];
+    let bW;
+    r[33] !== yW || r[34] !== hW ? (bW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        tW,
-        aW
+        hW,
+        yW
       ]
-    }), r[33] = aW, r[34] = tW, r[35] = oW) : oW = r[35];
-    let sW;
-    r[36] !== oW || r[37] !== G || r[38] !== q || r[39] !== $U || r[40] !== Z || r[41] !== eW ? (sW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = yW, r[34] = hW, r[35] = bW) : bW = r[35];
+    let xW;
+    r[36] !== bW || r[37] !== G || r[38] !== q || r[39] !== pW || r[40] !== mW || r[41] !== Z ? (xW = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
-        $U,
+        pW,
+        mW,
         Z,
-        eW,
-        oW
+        bW
       ]
-    }), r[36] = oW, r[37] = G, r[38] = q, r[39] = $U, r[40] = Z, r[41] = eW, r[42] = sW) : sW = r[42];
-    let cW;
-    return r[43] !== sW || r[44] !== H ? (cW = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = bW, r[37] = G, r[38] = q, r[39] = pW, r[40] = mW, r[41] = Z, r[42] = xW) : xW = r[42];
+    let SW;
+    return r[43] !== xW || r[44] !== H ? (SW = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: sW
-    }), r[43] = sW, r[44] = H, r[45] = cW) : cW = r[45], cW;
+      children: xW
+    }), r[43] = xW, r[44] = H, r[45] = SW) : SW = r[45], SW;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$41.c)(24), c, l, u, d, f, p;
@@ -25402,8 +25476,8 @@ ${c}
         points: extractSunburstPoints(e2.points)
       }));
     }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), $U;
-    r[31] === u ? $U = r[32] : ($U = (e2) => {
+    let q = useEvent_default(G), pW;
+    r[31] === u ? pW = r[32] : (pW = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -25414,9 +25488,9 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = $U);
-    let Z = useEvent_default($U), eW;
-    r[33] === u ? eW = r[34] : (eW = (e2) => {
+    }, r[31] = u, r[32] = pW);
+    let mW = useEvent_default(pW), Z;
+    r[33] === u ? Z = r[34] : (Z = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
@@ -25425,9 +25499,9 @@ ${c}
         range: e2.range,
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[33] = u, r[34] = eW);
-    let tW = useEvent_default(eW), nW = m.frames ?? void 0, rW = useEvent_default(_temp3$3), iW;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== Z || r[42] !== tW || r[43] !== nW || r[44] !== rW || r[45] !== R ? (iW = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = u, r[34] = Z);
+    let hW = useEvent_default(Z), gW = m.frames ?? void 0, _W = useEvent_default(_temp3$3), vW;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== mW || r[42] !== hW || r[43] !== gW || r[44] !== _W || r[45] !== R ? (vW = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -25435,13 +25509,13 @@ ${c}
       onTreemapClick: W,
       onSunburstClick: q,
       config: L,
-      onClick: Z,
-      onSelected: tW,
+      onClick: mW,
+      onSelected: hW,
       className: "w-full",
       useResizeHandler: true,
-      frames: nW,
-      onError: rW
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = Z, r[42] = tW, r[43] = nW, r[44] = rW, r[45] = R, r[46] = iW) : iW = r[46], iW;
+      frames: gW,
+      onError: _W
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = mW, r[42] = hW, r[43] = gW, r[44] = _W, r[45] = R, r[46] = vW) : vW = r[46], vW;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -25573,8 +25647,8 @@ ${c}
     c[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = 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[17] = G) : G = c[17];
     let q;
     c[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = cn("absolute bg-blue-500 dark:bg-primary", "data-[orientation=horizontal]:h-full", "data-[orientation=vertical]:w-full", "data-disabled:opacity-50", "hover:cursor-grab active:cursor-grabbing"), c[18] = q) : q = c[18];
-    let $U;
-    c[19] !== L || c[20] !== z || c[21] !== H ? ($U = (0, import_jsx_runtime.jsx)(Track, {
+    let pW;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (pW = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
       className: G,
@@ -25585,9 +25659,9 @@ ${c}
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = $U) : $U = c[22];
-    let Z;
-    c[23] !== m.setFalse || c[24] !== m.setTrue ? (Z = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = pW) : pW = c[22];
+    let mW;
+    c[23] !== m.setFalse || c[24] !== m.setTrue ? (mW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -25597,30 +25671,30 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = Z) : Z = c[25];
-    let eW;
-    c[26] !== h || c[27] !== u.value || c[28] !== d ? (eW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = mW) : mW = c[25];
+    let Z;
+    c[26] !== h || c[27] !== u.value || c[28] !== d ? (Z = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[0]), {
         locale: h
       })
-    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = eW) : eW = c[29];
-    let tW;
-    c[30] === eW ? tW = c[31] : (tW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: eW
-    }), c[30] = eW, c[31] = tW);
-    let nW;
-    c[32] !== f || c[33] !== Z || c[34] !== tW ? (nW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = Z) : Z = c[29];
+    let hW;
+    c[30] === Z ? hW = c[31] : (hW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: Z
+    }), c[30] = Z, c[31] = hW);
+    let gW;
+    c[32] !== f || c[33] !== mW || c[34] !== hW ? (gW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          Z,
-          tW
+          mW,
+          hW
         ]
       })
-    }), c[32] = f, c[33] = Z, c[34] = tW, c[35] = nW) : nW = c[35];
-    let rW;
-    c[36] !== m.setFalse || c[37] !== m.setTrue ? (rW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = mW, c[34] = hW, c[35] = gW) : gW = c[35];
+    let _W;
+    c[36] !== m.setFalse || c[37] !== m.setTrue ? (_W = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -25630,39 +25704,39 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = rW) : rW = c[38];
-    let iW;
-    c[39] !== h || c[40] !== u.value || c[41] !== d ? (iW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = _W) : _W = c[38];
+    let vW;
+    c[39] !== h || c[40] !== u.value || c[41] !== d ? (vW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[1]), {
         locale: h
       })
-    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = iW) : iW = c[42];
-    let aW;
-    c[43] === iW ? aW = c[44] : (aW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: iW
-    }), c[43] = iW, c[44] = aW);
-    let oW;
-    c[45] !== f || c[46] !== rW || c[47] !== aW ? (oW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = vW) : vW = c[42];
+    let yW;
+    c[43] === vW ? yW = c[44] : (yW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: vW
+    }), c[43] = vW, c[44] = yW);
+    let bW;
+    c[45] !== f || c[46] !== _W || c[47] !== yW ? (bW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          rW,
-          aW
+          _W,
+          yW
         ]
       })
-    }), c[45] = f, c[46] = rW, c[47] = aW, c[48] = oW) : oW = c[48];
-    let sW;
-    return c[49] !== M || c[50] !== u || c[51] !== $U || c[52] !== nW || c[53] !== oW || c[54] !== W ? (sW = (0, import_jsx_runtime.jsxs)(Root, {
+    }), c[45] = f, c[46] = _W, c[47] = yW, c[48] = bW) : bW = c[48];
+    let xW;
+    return c[49] !== M || c[50] !== u || c[51] !== pW || c[52] !== gW || c[53] !== bW || c[54] !== W ? (xW = (0, import_jsx_runtime.jsxs)(Root, {
       ref: M,
       className: W,
       ...u,
       children: [
-        $U,
-        nW,
-        oW
+        pW,
+        gW,
+        bW
       ]
-    }), c[49] = M, c[50] = u, c[51] = $U, c[52] = nW, c[53] = oW, c[54] = W, c[55] = sW) : sW = c[55], sW;
+    }), c[49] = M, c[50] = u, c[51] = pW, c[52] = gW, c[53] = bW, c[54] = W, c[55] = xW) : xW = c[55], xW;
   });
   RangeSlider.displayName = Root.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -25713,14 +25787,14 @@ ${c}
     }, q = (e2) => {
       h && l(e2);
     }, r[10] = h, r[11] = l, r[12] = G, r[13] = q) : (G = r[12], q = r[13]);
-    let $U, Z;
-    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? ($U = () => {
+    let pW, mW;
+    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (pW = () => {
       h && !dequal(T, u) && l(T);
-    }, Z = () => {
+    }, mW = () => {
       h && !dequal(T, u) && l(T);
-    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = $U, r[19] = Z) : ($U = r[18], Z = r[19]);
-    let eW;
-    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== $U || r[31] !== Z || r[32] !== b ? (eW = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = pW, r[19] = mW) : (pW = r[18], mW = r[19]);
+    let Z;
+    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== pW || r[31] !== mW || r[32] !== b ? (Z = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -25731,36 +25805,36 @@ ${c}
       disabled: y,
       onValueChange: G,
       onValueCommit: q,
-      onPointerUp: $U,
-      onMouseUp: Z,
+      onPointerUp: pW,
+      onMouseUp: mW,
       valueMap: b
-    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = $U, r[31] = Z, r[32] = b, r[33] = eW) : eW = r[33];
-    let tW;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (tW = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = pW, r[31] = mW, r[32] = b, r[33] = Z) : Z = r[33];
+    let hW;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (hW = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
       children: `${prettyScientificNumber(b(T[0]), {
         locale: w
       })}, ${prettyScientificNumber(b(T[1]), {
         locale: w
       })}`
-    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = tW) : tW = r[38];
-    let nW;
-    r[39] !== eW || r[40] !== tW || r[41] !== B ? (nW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = hW) : hW = r[38];
+    let gW;
+    r[39] !== Z || r[40] !== hW || r[41] !== B ? (gW = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        eW,
-        tW
+        Z,
+        hW
       ]
-    }), r[39] = eW, r[40] = tW, r[41] = B, r[42] = nW) : nW = r[42];
-    let rW;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== nW || r[47] !== M || r[48] !== L ? (rW = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = Z, r[40] = hW, r[41] = B, r[42] = gW) : gW = r[42];
+    let _W;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== gW || r[47] !== M || r[48] !== L ? (_W = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: nW
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = nW, r[47] = M, r[48] = L, r[49] = rW) : rW = r[49], rW;
+      children: gW
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = gW, r[47] = M, r[48] = L, r[49] = _W) : _W = r[49], _W;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -26466,7 +26540,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-Pk6lyc_a.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-BFJTyykA.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object({
@@ -26796,7 +26870,7 @@ ${c}
         themeVariables: e.data.theme_variables
       });
     }
-  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-CJW9vIyO.js").then(async (m) => {
+  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-D-HYBMEV.js").then(async (m) => {
     await m.__tla;
     return m;
   })), import_compiler_runtime$22 = require_compiler_runtime();
@@ -29051,7 +29125,7 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), $U = Object.freeze({
+      }), pW = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
@@ -29059,40 +29133,40 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: G,
         createIsNestedEqual: r2
-      }), Z = T(q);
-      function eW(e3, r3) {
-        return Z(e3, r3, void 0);
+      }), mW = T(q);
+      function Z(e3, r3) {
+        return mW(e3, r3, void 0);
       }
-      var tW = T(l(q, {
+      var hW = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function nW(e3, r3) {
-        return tW(e3, r3, void 0);
+      function gW(e3, r3) {
+        return hW(e3, r3, void 0);
       }
-      var rW = T($U);
-      function iW(e3, r3) {
-        return rW(e3, r3, /* @__PURE__ */ new WeakMap());
+      var _W = T(pW);
+      function vW(e3, r3) {
+        return _W(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var aW = T(l($U, {
+      var yW = T(l(pW, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function oW(e3, r3) {
-        return aW(e3, r3, /* @__PURE__ */ new WeakMap());
+      function bW(e3, r3) {
+        return yW(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function sW(e3) {
+      function xW(e3) {
         return T(l(q, e3(q)));
       }
-      function cW(e3) {
-        var r3 = T(l($U, e3($U)));
+      function SW(e3) {
+        var r3 = T(l(pW, e3(pW)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = iW, e2.circularShallowEqual = oW, e2.createCustomCircularEqual = cW, e2.createCustomEqual = sW, e2.deepEqual = eW, e2.sameValueZeroEqual = f, e2.shallowEqual = nW, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = vW, e2.circularShallowEqual = bW, e2.createCustomCircularEqual = SW, e2.createCustomEqual = xW, e2.deepEqual = Z, e2.sameValueZeroEqual = f, e2.shallowEqual = gW, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -29118,7 +29192,7 @@ ${c}
   })), require_utils$1 = __commonJSMin(((e) => {
     Object.defineProperty(e, "__esModule", {
       value: true
-    }), e.bottom = h, e.childrenEqual = b, e.cloneLayout = g, e.cloneLayoutItem = y, e.collides = w, e.compact = T, e.compactItem = M, e.compactType = mW, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = G, e.resizeItemInDirection = oW, e.setTopLeft = cW, e.setTransform = sW, e.sortLayoutItems = lW, e.sortLayoutItemsByColRow = dW, e.sortLayoutItemsByRowCol = uW, e.synchronizeLayoutWithChildren = fW, e.validateLayout = pW, e.withLayoutItem = v;
+    }), e.bottom = h, e.childrenEqual = b, e.cloneLayout = g, e.cloneLayoutItem = y, e.collides = w, e.compact = T, e.compactItem = M, e.compactType = OW, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = G, e.resizeItemInDirection = bW, e.setTopLeft = SW, e.setTransform = xW, e.sortLayoutItems = CW, e.sortLayoutItemsByColRow = TW, e.sortLayoutItemsByRowCol = wW, e.synchronizeLayoutWithChildren = EW, e.validateLayout = DW, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -29223,7 +29297,7 @@ ${c}
       return !(e2.i === r2.i || e2.x + e2.w <= r2.x || e2.x >= r2.x + r2.w || e2.y + e2.h <= r2.y || e2.y >= r2.y + r2.h);
     }
     function T(e2, r2, c2, l2) {
-      let u2 = B(e2), d2 = h(u2), f2 = lW(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = CW(e2, r2), p2 = Array(e2.length);
       for (let m2 = 0, h2 = f2.length; m2 < h2; m2++) {
         let h3 = y(f2[m2]);
         h3.static || (h3 = M(u2, h3, r2, c2, f2, l2, d2), d2 = Math.max(d2, h3.y + h3.h), u2.push(h3)), p2[e2.indexOf(f2[m2])] = h3, h3.moved = false;
@@ -29281,7 +29355,7 @@ ${c}
       `${r2.i}${String(c2)}${String(l2)}${r2.x}${r2.y}`;
       let h2 = r2.x, _2 = r2.y;
       typeof c2 == "number" && (r2.x = c2), typeof l2 == "number" && (r2.y = l2), r2.moved = true;
-      let v2 = lW(e2, f2);
+      let v2 = CW(e2, f2);
       (f2 === "vertical" && typeof l2 == "number" ? _2 >= l2 : f2 === "horizontal" && typeof c2 == "number" && h2 >= c2) && (v2 = v2.reverse());
       let y2 = z(v2, r2), b2 = y2.length > 0;
       if (b2 && m2) return g(e2);
@@ -29315,61 +29389,61 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, $U = (e2, r2, c2) => e2 < 0 ? r2 : c2, Z = (e2) => Math.max(0, e2), eW = (e2) => Math.max(0, e2), tW = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, pW = (e2, r2, c2) => e2 < 0 ? r2 : c2, mW = (e2) => Math.max(0, e2), Z = (e2) => Math.max(0, e2), hW = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: $U(f2, e2.height, u2),
-        top: eW(f2)
+        height: pW(f2, e2.height, u2),
+        top: Z(f2)
       };
-    }, nW = (e2, r2, c2) => {
+    }, gW = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         top: l2,
         height: d2,
         width: q(e2.left, e2.width, f2, c2),
-        left: Z(u2)
+        left: mW(u2)
       };
-    }, rW = (e2, r2, c2) => {
+    }, _W = (e2, r2, c2) => {
       let { top: l2, height: u2, width: d2 } = r2, f2 = e2.left - (d2 - e2.width);
       return {
         height: u2,
         width: f2 < 0 ? e2.width : q(e2.left, e2.width, d2, c2),
-        top: eW(l2),
-        left: Z(f2)
+        top: Z(l2),
+        left: mW(f2)
       };
-    }, iW = (e2, r2, c2) => {
+    }, vW = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: $U(l2, e2.height, d2),
-        top: eW(l2)
+        height: pW(l2, e2.height, d2),
+        top: Z(l2)
       };
-    }, aW = {
-      n: tW,
+    }, yW = {
+      n: hW,
       ne: function() {
-        return tW(arguments.length <= 0 ? void 0 : arguments[0], nW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return hW(arguments.length <= 0 ? void 0 : arguments[0], gW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: nW,
+      e: gW,
       se: function() {
-        return iW(arguments.length <= 0 ? void 0 : arguments[0], nW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return vW(arguments.length <= 0 ? void 0 : arguments[0], gW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: iW,
+      s: vW,
       sw: function() {
-        return iW(arguments.length <= 0 ? void 0 : arguments[0], rW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return vW(arguments.length <= 0 ? void 0 : arguments[0], _W(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: rW,
+      w: _W,
       nw: function() {
-        return tW(arguments.length <= 0 ? void 0 : arguments[0], rW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return hW(arguments.length <= 0 ? void 0 : arguments[0], _W(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function oW(e2, r2, c2, l2) {
-      let u2 = aW[e2];
+    function bW(e2, r2, c2, l2) {
+      let u2 = yW[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function sW(e2) {
+    function xW(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -29382,7 +29456,7 @@ ${c}
         position: "absolute"
       };
     }
-    function cW(e2) {
+    function SW(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -29392,20 +29466,20 @@ ${c}
         position: "absolute"
       };
     }
-    function lW(e2, r2) {
-      return r2 === "horizontal" ? dW(e2) : r2 === "vertical" ? uW(e2) : e2;
+    function CW(e2, r2) {
+      return r2 === "horizontal" ? TW(e2) : r2 === "vertical" ? wW(e2) : e2;
     }
-    function uW(e2) {
+    function wW(e2) {
       return e2.slice(0).sort(function(e3, r2) {
         return e3.y > r2.y || e3.y === r2.y && e3.x > r2.x ? 1 : e3.y === r2.y && e3.x === r2.x ? 0 : -1;
       });
     }
-    function dW(e2) {
+    function TW(e2) {
       return e2.slice(0).sort(function(e3, r2) {
         return e3.x > r2.x || e3.x === r2.x && e3.y > r2.y ? 1 : -1;
       });
     }
-    function fW(e2, r2, l2, u2, f2) {
+    function EW(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -29426,7 +29500,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function pW(e2) {
+    function DW(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -29443,7 +29517,7 @@ ${c}
         if (u3.i !== void 0 && typeof u3.i != "string") throw Error(`ReactGridLayout: ${r2}[${l2}].i must be a string! Received: ${u3.i} (${typeof u3.i})`);
       }
     }
-    function mW(e2) {
+    function OW(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -32248,7 +32322,7 @@ ${c}
     ], r[4] = c.bordered, r[5] = w, r[6] = T), (0, import_react.useEffect)(w, T);
     let E = useIsDragging(), O, j;
     r[7] === E ? (O = r[8], j = r[9]) : ({ isDragging: j, ...O } = E, r[7] = E, r[8] = O, r[9] = j);
-    let M = !f && !v, I, L, R, z, B, H, W, G, q, $U, Z, eW, tW, nW, rW, iW, aW, oW, sW, cW, lW, uW, dW, fW, pW, mW;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, pW, mW, Z, hW, gW, _W, vW, yW, bW, xW, SW, CW, wW, TW, EW, DW, OW;
     if (r[10] !== u || r[11] !== S || r[12] !== O || r[13] !== g || r[14] !== M || r[15] !== h || r[16] !== j || r[17] !== f || r[18] !== c || r[19] !== d || r[20] !== l) {
       let e2 = Maps.keyBy(c.cells, _temp2$3), m2;
       r[47] !== c || r[48] !== l ? (m2 = (e3) => (r2) => {
@@ -32267,23 +32341,23 @@ ${c}
         });
       }, r[50] = c, r[51] = l, r[52] = v2) : v2 = r[52];
       let y2 = v2;
-      r[53] !== M || r[54] !== c.columns || r[55] !== c.maxWidth || r[56] !== c.rowHeight ? (L = {}, c.maxWidth && (L.maxWidth = `${c.maxWidth}px`), M && (L.backgroundImage = "repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)", L.backgroundSize = `calc((100% / ${c.columns})) ${c.rowHeight}px`), r[53] = M, r[54] = c.columns, r[55] = c.maxWidth, r[56] = c.rowHeight, r[57] = L) : L = r[57], I = ReactGridLayout, dW = "lg", r[58] === c.cells ? fW = r[59] : (fW = {
+      r[53] !== M || r[54] !== c.columns || r[55] !== c.maxWidth || r[56] !== c.rowHeight ? (L = {}, c.maxWidth && (L.maxWidth = `${c.maxWidth}px`), M && (L.backgroundImage = "repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)", L.backgroundSize = `calc((100% / ${c.columns})) ${c.rowHeight}px`), r[53] = M, r[54] = c.columns, r[55] = c.maxWidth, r[56] = c.rowHeight, r[57] = L) : L = r[57], I = ReactGridLayout, TW = "lg", r[58] === c.cells ? EW = r[59] : (EW = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = fW), pW = L, mW = S, R = false;
+      }, r[58] = c.cells, r[59] = EW), DW = L, OW = S, R = false;
       let b2 = M && "bg-(--slate-2) border-r", w2 = f && "disable-animation", T2 = !c.maxWidth && "min-w-[800px]";
       r[60] !== b2 || r[61] !== w2 || r[62] !== T2 ? (z = cn("w-full mx-auto bg-background flex-1 min-h-full", b2, w2, T2), r[60] = b2, r[61] = w2, r[62] = T2, r[63] = z) : z = r[63], r[64] === f ? B = r[65] : (B = f ? [
         20,
         20
-      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, $U = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (Z = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, pW = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (mW = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = Z) : Z = r[69], r[70] === g ? eW = r[71] : (eW = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = mW) : mW = r[69], r[70] === g ? Z = r[71] : (Z = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = eW), r[72] !== O || r[73] !== c || r[74] !== l ? (tW = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = Z), r[72] !== O || r[73] !== c || r[74] !== l ? (hW = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -32291,21 +32365,22 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = tW) : tW = r[75], r[76] === O ? (nW = r[77], rW = r[78], iW = r[79]) : (nW = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = hW) : hW = r[75], r[76] === O ? (gW = r[77], _W = r[78], vW = r[79]) : (gW = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, rW = (e3, r2, c2, l2, u2) => {
+      }, _W = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, iW = () => {
+      }, vW = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = nW, r[78] = rW, r[79] = iW), aW = _temp3$2, oW = M, sW = M, cW = M, lW = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = gW, r[78] = _W, r[79] = vW), yW = _temp3$2, bW = M, xW = M, SW = M, CW = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), uW = u.filter(E2).map((r2) => {
+      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), wW = u.filter(E2).map((r2) => {
         let u2 = e2.get(r2.id), f2 = c.scrollableCells.has(r2.id) ?? false, p = c.cellSide.get(r2.id), m3 = (0, import_jsx_runtime.jsx)(GridCell, {
           code: r2.code,
           mode: d,
           cellId: r2.id,
           output: r2.output,
           status: r2.status,
+          stale: outputIsStale(r2, false),
           isScrollable: f2,
           side: p,
           hidden: r2.errored || r2.interrupted || r2.stopped
@@ -32328,14 +32403,14 @@ ${c}
         }, r2.id) : (0, import_jsx_runtime.jsx)("div", {
           children: m3
         }, r2.id);
-      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = $U, r[31] = Z, r[32] = eW, r[33] = tW, r[34] = nW, r[35] = rW, r[36] = iW, r[37] = aW, r[38] = oW, r[39] = sW, r[40] = cW, r[41] = lW, r[42] = uW, r[43] = dW, r[44] = fW, r[45] = pW, r[46] = mW;
-    } else I = r[21], L = r[22], R = r[23], z = r[24], B = r[25], H = r[26], W = r[27], G = r[28], q = r[29], $U = r[30], Z = r[31], eW = r[32], tW = r[33], nW = r[34], rW = r[35], iW = r[36], aW = r[37], oW = r[38], sW = r[39], cW = r[40], lW = r[41], uW = r[42], dW = r[43], fW = r[44], pW = r[45], mW = r[46];
-    let hW;
-    r[82] !== I || r[83] !== R || r[84] !== z || r[85] !== B || r[86] !== H || r[87] !== W || r[88] !== G || r[89] !== q || r[90] !== $U || r[91] !== Z || r[92] !== eW || r[93] !== tW || r[94] !== nW || r[95] !== rW || r[96] !== iW || r[97] !== aW || r[98] !== oW || r[99] !== sW || r[100] !== cW || r[101] !== lW || r[102] !== uW || r[103] !== dW || r[104] !== fW || r[105] !== pW || r[106] !== mW ? (hW = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: dW,
-      layouts: fW,
-      style: pW,
-      cols: mW,
+      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = pW, r[31] = mW, r[32] = Z, r[33] = hW, r[34] = gW, r[35] = _W, r[36] = vW, r[37] = yW, r[38] = bW, r[39] = xW, r[40] = SW, r[41] = CW, r[42] = wW, r[43] = TW, r[44] = EW, r[45] = DW, r[46] = OW;
+    } else I = r[21], L = r[22], R = r[23], z = r[24], B = r[25], H = r[26], W = r[27], G = r[28], q = r[29], pW = r[30], mW = r[31], Z = r[32], hW = r[33], gW = r[34], _W = r[35], vW = r[36], yW = r[37], bW = r[38], xW = r[39], SW = r[40], CW = r[41], wW = r[42], TW = r[43], EW = r[44], DW = r[45], OW = r[46];
+    let kW;
+    r[82] !== I || r[83] !== R || r[84] !== z || r[85] !== B || r[86] !== H || r[87] !== W || r[88] !== G || r[89] !== q || r[90] !== pW || r[91] !== mW || r[92] !== Z || r[93] !== hW || r[94] !== gW || r[95] !== _W || r[96] !== vW || r[97] !== yW || r[98] !== bW || r[99] !== xW || r[100] !== SW || r[101] !== CW || r[102] !== wW || r[103] !== TW || r[104] !== EW || r[105] !== DW || r[106] !== OW ? (kW = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: TW,
+      layouts: EW,
+      style: DW,
+      cols: OW,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -32343,23 +32418,23 @@ ${c}
       isBounded: W,
       compactType: G,
       preventCollision: q,
-      rowHeight: $U,
-      onLayoutChange: Z,
-      droppingItem: eW,
-      onDrop: tW,
-      onDragStart: nW,
-      onDrag: rW,
-      onDragStop: iW,
-      onResizeStop: aW,
-      isDraggable: oW,
-      isDroppable: sW,
-      isResizable: cW,
-      draggableHandle: lW,
-      children: uW
-    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = G, r[89] = q, r[90] = $U, r[91] = Z, r[92] = eW, r[93] = tW, r[94] = nW, r[95] = rW, r[96] = iW, r[97] = aW, r[98] = oW, r[99] = sW, r[100] = cW, r[101] = lW, r[102] = uW, r[103] = dW, r[104] = fW, r[105] = pW, r[106] = mW, r[107] = hW) : hW = r[107];
-    let gW = hW, _W, vW, yW, bW, xW, SW, CW;
-    if (r[108] !== u || r[109] !== gW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      CW = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      rowHeight: pW,
+      onLayoutChange: mW,
+      droppingItem: Z,
+      onDrop: hW,
+      onDragStart: gW,
+      onDrag: _W,
+      onDragStop: vW,
+      onResizeStop: yW,
+      isDraggable: bW,
+      isDroppable: xW,
+      isResizable: SW,
+      draggableHandle: CW,
+      children: wW
+    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = G, r[89] = q, r[90] = pW, r[91] = mW, r[92] = Z, r[93] = hW, r[94] = gW, r[95] = _W, r[96] = vW, r[97] = yW, r[98] = bW, r[99] = xW, r[100] = SW, r[101] = CW, r[102] = wW, r[103] = TW, r[104] = EW, r[105] = DW, r[106] = OW, r[107] = kW) : kW = r[107];
+    let AW = kW, jW, MW, NW, PW, FW, IW, LW;
+    if (r[108] !== u || r[109] !== AW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      LW = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let e2;
         r[125] === h ? e2 = r[126] : (e2 = (e3) => !h.has(e3.id), r[125] = h, r[126] = e2);
@@ -32367,14 +32442,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== gW || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== AW || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
               className: "flex flex-1 flex-col items-center",
               children: (0, import_jsx_runtime.jsx)("div", {
                 style: L,
                 className: "bg-background flex-1 border-t border-x rounded-t shadow-sm w-full overflow-hidden",
-                children: gW
+                children: AW
               })
-            }), r[127] = gW, r[128] = L, r[129] = e4) : e4 = r[129], gW = e4;
+            }), r[127] = AW, r[128] = L, r[129] = e4) : e4 = r[129], AW = e4;
           }
           let e3 = m2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -32383,11 +32458,12 @@ ${c}
             cellId: e4.id,
             output: e4.output,
             status: e4.status,
+            stale: outputIsStale(e4, false),
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), CW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), LW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              gW,
+              AW,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -32398,31 +32474,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === gW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === AW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: gW
-          }), r[132] = gW, r[133] = e3);
+            children: AW
+          }), r[132] = AW, r[133] = e3);
           let c2;
           r[134] !== L || r[135] !== e3 ? (c2 = (0, import_jsx_runtime.jsx)("div", {
             style: L,
             className: "bg-background border-t border-x rounded-t shadow-sm w-full mx-auto mt-4 h-[calc(100%-1rem)] overflow-hidden",
             children: e3
-          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], gW = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], AW = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (SW = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (IW = (0, import_jsx_runtime.jsx)(GridControls, {
           layout: c,
           setLayout: l,
           isLocked: v,
           setIsLocked: y
-        }), r[137] = v, r[138] = c, r[139] = l, r[140] = SW) : SW = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = IW) : IW = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (bW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = bW, r[142] = g2) : (bW = r[141], g2 = r[142]), r[143] === gW ? xW = r[144] : (xW = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (PW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = PW, r[142] = g2) : (PW = r[141], g2 = r[142]), r[143] === AW ? FW = r[144] : (FW = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: gW
-        }), r[143] = gW, r[144] = xW), _W = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (vW = (0, import_jsx_runtime.jsx)("div", {
+          children: AW
+        }), r[143] = AW, r[144] = FW), jW = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (MW = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = vW) : vW = r[145];
+        }), r[145] = MW) : MW = r[145];
         let b2;
         r[146] !== c.columns || r[147] !== c.rowHeight || r[148] !== d ? (b2 = (e3) => (0, import_jsx_runtime.jsx)("div", {
           draggable: true,
@@ -32445,41 +32521,42 @@ ${c}
             output: e3.output,
             isScrollable: false,
             status: e3.status,
+            stale: outputIsStale(e3, false),
             hidden: false
           })
-        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], yW = m2.map(b2);
-      }
-      r[108] = u, r[109] = gW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = _W, r[118] = vW, r[119] = yW, r[120] = bW, r[121] = xW, r[122] = SW, r[123] = CW, r[124] = gW;
-    } else _W = r[117], vW = r[118], yW = r[119], bW = r[120], xW = r[121], SW = r[122], CW = r[123], gW = r[124];
-    if (CW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return CW;
-    let wW;
-    r[150] !== _W || r[151] !== vW || r[152] !== yW ? (wW = (0, import_jsx_runtime.jsxs)("div", {
-      className: _W,
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], NW = m2.map(b2);
+      }
+      r[108] = u, r[109] = AW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = jW, r[118] = MW, r[119] = NW, r[120] = PW, r[121] = FW, r[122] = IW, r[123] = LW, r[124] = AW;
+    } else jW = r[117], MW = r[118], NW = r[119], PW = r[120], FW = r[121], IW = r[122], LW = r[123], AW = r[124];
+    if (LW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return LW;
+    let RW;
+    r[150] !== jW || r[151] !== MW || r[152] !== NW ? (RW = (0, import_jsx_runtime.jsxs)("div", {
+      className: jW,
       children: [
-        vW,
-        yW
+        MW,
+        NW
       ]
-    }), r[150] = _W, r[151] = vW, r[152] = yW, r[153] = wW) : wW = r[153];
-    let TW;
-    r[154] !== bW || r[155] !== xW || r[156] !== wW ? (TW = (0, import_jsx_runtime.jsxs)("div", {
-      className: bW,
+    }), r[150] = jW, r[151] = MW, r[152] = NW, r[153] = RW) : RW = r[153];
+    let zW;
+    r[154] !== PW || r[155] !== FW || r[156] !== RW ? (zW = (0, import_jsx_runtime.jsxs)("div", {
+      className: PW,
       children: [
-        xW,
-        wW
+        FW,
+        RW
       ]
-    }), r[154] = bW, r[155] = xW, r[156] = wW, r[157] = TW) : TW = r[157];
-    let EW;
-    return r[158] !== SW || r[159] !== TW ? (EW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = PW, r[155] = FW, r[156] = RW, r[157] = zW) : zW = r[157];
+    let BW;
+    return r[158] !== IW || r[159] !== zW ? (BW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        SW,
-        TW
+        IW,
+        zW
       ]
-    }), r[158] = SW, r[159] = TW, r[160] = EW) : EW = r[160], EW;
+    }), r[158] = IW, r[159] = zW, r[160] = BW) : BW = r[160], BW;
   };
   var GridCell = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$13.c)(20), { output: c, cellId: l, status: u, mode: d, code: f, hidden: m, isScrollable: h, side: g, className: _ } = e, v;
-    r[0] === u ? v = r[1] : (v = outputIsLoading(u), r[0] = u, r[1] = v);
-    let y = v;
+    let r = (0, import_compiler_runtime$13.c)(21), { output: c, cellId: l, status: u, mode: d, code: f, hidden: m, isScrollable: h, side: g, className: _, stale: v } = e, y;
+    r[0] === u ? y = r[1] : (y = outputIsLoading(u), r[0] = u, r[1] = y);
+    let b = y;
     if ((c == null || c.data === "") && d !== "read") {
       let e2;
       return r[2] !== _ || r[3] !== f ? (e2 = (0, import_jsx_runtime.jsx)(TinyCode, {
@@ -32487,21 +32564,21 @@ ${c}
         code: f
       }), r[2] = _, r[3] = f, r[4] = e2) : e2 = r[4], e2;
     }
-    let b = m && "invisible", S = h ? "overflow-y-auto" : "overflow-y-hidden", w = g === "top" && "flex items-start", T = g === "bottom" && "flex items-end", E = g === "left" && "flex justify-start", O = g === "right" && "flex justify-end", j;
-    r[5] !== _ || r[6] !== b || r[7] !== S || r[8] !== w || r[9] !== T || r[10] !== E || r[11] !== O ? (j = cn(_, "h-full w-full p-2 overflow-x-auto", b, S, w, T, E, O), r[5] = _, r[6] = b, r[7] = S, r[8] = w, r[9] = T, r[10] = E, r[11] = O, r[12] = j) : j = r[12];
-    let M;
-    r[13] !== l || r[14] !== y || r[15] !== c ? (M = (0, import_jsx_runtime.jsx)(OutputArea, {
+    let S = m && "invisible", w = h ? "overflow-y-auto" : "overflow-y-hidden", T = g === "top" && "flex items-start", E = g === "bottom" && "flex items-end", O = g === "left" && "flex justify-start", j = g === "right" && "flex justify-end", M;
+    r[5] !== _ || r[6] !== S || r[7] !== w || r[8] !== T || r[9] !== E || r[10] !== O || r[11] !== j ? (M = cn(_, "h-full w-full p-2 overflow-x-auto", S, w, T, E, O, j), r[5] = _, r[6] = S, r[7] = w, r[8] = T, r[9] = E, r[10] = O, r[11] = j, r[12] = M) : M = r[12];
+    let I;
+    r[13] !== l || r[14] !== b || r[15] !== c || r[16] !== v ? (I = (0, import_jsx_runtime.jsx)(OutputArea, {
       allowExpand: false,
       output: c,
       cellId: l,
-      stale: y,
-      loading: y
-    }), r[13] = l, r[14] = y, r[15] = c, r[16] = M) : M = r[16];
-    let I;
-    return r[17] !== j || r[18] !== M ? (I = (0, import_jsx_runtime.jsx)("div", {
-      className: j,
-      children: M
-    }), r[17] = j, r[18] = M, r[19] = I) : I = r[19], I;
+      stale: v,
+      loading: b
+    }), r[13] = l, r[14] = b, r[15] = c, r[16] = v, r[17] = I) : I = r[17];
+    let L;
+    return r[18] !== M || r[19] !== I ? (L = (0, import_jsx_runtime.jsx)("div", {
+      className: M,
+      children: I
+    }), r[18] = M, r[19] = I, r[20] = L) : L = r[20], L;
   });
   GridCell.displayName = "GridCell";
   var GridControls = (e) => {
@@ -32775,25 +32852,25 @@ ${c}
         G
       ]
     }), r[31] = L, r[32] = R, r[33] = G, r[34] = q) : q = r[34];
-    let $U;
-    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($U = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+    let pW;
+    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pW = (0, import_jsx_runtime.jsx)(GripHorizontal, {
       className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
-    }), r[35] = $U) : $U = r[35];
-    let Z;
-    r[36] === l ? Z = r[37] : (Z = (0, import_jsx_runtime.jsx)(X, {
+    }), r[35] = pW) : pW = r[35];
+    let mW;
+    r[36] === l ? mW = r[37] : (mW = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
-    }), r[36] = l, r[37] = Z);
-    let eW;
-    return r[38] !== I || r[39] !== q || r[40] !== Z || r[41] !== w ? (eW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[36] = l, r[37] = mW);
+    let Z;
+    return r[38] !== I || r[39] !== q || r[40] !== mW || r[41] !== w ? (Z = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
         q,
-        $U,
-        Z
+        pW,
+        mW
       ]
-    }), r[38] = I, r[39] = q, r[40] = Z, r[41] = w, r[42] = eW) : eW = r[42], eW;
+    }), r[38] = I, r[39] = q, r[40] = mW, r[41] = w, r[42] = Z) : Z = r[42], Z;
   };
   function isSidebarCell(e) {
     var _a3;
@@ -34797,31 +34874,31 @@ ${c}
     }, [
       T,
       M
-    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), $U = (0, import_react.useMemo)(() => j.getEnabled(), [
+    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), pW = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), Z = useMeasuringConfiguration(p), { droppableRects: eW, measureDroppableContainers: tW, measuringScheduled: nW } = useDroppableMeasuring($U, {
+    ]), mW = useMeasuringConfiguration(p), { droppableRects: Z, measureDroppableContainers: hW, measuringScheduled: gW } = useDroppableMeasuring(pW, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
-      config: Z.droppable
-    }), rW = useCachedNode(E, T), iW = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+      config: mW.droppable
+    }), _W = useCachedNode(E, T), vW = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), aW = IW(), oW = useInitialRect(rW, Z.draggable.measure);
+    ]), yW = XW(), bW = useInitialRect(_W, mW.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: aW.layoutShiftCompensation,
-      initialRect: oW,
-      measure: Z.draggable.measure
+      config: yW.layoutShiftCompensation,
+      initialRect: bW,
+      measure: mW.draggable.measure
     });
-    let sW = useRect(rW, Z.draggable.measure, oW), cW = useRect(rW ? rW.parentElement : null), lW = (0, import_react.useRef)({
+    let xW = useRect(_W, mW.draggable.measure, bW), SW = useRect(_W ? _W.parentElement : null), CW = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: rW,
+      activeNode: _W,
       collisionRect: null,
       collisions: null,
-      droppableRects: eW,
+      droppableRects: Z,
       draggableNodes: E,
       draggingNode: null,
       draggingNodeRect: null,
@@ -34829,45 +34906,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), uW = j.getNodeFor((_a3 = lW.current.over) == null ? void 0 : _a3.id), dW = useDragOverlayMeasuring({
-      measure: Z.dragOverlay.measure
-    }), fW = dW.nodeRef.current ?? rW, pW = w ? dW.rect ?? sW : null, mW = !!(dW.nodeRef.current && dW.rect), hW = useRectDelta(mW ? null : sW), gW = useWindowRect(fW ? getWindow(fW) : null), _W = useScrollableAncestors(w ? uW ?? rW : null), vW = useRects(_W), yW = applyModifiers(m, {
+    }), wW = j.getNodeFor((_a3 = CW.current.over) == null ? void 0 : _a3.id), TW = useDragOverlayMeasuring({
+      measure: mW.dragOverlay.measure
+    }), EW = TW.nodeRef.current ?? _W, DW = w ? TW.rect ?? xW : null, OW = !!(TW.nodeRef.current && TW.rect), kW = useRectDelta(OW ? null : xW), AW = useWindowRect(EW ? getWindow(EW) : null), jW = useScrollableAncestors(w ? wW ?? _W : null), MW = useRects(jW), NW = applyModifiers(m, {
       transform: {
-        x: O.x - hW.x,
-        y: O.y - hW.y,
+        x: O.x - kW.x,
+        y: O.y - kW.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: sW,
-      containerNodeRect: cW,
-      draggingNodeRect: pW,
-      over: lW.current.over,
-      overlayNodeRect: dW.rect,
-      scrollableAncestors: _W,
-      scrollableAncestorRects: vW,
-      windowRect: gW
-    }), bW = iW ? add(iW, O) : null, xW = useScrollOffsets(_W), SW = useScrollOffsetsDelta(xW), CW = useScrollOffsetsDelta(xW, [
-      sW
-    ]), wW = add(yW, SW), TW = pW ? getAdjustedRect(pW, yW) : null, EW = L && TW ? f({
+      activeNodeRect: xW,
+      containerNodeRect: SW,
+      draggingNodeRect: DW,
+      over: CW.current.over,
+      overlayNodeRect: TW.rect,
+      scrollableAncestors: jW,
+      scrollableAncestorRects: MW,
+      windowRect: AW
+    }), PW = vW ? add(vW, O) : null, FW = useScrollOffsets(jW), IW = useScrollOffsetsDelta(FW), LW = useScrollOffsetsDelta(FW, [
+      xW
+    ]), RW = add(NW, IW), zW = DW ? getAdjustedRect(DW, NW) : null, BW = L && zW ? f({
       active: L,
-      collisionRect: TW,
-      droppableRects: eW,
-      droppableContainers: $U,
-      pointerCoordinates: bW
-    }) : null, DW = getFirstCollision(EW, "id"), [OW, kW] = (0, import_react.useState)(null), AW = adjustScale(mW ? yW : add(yW, CW), (OW == null ? void 0 : OW.rect) ?? null, sW), jW = (0, import_react.useRef)(null), MW = (0, import_react.useCallback)((e2, r2) => {
+      collisionRect: zW,
+      droppableRects: Z,
+      droppableContainers: pW,
+      pointerCoordinates: PW
+    }) : null, VW = getFirstCollision(BW, "id"), [HW, UW] = (0, import_react.useState)(null), WW = adjustScale(OW ? NW : add(NW, LW), (HW == null ? void 0 : HW.rect) ?? null, xW), GW = (0, import_react.useRef)(null), KW = (0, import_react.useCallback)((e2, r2) => {
       let { sensor: c2, options: l2 } = r2;
       if (R.current == null) return;
       let u2 = E.get(R.current);
       if (!u2) return;
       let d2 = e2.nativeEvent;
-      jW.current = new c2({
+      GW.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: lW,
+        context: CW,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -34912,7 +34989,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(jW.current), W(d2);
+            }), B(GW.current), W(d2);
           });
         },
         onMove(e3) {
@@ -34926,7 +35003,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = lW.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = CW.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -34940,7 +35017,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), kW(null), B(null), W(null), jW.current = null;
+            }), S(Status.Uninitialized), UW(null), B(null), W(null), GW.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e4 = G.current[r4];
@@ -34954,7 +35031,7 @@ ${c}
       }
     }, [
       E
-    ]), NW = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), qW = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
       let u2 = c2.nativeEvent, d2 = E.get(l2);
       if (R.current !== null || !d2 || u2.dndKit || u2.defaultPrevented) return;
       let f2 = {
@@ -34962,26 +35039,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, MW(c2, r2));
+      }, R.current = l2, KW(c2, r2));
     }, [
       E,
-      MW
+      KW
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      sW && b === Status.Initializing && S(Status.Initialized);
+      xW && b === Status.Initializing && S(Status.Initialized);
     }, [
-      sW,
+      xW,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = lW.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = CW.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: wW.x,
-          y: wW.y
+          x: RW.x,
+          y: RW.y
         },
         over: u2
       };
@@ -34992,12 +35069,12 @@ ${c}
         });
       });
     }, [
-      wW.x,
-      wW.y
+      RW.x,
+      RW.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = lW.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = CW.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(DW), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(VW), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -35013,127 +35090,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        kW(p2), d2 == null ? void 0 : d2(m2), v({
+        UW(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      DW
+      VW
     ]), useIsomorphicLayoutEffect(() => {
-      lW.current = {
+      CW.current = {
         activatorEvent: H,
         active: L,
-        activeNode: rW,
-        collisionRect: TW,
-        collisions: EW,
-        droppableRects: eW,
+        activeNode: _W,
+        collisionRect: zW,
+        collisions: BW,
+        droppableRects: Z,
         draggableNodes: E,
-        draggingNode: fW,
-        draggingNodeRect: pW,
+        draggingNode: EW,
+        draggingNodeRect: DW,
         droppableContainers: j,
-        over: OW,
-        scrollableAncestors: _W,
-        scrollAdjustedTranslate: wW
+        over: HW,
+        scrollableAncestors: jW,
+        scrollAdjustedTranslate: RW
       }, I.current = {
-        initial: pW,
-        translated: TW
+        initial: DW,
+        translated: zW
       };
     }, [
       L,
-      rW,
-      EW,
-      TW,
+      _W,
+      BW,
+      zW,
       E,
-      fW,
-      pW,
-      eW,
+      EW,
+      DW,
+      Z,
       j,
-      OW,
-      _W,
-      wW
+      HW,
+      jW,
+      RW
     ]), useAutoScroller({
-      ...aW,
+      ...yW,
       delta: O,
-      draggingRect: TW,
-      pointerCoordinates: bW,
-      scrollableAncestors: _W,
-      scrollableAncestorRects: vW
+      draggingRect: zW,
+      pointerCoordinates: PW,
+      scrollableAncestors: jW,
+      scrollableAncestorRects: MW
     });
-    let PW = (0, import_react.useMemo)(() => ({
+    let JW = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: rW,
-      activeNodeRect: sW,
+      activeNode: _W,
+      activeNodeRect: xW,
       activatorEvent: H,
-      collisions: EW,
-      containerNodeRect: cW,
-      dragOverlay: dW,
+      collisions: BW,
+      containerNodeRect: SW,
+      dragOverlay: TW,
       draggableNodes: E,
       droppableContainers: j,
-      droppableRects: eW,
-      over: OW,
-      measureDroppableContainers: tW,
-      scrollableAncestors: _W,
-      scrollableAncestorRects: vW,
-      measuringConfiguration: Z,
-      measuringScheduled: nW,
-      windowRect: gW
+      droppableRects: Z,
+      over: HW,
+      measureDroppableContainers: hW,
+      scrollableAncestors: jW,
+      scrollableAncestorRects: MW,
+      measuringConfiguration: mW,
+      measuringScheduled: gW,
+      windowRect: AW
     }), [
       L,
-      rW,
-      sW,
+      _W,
+      xW,
       H,
-      EW,
-      cW,
-      dW,
+      BW,
+      SW,
+      TW,
       E,
       j,
-      eW,
-      OW,
-      tW,
-      _W,
-      vW,
       Z,
-      nW,
-      gW
-    ]), FW = (0, import_react.useMemo)(() => ({
+      HW,
+      hW,
+      jW,
+      MW,
+      mW,
+      gW,
+      AW
+    ]), YW = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: NW,
+      activators: qW,
       active: L,
-      activeNodeRect: sW,
+      activeNodeRect: xW,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: OW,
-      measureDroppableContainers: tW
+      over: HW,
+      measureDroppableContainers: hW
     }), [
       H,
-      NW,
+      qW,
       L,
-      sW,
+      xW,
       _,
       q,
       E,
-      OW,
-      tW
+      HW,
+      hW
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: FW
+      value: YW
     }, import_react.createElement(PublicContext.Provider, {
-      value: PW
+      value: JW
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: AW
+      value: WW
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function IW() {
+    function XW() {
       let e2 = (z == null ? void 0 : z.autoScrollEnabled) === false, r2 = typeof l == "object" ? l.enabled === false : l === false, c2 = w && !e2 && !r2;
       return typeof l == "object" ? {
         ...l,
@@ -35661,7 +35738,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: $U, listeners: Z, isDragging: eW, over: tW, setActivatorNodeRef: nW, transform: rW } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: pW, listeners: mW, isDragging: Z, over: hW, setActivatorNodeRef: gW, transform: _W } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -35669,60 +35746,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), iW = useCombinedRefs(B, $U), aW = !!H, oW = aW && !b && isValidIndex(v) && isValidIndex(w), sW = !T && eW, cW = oW ? (sW && oW ? rW : null) ?? (p ?? E)({
+    }), vW = useCombinedRefs(B, pW), yW = !!H, bW = yW && !b && isValidIndex(v) && isValidIndex(w), xW = !T && Z, SW = bW ? (xW && bW ? _W : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, lW = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, CW = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, uW = H == null ? void 0 : H.id, dW = (0, import_react.useRef)({
-      activeId: uW,
+    }) : j, wW = H == null ? void 0 : H.id, TW = (0, import_react.useRef)({
+      activeId: wW,
       items: g,
-      newIndex: lW,
+      newIndex: CW,
       containerId: _
-    }), fW = g !== dW.current.items, pW = r({
+    }), EW = g !== TW.current.items, DW = r({
       active: H,
       containerId: _,
-      isDragging: eW,
-      isSorting: aW,
+      isDragging: Z,
+      isSorting: yW,
       id: f,
       index: j,
       items: g,
-      newIndex: dW.current.newIndex,
-      previousItems: dW.current.items,
-      previousContainerId: dW.current.containerId,
+      newIndex: TW.current.newIndex,
+      previousItems: TW.current.items,
+      previousContainerId: TW.current.containerId,
       transition: h,
-      wasDragging: dW.current.activeId != null
-    }), mW = useDerivedTransform({
-      disabled: !pW,
+      wasDragging: TW.current.activeId != null
+    }), OW = useDerivedTransform({
+      disabled: !DW,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      aW && dW.current.newIndex !== lW && (dW.current.newIndex = lW), _ !== dW.current.containerId && (dW.current.containerId = _), g !== dW.current.items && (dW.current.items = g);
+      yW && TW.current.newIndex !== CW && (TW.current.newIndex = CW), _ !== TW.current.containerId && (TW.current.containerId = _), g !== TW.current.items && (TW.current.items = g);
     }, [
-      aW,
-      lW,
+      yW,
+      CW,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (uW === dW.current.activeId) return;
-      if (uW != null && dW.current.activeId == null) {
-        dW.current.activeId = uW;
+      if (wW === TW.current.activeId) return;
+      if (wW != null && TW.current.activeId == null) {
+        TW.current.activeId = wW;
         return;
       }
       let e2 = setTimeout(() => {
-        dW.current.activeId = uW;
+        TW.current.activeId = wW;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      uW
+      wW
     ]), {
       active: H,
       activeIndex: v,
@@ -35730,25 +35807,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: lW,
+      newIndex: CW,
       items: g,
       isOver: z,
-      isSorting: aW,
-      isDragging: eW,
-      listeners: Z,
+      isSorting: yW,
+      isDragging: Z,
+      listeners: mW,
       node: R,
       overIndex: w,
-      over: tW,
-      setNodeRef: iW,
-      setActivatorNodeRef: nW,
+      over: hW,
+      setNodeRef: vW,
+      setActivatorNodeRef: gW,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: $U,
-      transform: mW ?? cW,
-      transition: hW()
+      setDraggableNodeRef: pW,
+      transform: OW ?? SW,
+      transition: kW()
     };
-    function hW() {
-      if (mW || fW && dW.current.newIndex === j) return disabledTransition;
-      if (!(sW && !isKeyboardEvent(W) || !h) && (aW || pW)) return CSS$1.Transition.toString({
+    function kW() {
+      if (OW || EW && TW.current.newIndex === j) return disabledTransition;
+      if (!(xW && !isKeyboardEvent(W) || !h) && (yW || DW)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -36048,15 +36125,15 @@ ${c}
         G
       ]
     }), r[35] = c.id, r[36] = h, r[37] = y, r[38] = b, r[39] = I, r[40] = z, r[41] = B, r[42] = H, r[43] = W, r[44] = G, r[45] = q) : q = r[45];
-    let $U = q;
-    if (!v && !g) return $U;
-    let Z;
-    r[46] === $U ? Z = r[47] : (Z = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
+    let pW = q;
+    if (!v && !g) return pW;
+    let mW;
+    r[46] === pW ? mW = r[47] : (mW = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
       asChild: true,
-      children: $U
-    }), r[46] = $U, r[47] = Z);
-    let eW;
-    r[48] === v ? eW = r[49] : (eW = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+      children: pW
+    }), r[46] = pW, r[47] = mW);
+    let Z;
+    r[48] === v ? Z = r[49] : (Z = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       onSelect: v,
       children: [
         (0, import_jsx_runtime.jsx)(Plus, {
@@ -36064,11 +36141,11 @@ ${c}
         }),
         "Add cell"
       ]
-    }), r[48] = v, r[49] = eW);
-    let tW;
-    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (tW = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = tW) : tW = r[50];
-    let rW;
-    r[51] === g ? rW = r[52] : (rW = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+    }), r[48] = v, r[49] = Z);
+    let hW;
+    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (hW = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = hW) : hW = r[50];
+    let gW;
+    r[51] === g ? gW = r[52] : (gW = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       variant: "danger",
       onSelect: g,
       children: [
@@ -36077,22 +36154,22 @@ ${c}
         }),
         "Delete cell"
       ]
-    }), r[51] = g, r[52] = rW);
-    let iW;
-    r[53] !== eW || r[54] !== rW ? (iW = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+    }), r[51] = g, r[52] = gW);
+    let _W;
+    r[53] !== Z || r[54] !== gW ? (_W = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
       children: [
-        eW,
-        tW,
-        rW
+        Z,
+        hW,
+        gW
       ]
-    }), r[53] = eW, r[54] = rW, r[55] = iW) : iW = r[55];
-    let aW;
-    return r[56] !== Z || r[57] !== iW ? (aW = (0, import_jsx_runtime.jsxs)(ContextMenu, {
+    }), r[53] = Z, r[54] = gW, r[55] = _W) : _W = r[55];
+    let vW;
+    return r[56] !== mW || r[57] !== _W ? (vW = (0, import_jsx_runtime.jsxs)(ContextMenu, {
       children: [
-        Z,
-        iW
+        mW,
+        _W
       ]
-    }), r[56] = Z, r[57] = iW, r[58] = aW) : aW = r[58], aW;
+    }), r[56] = mW, r[57] = _W, r[58] = vW) : vW = r[58], vW;
   }, InsertCellLine = (e) => {
     let r = (0, import_compiler_runtime$10.c)(10), { position: c, onInsert: l } = e, u = c === "below" ? "bottom-0 translate-y-1/2" : "top-0 -translate-y-1/2", d;
     r[0] === u ? d = r[1] : (d = cn("absolute left-0 right-0 z-30 flex h-3 items-center justify-center", "opacity-0 transition-opacity hover:opacity-80 focus-visible:opacity-100 focus:outline-hidden", u), r[0] = u, r[1] = d);
@@ -36146,10 +36223,10 @@ ${c}
       ...B,
       ...h
     }, r[20] = M, r[21] = h, r[22] = B, r[23] = j, r[24] = H) : H = r[24];
-    let W = H, G = E || T, q = S || w || T ? "border-blue-500" : "border-border hover:border-blue-500/50", $U = w && !T && "opacity-35", Z = T && "opacity-95 shadow-lg", eW;
-    r[25] !== l || r[26] !== $U || r[27] !== Z || r[28] !== q ? (eW = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, $U, Z, l), r[25] = l, r[26] = $U, r[27] = Z, r[28] = q, r[29] = eW) : eW = r[29];
-    let tW;
-    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (tW = G && (0, import_jsx_runtime.jsx)("div", {
+    let W = H, G = E || T, q = S || w || T ? "border-blue-500" : "border-border hover:border-blue-500/50", pW = w && !T && "opacity-35", mW = T && "opacity-95 shadow-lg", Z;
+    r[25] !== l || r[26] !== pW || r[27] !== mW || r[28] !== q ? (Z = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, pW, mW, l), r[25] = l, r[26] = pW, r[27] = mW, r[28] = q, r[29] = Z) : Z = r[29];
+    let hW;
+    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (hW = G && (0, import_jsx_runtime.jsx)("div", {
       className: "flex p-6 box-border pointer-events-none mo-slide-content overflow-hidden",
       style: {
         transform: `scale(${I})`,
@@ -36162,16 +36239,17 @@ ${c}
       }) : (0, import_jsx_runtime.jsx)(Slide, {
         cellId: c.id,
         status: c.status,
-        output: c.output
+        output: c.output,
+        stale: outputIsStale(c, false)
       })
-    }), r[30] = c, r[31] = M, r[32] = O, r[33] = I, r[34] = G, r[35] = j, r[36] = tW) : tW = r[36];
-    let nW;
-    r[37] === z ? nW = r[38] : (nW = z && (0, import_jsx_runtime.jsx)("div", {
+    }), r[30] = c, r[31] = M, r[32] = O, r[33] = I, r[34] = G, r[35] = j, r[36] = hW) : hW = r[36];
+    let gW;
+    r[37] === z ? gW = r[38] : (gW = z && (0, import_jsx_runtime.jsx)("div", {
       className: "absolute inset-0 bg-muted/50 pointer-events-none",
       "aria-hidden": true
-    }), r[37] = z, r[38] = nW);
-    let rW;
-    r[39] !== z || r[40] !== R ? (rW = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[37] = z, r[38] = gW);
+    let _W;
+    r[39] !== z || r[40] !== R ? (_W = (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: R.description
@@ -36183,19 +36261,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[39] = z, r[40] = R, r[41] = rW) : rW = r[41];
-    let iW;
-    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== eW || r[46] !== tW || r[47] !== nW || r[48] !== rW ? (iW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[39] = z, r[40] = R, r[41] = _W) : _W = r[41];
+    let vW;
+    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== Z || r[46] !== hW || r[47] !== gW || r[48] !== _W ? (vW = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: eW,
+      className: Z,
       style: W,
       ...d,
       children: [
-        tW,
-        nW,
-        rW
+        hW,
+        gW,
+        _W
       ]
-    }), r[42] = W, r[43] = d, r[44] = f, r[45] = eW, r[46] = tW, r[47] = nW, r[48] = rW, r[49] = iW) : iW = r[49], iW;
+    }), r[42] = W, r[43] = d, r[44] = f, r[45] = Z, r[46] = hW, r[47] = gW, r[48] = _W, r[49] = vW) : vW = r[49], vW;
   }, 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", {
@@ -36235,7 +36313,7 @@ ${c}
   function _temp2$2(e) {
     e.target === e.currentTarget && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), e.currentTarget.click());
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-B2onAQFS.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-DxTNjwZw.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), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [
@@ -36613,7 +36691,7 @@ ${c}
       let r2 = e2.scrollHeight - e2.clientHeight;
       r2 - e2.scrollTop < 120 && (e2.scrollTop = r2);
     }, r[2] = B) : B = r[2], (0, import_react.useLayoutEffect)(B), !L && isInternalCellName(S)) return null;
-    let H, W, G, q, $U, Z, eW, tW, nW, rW;
+    let H, W, G, q, pW, Z, hW, gW, _W, vW;
     if (r[3] !== T || r[4] !== M || r[5] !== I || r[6] !== L || r[7] !== _ || r[8] !== b || r[9] !== d || r[10] !== z || r[11] !== O || r[12] !== j || r[13] !== E || r[14] !== R || r[15] !== f || r[16] !== u || r[17] !== y || r[18] !== m || r[19] !== l) {
       let e2 = I.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), S2;
       r[30] === I ? S2 = r[31] : (S2 = () => I.filter(_temp3$1).map(_temp4$1).join("\n"), r[30] = I, r[31] = S2);
@@ -36659,11 +36737,11 @@ ${c}
             })
           })
         ]
-      }), r[32] = B2, r[33] = L, r[34] = d, r[35] = z, r[36] = f, r[37] = u, r[38] = l, r[39] = W) : W = r[39], G = y ? "This console output is stale" : void 0, q = "console-output-area", $U = c, Z = R, eW = 0;
-      let iW2 = y && "marimo-output-stale", aW2 = L ? "p-5" : "p-3";
-      r[40] !== M || r[41] !== iW2 || r[42] !== aW2 ? (tW = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", iW2, aW2, M), r[40] = M, r[41] = iW2, r[42] = aW2, r[43] = tW) : tW = r[43], r[44] === d ? nW = r[45] : (nW = d ? {
+      }), r[32] = B2, r[33] = L, r[34] = d, r[35] = z, r[36] = f, r[37] = u, r[38] = l, r[39] = W) : W = r[39], G = y ? "This console output is stale" : void 0, q = "console-output-area", pW = c, Z = R, hW = 0;
+      let mW = y && "marimo-output-stale", yW2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== mW || r[42] !== yW2 ? (gW = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", mW, yW2, M), r[40] = M, r[41] = mW, r[42] = yW2, r[43] = gW) : gW = r[43], r[44] === d ? _W = r[45] : (_W = d ? {
         maxHeight: "none"
-      } : void 0, r[44] = d, r[45] = nW), rW = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = _W), vW = e2.map((e3, r2) => {
         if (e3.channel === "pdb") return null;
         if (e3.channel === "stdin") {
           invariant(typeof e3.data == "string", "Expected data to be a string");
@@ -36692,36 +36770,36 @@ ${c}
             wrapText: l
           })
         }, r2);
-      }), r[3] = T, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = m, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = $U, r[25] = Z, r[26] = eW, r[27] = tW, r[28] = nW, r[29] = rW;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], $U = r[24], Z = r[25], eW = r[26], tW = r[27], nW = r[28], rW = r[29];
-    let iW;
-    r[46] !== T || r[47] !== S ? (iW = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      }), r[3] = T, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = m, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = pW, r[25] = Z, r[26] = hW, r[27] = gW, r[28] = _W, r[29] = vW;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], pW = r[24], Z = r[25], hW = r[26], gW = r[27], _W = r[28], vW = r[29];
+    let yW;
+    r[46] !== T || r[47] !== S ? (yW = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: S,
       cellId: T,
       className: "bg-(--slate-4) border-(--slate-4) hover:bg-(--slate-5) dark:border-(--sky-5) dark:bg-(--sky-6) dark:text-(--sky-12) text-(--slate-12) rounded-l rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono max-w-[75%] whitespace-nowrap overflow-hidden"
-    }), r[46] = T, r[47] = S, r[48] = iW) : iW = r[48];
-    let aW;
-    r[49] !== iW || r[50] !== G || r[51] !== q || r[52] !== $U || r[53] !== Z || r[54] !== eW || r[55] !== tW || r[56] !== nW || r[57] !== rW ? (aW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[46] = T, r[47] = S, r[48] = yW) : yW = r[48];
+    let bW;
+    r[49] !== yW || r[50] !== G || r[51] !== q || r[52] !== pW || r[53] !== Z || r[54] !== hW || r[55] !== gW || r[56] !== _W || r[57] !== vW ? (bW = (0, import_jsx_runtime.jsxs)("div", {
       title: G,
       "data-testid": q,
-      ref: $U,
+      ref: pW,
       ...Z,
-      tabIndex: eW,
-      className: tW,
-      style: nW,
+      tabIndex: hW,
+      className: gW,
+      style: _W,
       children: [
-        rW,
-        iW
+        vW,
+        yW
       ]
-    }), r[49] = iW, r[50] = G, r[51] = q, r[52] = $U, r[53] = Z, r[54] = eW, r[55] = tW, r[56] = nW, r[57] = rW, r[58] = aW) : aW = r[58];
-    let oW;
-    return r[59] !== H || r[60] !== W || r[61] !== aW ? (oW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[49] = yW, r[50] = G, r[51] = q, r[52] = pW, r[53] = Z, r[54] = hW, r[55] = gW, r[56] = _W, r[57] = vW, r[58] = bW) : bW = r[58];
+    let xW;
+    return r[59] !== H || r[60] !== W || r[61] !== bW ? (xW = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
       children: [
         W,
-        aW
+        bW
       ]
-    }), r[59] = H, r[60] = W, r[61] = aW, r[62] = oW) : oW = r[62], oW;
+    }), r[59] = H, r[60] = W, r[61] = bW, r[62] = xW) : xW = r[62], xW;
   }, StdInput = (e) => {
     let r = (0, import_compiler_runtime$6.c)(25), { value: c, setValue: l, inputHistory: u, output: d, isPassword: f, isPdb: p, onSubmit: m, onClear: h } = e, { navigateUp: g, navigateDown: _, addToHistory: v } = u, y;
     r[0] === d ? y = r[1] : (y = renderText(d), r[0] = d, r[1] = y);
@@ -36811,6 +36889,23 @@ ${c}
   function _temp4$1(e) {
     return processOutput(e);
   }
+  var markdownParser = new MarkdownParser(), sqlParser = new SQLParser();
+  function getReadonlyCodeDisplay(e) {
+    let r = e.trim();
+    return r ? markdownParser.isSupported(r) ? {
+      code: markdownParser.transformIn(r).code,
+      language: "markdown"
+    } : sqlParser.isSupported(r) ? {
+      code: sqlParser.transformIn(r).code,
+      language: "sql"
+    } : {
+      code: e,
+      language: "python"
+    } : {
+      code: e,
+      language: "python"
+    };
+  }
   const kernelStateAtom = atom({
     isInstantiated: false,
     error: null
@@ -37114,7 +37209,7 @@ ${c}
       })
     }), r[24] = y, r[25] = T), T;
   }, VerticalCell = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$3.c)(56), { output: c, consoleOutputs: l, cellOutputArea: u, cellId: d, status: f, stopped: m, errored: h, config: g, interrupted: _, staleInputs: v, runStartTimestamp: y, code: b, showCode: S, mode: w, name: T, kiosk: E, showErrorTracebacks: O } = e, j = (0, import_react.useRef)(null), M;
+    let r = (0, import_compiler_runtime$3.c)(58), { output: c, consoleOutputs: l, cellOutputArea: u, cellId: d, status: f, stopped: m, errored: h, config: g, interrupted: _, staleInputs: v, runStartTimestamp: y, code: b, showCode: S, mode: w, name: T, kiosk: E, showErrorTracebacks: O } = e, j = (0, import_react.useRef)(null), M;
     r[0] !== _ || r[1] !== c || r[2] !== y || r[3] !== v || r[4] !== f ? (M = outputIsStale({
       status: f,
       output: c,
@@ -37148,17 +37243,20 @@ ${c}
       let f2 = e2, p;
       r[19] !== b || r[20] !== c ? (p = shouldHideCode(b, c), r[19] = b, r[20] = c, r[21] = p) : p = r[21];
       let m2 = p, h2;
-      r[22] !== d || r[23] !== T ? (h2 = cellDomProps(d, T), r[22] = d, r[23] = T, r[24] = h2) : h2 = r[24];
-      let v2 = u === "above" && f2, y2;
-      r[25] !== b || r[26] !== g || r[27] !== m2 || r[28] !== E ? (y2 = !m2 && (0, import_jsx_runtime.jsx)("div", {
+      r[22] !== b || r[23] !== m2 ? (h2 = m2 ? null : getReadonlyCodeDisplay(b), r[22] = b, r[23] = m2, r[24] = h2) : h2 = r[24];
+      let v2 = h2, y2;
+      r[25] !== d || r[26] !== T ? (y2 = cellDomProps(d, T), r[25] = d, r[26] = T, r[27] = y2) : y2 = r[27];
+      let S2 = u === "above" && f2, w2;
+      r[28] !== g || r[29] !== v2 || r[30] !== E ? (w2 = v2 && (0, import_jsx_runtime.jsx)("div", {
         className: "tray",
         children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
           initiallyHideCode: g.hide_code || E,
-          code: b
+          code: v2.code,
+          language: v2.language
         })
-      }), r[25] = b, r[26] = g, r[27] = m2, r[28] = E, r[29] = y2) : y2 = r[29];
-      let S2 = u === "below" && f2, w2;
-      r[30] !== d || r[31] !== l || r[32] !== _ || r[33] !== T || r[34] !== I ? (w2 = (0, import_jsx_runtime.jsx)(ConsoleOutput, {
+      }), r[28] = g, r[29] = v2, r[30] = E, r[31] = w2) : w2 = r[31];
+      let O2 = u === "below" && f2, M2;
+      r[32] !== d || r[33] !== l || r[34] !== _ || r[35] !== T || r[36] !== I ? (M2 = (0, import_jsx_runtime.jsx)(ConsoleOutput, {
         consoleOutputs: l,
         stale: I,
         interrupted: _,
@@ -37166,42 +37264,42 @@ ${c}
         onSubmitDebugger: _temp4,
         cellId: d,
         debuggerActive: false
-      }), r[30] = d, r[31] = l, r[32] = _, r[33] = T, r[34] = I, r[35] = w2) : w2 = r[35];
-      let O2;
-      return r[36] !== H || r[37] !== w2 || r[38] !== h2 || r[39] !== v2 || r[40] !== y2 || r[41] !== S2 ? (O2 = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[32] = d, r[33] = l, r[34] = _, r[35] = T, r[36] = I, r[37] = M2) : M2 = r[37];
+      let L2;
+      return r[38] !== H || r[39] !== O2 || r[40] !== M2 || r[41] !== y2 || r[42] !== S2 || r[43] !== w2 ? (L2 = (0, import_jsx_runtime.jsxs)("div", {
         tabIndex: -1,
         ref: j,
         className: H,
-        ...h2,
+        ...y2,
         children: [
-          v2,
-          y2,
           S2,
-          w2
+          w2,
+          O2,
+          M2
         ]
-      }), r[36] = H, r[37] = w2, r[38] = h2, r[39] = v2, r[40] = y2, r[41] = S2, r[42] = O2) : O2 = r[42], O2;
+      }), r[38] = H, r[39] = O2, r[40] = M2, r[41] = y2, r[42] = S2, r[43] = w2, r[44] = L2) : L2 = r[44], L2;
     }
     let W = isErrorMime(c == null ? void 0 : c.mimetype), G = O && W && Array.isArray(c == null ? void 0 : c.data) && c.data.some(_temp5);
     if ((h || _ || m || W) && !G) return null;
     let q;
-    r[43] !== d || r[44] !== T ? (q = cellDomProps(d, T), r[43] = d, r[44] = T, r[45] = q) : q = r[45];
-    let $U = w === "edit", Z;
-    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== $U ? (Z = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: $U,
+    r[45] !== d || r[46] !== T ? (q = cellDomProps(d, T), r[45] = d, r[46] = T, r[47] = q) : q = r[47];
+    let pW = w === "edit", mW;
+    r[48] !== d || r[49] !== R || r[50] !== c || r[51] !== I || r[52] !== pW ? (mW = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: pW,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = $U, r[51] = Z) : Z = r[51];
-    let eW;
-    return r[52] !== H || r[53] !== q || r[54] !== Z ? (eW = (0, import_jsx_runtime.jsx)("div", {
+    }), r[48] = d, r[49] = R, r[50] = c, r[51] = I, r[52] = pW, r[53] = mW) : mW = r[53];
+    let Z;
+    return r[54] !== H || r[55] !== q || r[56] !== mW ? (Z = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
       ...q,
-      children: Z
-    }), r[52] = H, r[53] = q, r[54] = Z, r[55] = eW) : eW = r[55], eW;
+      children: mW
+    }), r[54] = H, r[55] = q, r[56] = mW, r[57] = Z) : Z = r[57], Z;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {