@marimo-team/islands 0.23.15-dev64 → 0.23.15-dev66

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as notebookOutline, $t as requestClientAtom, A as ChevronDownIcon, Bt
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-B9WoXK1R.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist-B96tMAst.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-CnaxwDqy.js";
-import { $ as ContextAwarePanelItem, $t as EmotionCacheProvider, A as prettifyRowColumnCount, At as loadTableData, B as useSelectList, Bt as dateToLocalISOTime, C as Filenames, Ct as ColumnChartContext, D as EmptyState, Dt as usePrevious$1, E as ColumnPreviewContainer, Et as useIntersectionObserver, F as ContextMenuContent, Ft as getMimeValues, G as ComboboxItem, Gt as ChartErrorState, H as DatePicker, Ht as TabsContent, I as ContextMenuItem, It as isNullishFilter, J as CommandInput, Jt as LazyVegaEmbed, K as Command, Kt as ChartInfoState, L as ContextMenuSeparator, Lt as Maps, M as getColumnCountForDisplay, Mt as SELECT_COLUMN_ID, N as getUserColumnVisibilityCounts, Nt as TOO_MANY_ROWS, O as ErrorState, Ot as getPageIndexForRow, P as ContextMenu, Pt as toFieldTypes, Q as smartMatch, Qt as HtmlOutput, R as ContextMenuTrigger, Rt as dateToLocalISODate, S as Progress, St as renderCellValue, T as ColumnName, Tt as DelayMount, U as DateRangePicker, Ut as TabsList, V as CompactChipRow, Vt as Tabs, W as Combobox, Wt as TabsTrigger, X as CommandList, Xt as RenderTextWithLinks, Y as CommandItem, Yt as useOverflowDetection, Z as CommandSeparator, Zt as Kbd, _ as InstallPackageButton, _n as ArrowDownWideNarrow, _t as TableHeader, an as GripHorizontal, at as SlotNames, b as downloadByURL, bt as generateColumns, d as RadioGroup, dn as Code, dt as Fill, en as hasFunctionProperty, et as PANEL_TYPES, f as RadioGroupItem, fn as ChevronsUpDown, ft as Provider$1, g as DataTable, gn as ChevronLeft, gt as TableHead, h as OutputRenderer, hn as ChevronsDownUp, ht as TableCell, in as TextWrap, it as isCellAwareAtom, j as prettifyRowCount, jt as INDEX_COLUMN_NAME, k as LoadingState, kt as loadTableAndRawData, l as Slide, ln as Ellipsis, m as OutputArea, mn as ChevronsLeft, mt as TableBody, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$588937bcd60ade55, nt as contextAwarePanelOwner, on as Funnel, ot as slotsController, p as JsonOutput, pn as ChevronsRight, pt as Table, q as CommandEmpty, qt as ChartLoadingState, r as showCodeInRunModeAtom, rn as $fae977aafc393c5c$export$6b862160d295c8e, rt as contextAwarePanelType, s as SLIDE_TYPE_OPTIONS_BY_VALUE, sn as EyeOff, st as Toggle, t as useNotebookCodeAvailable, tn as isRecord, tt as contextAwarePanelOpen, u as Switch, un as Download, v as ADD_PRINTING_CLASS, vt as TableRow, w as downloadSizeLimitAtom, wt as ColumnChartSpecModel, x as downloadHTMLAsImage, xt as inferFieldTypes, y as downloadBlob, yt as NAMELESS_COLUMN_PREFIX, z as useInternalStateWithSync, zt as dateToLocalISODateTime, __tla as __tla_2 } from "./code-visibility-YsJOxF8J.js";
+import { $ as ContextAwarePanelItem, $t as EmotionCacheProvider, A as prettifyRowColumnCount, At as loadTableData, B as useSelectList, Bt as dateToLocalISOTime, C as Filenames, Ct as ColumnChartContext, D as EmptyState, Dt as usePrevious$1, E as ColumnPreviewContainer, Et as useIntersectionObserver, F as ContextMenuContent, Ft as getMimeValues, G as ComboboxItem, Gt as ChartErrorState, H as DatePicker, Ht as TabsContent, I as ContextMenuItem, It as isNullishFilter, J as CommandInput, Jt as LazyVegaEmbed, K as Command, Kt as ChartInfoState, L as ContextMenuSeparator, Lt as Maps, M as getColumnCountForDisplay, Mt as SELECT_COLUMN_ID, N as getUserColumnVisibilityCounts, Nt as TOO_MANY_ROWS, O as ErrorState, Ot as getPageIndexForRow, P as ContextMenu, Pt as toFieldTypes, Q as smartMatch, Qt as HtmlOutput, R as ContextMenuTrigger, Rt as dateToLocalISODate, S as Progress, St as renderCellValue, T as ColumnName, Tt as DelayMount, U as DateRangePicker, Ut as TabsList, V as CompactChipRow, Vt as Tabs, W as Combobox, Wt as TabsTrigger, X as CommandList, Xt as RenderTextWithLinks, Y as CommandItem, Yt as useOverflowDetection, Z as CommandSeparator, Zt as Kbd, _ as InstallPackageButton, _n as ArrowDownWideNarrow, _t as TableHeader, an as GripHorizontal, at as SlotNames, b as downloadByURL, bt as generateColumns, d as RadioGroup, dn as Code, dt as Fill, en as hasFunctionProperty, et as PANEL_TYPES, f as RadioGroupItem, fn as ChevronsUpDown, ft as Provider$1, g as DataTable, gn as ChevronLeft, gt as TableHead, h as OutputRenderer, hn as ChevronsDownUp, ht as TableCell, in as TextWrap, it as isCellAwareAtom, j as prettifyRowCount, jt as INDEX_COLUMN_NAME, k as LoadingState, kt as loadTableAndRawData, l as Slide, ln as Ellipsis, m as OutputArea, mn as ChevronsLeft, mt as TableBody, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$588937bcd60ade55, nt as contextAwarePanelOwner, on as Funnel, ot as slotsController, p as JsonOutput, pn as ChevronsRight, pt as Table, q as CommandEmpty, qt as ChartLoadingState, r as showCodeInRunModeAtom, rn as $fae977aafc393c5c$export$6b862160d295c8e, rt as contextAwarePanelType, s as SLIDE_TYPE_OPTIONS_BY_VALUE, sn as EyeOff, st as Toggle, t as useNotebookCodeAvailable, tn as isRecord, tt as contextAwarePanelOpen, u as Switch, un as Download, v as ADD_PRINTING_CLASS, vt as TableRow, w as downloadSizeLimitAtom, wt as ColumnChartSpecModel, x as downloadHTMLAsImage, xt as inferFieldTypes, y as downloadBlob, yt as NAMELESS_COLUMN_PREFIX, z as useInternalStateWithSync, zt as dateToLocalISODateTime, __tla as __tla_2 } from "./code-visibility-DVKeWdlc.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-DqPxHgAN.js";
 import { t as Check } from "./check-Cs-KV5XY.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-BYAhZnQi.js";
@@ -37,7 +37,7 @@ import { n as Trash, r as Pencil, t as BulkEdit } from "./types-DQl7jVYK.js";
 import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-DXlxsrTF.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import { $ as isInVscodeExtension, A as looseObject, B as union, C as any, E as custom, F as optional, G as parse$1, I as record, J as prettifyError, K as parseAsync, N as number, O as lazy$2, P as object, R as string, S as _null, T as boolean, U as ZodError, V as unknown, _ as ZodString, _t as createContextScope, a as ZodIssueCode, b as _enum, c as ZodBoolean, ct as DismissableLayer, d as ZodDiscriminatedUnion, dt as useId$11, et as StyleNamespace, f as ZodEnum, ft as Presence, g as ZodOptional, h as ZodObject, ht as composeEventHandlers$1, i as string$1, j as nan, k as literal, l as ZodDate, m as ZodNumber, mt as useLayoutEffect2, n as date, o as ZodAny, p as ZodLiteral, pt as useControllableState, q as $ZodError, r as number$1, rt as __awaiter, s as ZodArray, t as zod_default, u as ZodDefault, ut as useCallbackRef, v as ZodType, vt as Primitive, w as array, x as _instanceof, y as ZodUnion, yt as dispatchDiscreteCustomEvent, z as tuple } from "./zod-D0yOqoGe.js";
+import { $ as isInVscodeExtension, A as looseObject, B as union, C as any, E as custom, F as optional, G as parse$1, I as record, J as prettifyError, K as parseAsync, N as number, O as lazy$2, P as object, R as string, S as _null, T as boolean, U as ZodError, V as unknown, Z as withFullScreenAsRoot, _ as ZodString, _t as createContextScope, a as ZodIssueCode, b as _enum, c as ZodBoolean, ct as DismissableLayer, d as ZodDiscriminatedUnion, dt as useId$11, et as StyleNamespace, f as ZodEnum, ft as Presence, g as ZodOptional, h as ZodObject, ht as composeEventHandlers$1, i as string$1, j as nan, k as literal, l as ZodDate, m as ZodNumber, mt as useLayoutEffect2, n as date, o as ZodAny, p as ZodLiteral, pt as useControllableState, q as $ZodError, r as number$1, rt as __awaiter, s as ZodArray, t as zod_default, u as ZodDefault, ut as useCallbackRef, v as ZodType, vt as Primitive, w as array, x as _instanceof, y as ZodUnion, yt as dispatchDiscreteCustomEvent, z as tuple } from "./zod-D0yOqoGe.js";
 import { i as FunctionNotFoundError, n as ErrorBanner, r as CellNotInitializedError, t as Banner } from "./error-banner-DR7o3CbX.js";
 import { t as Label } from "./label-DIk0QoFe.js";
 import { a as TooltipRoot, i as TooltipProvider, n as TooltipContent, o as TooltipTrigger, r as TooltipPortal, t as Tooltip } from "./tooltip-B-qh7UPB.js";
@@ -4416,102 +4416,116 @@ let __tla = Promise.all([
     return e[r] ? Array.isArray(e[r]) ? e[r][0][c] : e[r][c] : r === "contentBoxSize" ? e.contentRect[c === "inlineSize" ? "width" : "height"] : void 0;
   }
   var import_compiler_runtime$87 = require_compiler_runtime(), import_react_dom$2 = require_react_dom(), HorizontalMenuGroup = (e) => {
-    let r = (0, import_compiler_runtime$87.c)(19), { item: c, preserveQueryParams: l, target: u } = e, d = import_react.useRef(null), f;
-    r[0] === c.label ? f = r[1] : (f = renderHTML({
+    let r = (0, import_compiler_runtime$87.c)(23), { item: c, preserveQueryParams: l, target: u } = e, d = import_react.useRef(null), [f, p] = import_react.useState(false), m;
+    r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = (e2) => p(e2 !== ""), r[0] = m) : m = r[0];
+    let h;
+    r[1] === c.label ? h = r[2] : (h = renderHTML({
       html: c.label
-    }), r[0] = c.label, r[1] = f);
-    let p;
-    r[2] === f ? p = r[3] : (p = (0, import_jsx_runtime.jsx)(NavigationMenuTrigger, {
+    }), r[1] = c.label, r[2] = h);
+    let g;
+    r[3] === h ? g = r[4] : (g = (0, import_jsx_runtime.jsx)(NavigationMenuTrigger, {
       ref: d,
-      children: f
-    }), r[2] = f, r[3] = p);
-    let m;
-    if (r[4] !== c.items || r[5] !== l || r[6] !== u) {
+      children: h
+    }), r[3] = h, r[4] = g);
+    let _;
+    if (r[5] !== c.items || r[6] !== l || r[7] !== u) {
       let e2;
-      r[8] !== l || r[9] !== u ? (e2 = (e3) => (0, import_jsx_runtime.jsx)(ListItem, {
+      r[9] !== l || r[10] !== u ? (e2 = (e3) => (0, import_jsx_runtime.jsx)(ListItem, {
         label: e3.label,
         href: l(e3.href),
         target: u(e3.href),
         children: e3.description && renderHTML({
           html: e3.description
         })
-      }, e3.label), r[8] = l, r[9] = u, r[10] = e2) : e2 = r[10], m = c.items.map(e2), r[4] = c.items, r[5] = l, r[6] = u, r[7] = m;
-    } else m = r[7];
-    let h;
-    r[11] === m ? h = r[12] : (h = (0, import_jsx_runtime.jsx)(NavigationMenuContent, {
+      }, e3.label), r[9] = l, r[10] = u, r[11] = e2) : e2 = r[11], _ = c.items.map(e2), r[5] = c.items, r[6] = l, r[7] = u, r[8] = _;
+    } else _ = r[8];
+    let v;
+    r[12] === _ ? v = r[13] : (v = (0, import_jsx_runtime.jsx)(NavigationMenuContent, {
       className: "w-auto",
       children: (0, import_jsx_runtime.jsx)("ul", {
         className: "grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px] ",
-        children: m
+        children: _
       })
-    }), r[11] = m, r[12] = h);
-    let g;
-    r[13] !== p || r[14] !== h ? (g = (0, import_jsx_runtime.jsx)(NavigationMenuList, {
+    }), r[12] = _, r[13] = v);
+    let y;
+    r[14] !== g || r[15] !== v ? (y = (0, import_jsx_runtime.jsx)(NavigationMenuList, {
       children: (0, import_jsx_runtime.jsxs)(NavigationMenuItem, {
         children: [
-          p,
-          h
+          g,
+          v
         ]
       })
-    }), r[13] = p, r[14] = h, r[15] = g) : g = r[15];
-    let _;
-    r[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)(NavigationMenuViewportPortal, {
+    }), r[14] = g, r[15] = v, r[16] = y) : y = r[16];
+    let b;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = (0, import_jsx_runtime.jsx)(NavigationMenuViewport, {}), r[17] = b) : b = r[17];
+    let S;
+    r[18] === f ? S = r[19] : (S = (0, import_jsx_runtime.jsx)(NavigationMenuViewportPortal, {
       anchorRef: d,
-      children: (0, import_jsx_runtime.jsx)(NavigationMenuViewport, {})
-    }), r[16] = _) : _ = r[16];
-    let v;
-    return r[17] === g ? v = r[18] : (v = (0, import_jsx_runtime.jsxs)(Root2, {
+      open: f,
+      children: b
+    }), r[18] = f, r[19] = S);
+    let w;
+    return r[20] !== y || r[21] !== S ? (w = (0, import_jsx_runtime.jsxs)(Root2, {
       className: "relative z-10 max-w-max flex-1 items-center justify-center",
       orientation: "horizontal",
+      onValueChange: m,
       children: [
-        g,
-        _
+        y,
+        S
       ]
-    }), r[17] = g, r[18] = v), v;
-  }, NavigationMenuViewportPortal = (e) => {
-    let r = (0, import_compiler_runtime$87.c)(17), { anchorRef: c, children: l } = e, [u, d] = import_react.useState(null), f;
-    r[0] === c ? f = r[1] : (f = () => {
+    }), r[20] = y, r[21] = S, r[22] = w) : w = r[22], w;
+  }, NavigationMenuPortal = withFullScreenAsRoot(({ container: e, children: r }) => (0, import_react_dom$2.createPortal)(r, e ?? document.body)), VIEWPORT_MARGIN = 8, NavigationMenuViewportPortal = (e) => {
+    let r = (0, import_compiler_runtime$87.c)(18), { anchorRef: c, open: l, children: u } = e, [d, f] = import_react.useState(null), p = import_react.useRef(null), m;
+    r[0] === c ? m = r[1] : (m = () => {
+      var _a5, _b3;
       if (!c.current) return;
-      let e2 = c.current.getBoundingClientRect();
-      d({
-        left: e2.left,
+      let e2 = c.current.getBoundingClientRect(), r2 = ((_b3 = (_a5 = p.current) == null ? void 0 : _a5.firstElementChild) == null ? void 0 : _b3.scrollWidth) ?? 0, l2 = window.innerWidth - r2 - VIEWPORT_MARGIN;
+      f({
+        left: Math.max(VIEWPORT_MARGIN, Math.min(e2.left, l2)),
         top: e2.bottom
       });
-    }, r[0] = c, r[1] = f);
-    let p = f, m, h;
-    r[2] === p ? (m = r[3], h = r[4]) : (m = () => {
-      p();
-    }, h = [
-      p
-    ], r[2] = p, r[3] = m, r[4] = h), import_react.useLayoutEffect(m, h);
-    let g;
-    r[5] !== c || r[6] !== p ? (g = {
+    }, r[0] = c, r[1] = m);
+    let h = m, g, _;
+    r[2] !== l || r[3] !== h ? (g = () => {
+      if (h(), l) {
+        let e2 = requestAnimationFrame(h);
+        return () => cancelAnimationFrame(e2);
+      }
+    }, _ = [
+      l,
+      h
+    ], r[2] = l, r[3] = h, r[4] = g, r[5] = _) : (g = r[4], _ = r[5]), import_react.useLayoutEffect(g, _);
+    let v;
+    r[6] !== c || r[7] !== h ? (v = {
       ref: c,
-      onResize: p
-    }, r[5] = c, r[6] = p, r[7] = g) : g = r[7], useResizeObserver$2(g);
-    let _, v;
-    if (r[8] === p ? (_ = r[9], v = r[10]) : (_ = () => {
-      if (!(typeof window > "u")) return window.addEventListener("resize", p), document.addEventListener("scroll", p, {
+      onResize: h
+    }, r[6] = c, r[7] = h, r[8] = v) : v = r[8], useResizeObserver$2(v);
+    let y, b;
+    if (r[9] === h ? (y = r[10], b = r[11]) : (y = () => {
+      if (!(typeof window > "u")) return window.addEventListener("resize", h), document.addEventListener("scroll", h, {
         capture: true
       }), () => {
-        window.removeEventListener("resize", p), document.removeEventListener("scroll", p, {
+        window.removeEventListener("resize", h), document.removeEventListener("scroll", h, {
           capture: true
         });
       };
-    }, v = [
-      p
-    ], r[8] = p, r[9] = _, r[10] = v), import_react.useEffect(_, v), !u || typeof document > "u") return null;
-    let y;
-    r[11] !== u.left || r[12] !== u.top ? (y = {
-      left: u.left,
-      top: u.top
-    }, r[11] = u.left, r[12] = u.top, r[13] = y) : y = r[13];
-    let b;
-    return r[14] !== l || r[15] !== y ? (b = (0, import_react_dom$2.createPortal)((0, import_jsx_runtime.jsx)("div", {
-      className: "fixed z-50",
-      style: y,
-      children: l
-    }), document.body), r[14] = l, r[15] = y, r[16] = b) : b = r[16], b;
+    }, b = [
+      h
+    ], r[9] = h, r[10] = y, r[11] = b), import_react.useEffect(y, b), !d || typeof document > "u") return null;
+    let S;
+    r[12] !== d.left || r[13] !== d.top ? (S = {
+      left: d.left,
+      top: d.top
+    }, r[12] = d.left, r[13] = d.top, r[14] = S) : S = r[14];
+    let w;
+    return r[15] !== u || r[16] !== S ? (w = (0, import_jsx_runtime.jsx)(NavigationMenuPortal, {
+      children: (0, import_jsx_runtime.jsx)("div", {
+        ref: p,
+        className: "fixed z-50",
+        style: S,
+        children: u
+      })
+    }), r[15] = u, r[16] = S, r[17] = w) : w = r[17], w;
   }, NavigationMenuPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-nav-menu");
@@ -4620,14 +4634,17 @@ let __tla = Promise.all([
     }), c[11] = l, c[12] = _);
     let v;
     return c[13] !== f || c[14] !== r || c[15] !== p || c[16] !== g || c[17] !== _ ? (v = (0, import_jsx_runtime.jsx)("li", {
-      children: (0, import_jsx_runtime.jsxs)("a", {
-        ref: r,
-        className: p,
-        ...f,
-        children: [
-          g,
-          _
-        ]
+      children: (0, import_jsx_runtime.jsx)(NavigationMenuLink, {
+        asChild: true,
+        children: (0, import_jsx_runtime.jsxs)("a", {
+          ref: r,
+          className: p,
+          ...f,
+          children: [
+            g,
+            _
+          ]
+        })
       })
     }), c[13] = f, c[14] = r, c[15] = p, c[16] = g, c[17] = _, c[18] = v) : v = c[18], v;
   });
@@ -7508,21 +7525,21 @@ let __tla = Promise.all([
     }), H = U(), W = U(), G = C(0), q = C(null), Z = C({
       column: 0,
       row: 0
-    }), qW = U(), JW = U(), YW = C(false), XW = C(0), ZW = C(true), QW = C(false), $W = C(false);
-    Y(x(b, $(XW), P(([e2, r2]) => !!r2)), () => {
-      D(ZW, false);
-    }), Y(x(ut(b, ZW, B, z, XW, QW), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(QW, true), Ue(1, () => {
+    }), QW = U(), $W = U(), eG = C(false), tG = C(0), nG = C(true), rG = C(false), iG = C(false);
+    Y(x(b, $(tG), P(([e2, r2]) => !!r2)), () => {
+      D(nG, false);
+    }), Y(x(ut(b, nG, B, z, tG, rG), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(rG, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(ZW, true);
+        ]), D(nG, true);
       });
-    }), F(x(JW, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(JW), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(Z, e2.gap), e2.scrollTop > 0 && (D(YW, true), Et(x(h, Kt(1)), (e3) => {
-        D(YW, false);
+    }), F(x($W, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $($W), P(([, e2]) => e2 != null)), ([, e2]) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(Z, e2.gap), e2.scrollTop > 0 && (D(eG, true), Et(x(h, Kt(1)), (e3) => {
+        D(eG, false);
       }), D(m, {
         top: e2.scrollTop
       })));
@@ -7531,7 +7548,7 @@ let __tla = Promise.all([
       item: r2,
       scrollTop: l2,
       viewport: e2
-    }))), qW), F(x(ut(V(I), l, V(Z, Or), V(B, xe), V(z, xe), V(q), V(L), V(YW), V(ZW), V(XW)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), QW), F(x(ut(V(I), l, V(Z, Or), V(B, xe), V(z, xe), V(q), V(L), V(eG), V(nG), V(tG)), 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) {
@@ -7557,16 +7574,16 @@ let __tla = Promise.all([
         u2
       ];
     }), J(ce)), r);
-    let eG = C(false);
-    F(x(h, $(eG), k(([e2, r2]) => r2 || e2 !== 0)), eG);
-    let tG = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(eG), P(([[e2, r2], c2]) => {
+    let aG = C(false);
+    F(x(h, $(aG), k(([e2, r2]) => r2 || e2 !== 0)), aG);
+    let oG = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(aG), 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())), nG = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), rG = bt(x(V(R), $(YW), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), sG = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), cG = bt(x(V(R), $(eG), 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(rG, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, Z), k(([e2, r2, c2, l2, u2]) => {
+    F(cG, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, Z), 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);
@@ -7575,7 +7592,7 @@ let __tla = Promise.all([
         top: g2
       };
     })), m);
-    let iG = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let lG = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -7590,7 +7607,7 @@ let __tla = Promise.all([
       initialItemCount: L,
       itemDimensions: B,
       overscan: c,
-      restoreStateFrom: JW,
+      restoreStateFrom: $W,
       scrollBy: f,
       scrollContainerState: p,
       scrollHeight: W,
@@ -7606,16 +7623,16 @@ let __tla = Promise.all([
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: $W,
-      initialTopMostItemIndex: XW,
-      totalListHeight: iG,
+      horizontalDirection: iG,
+      initialTopMostItemIndex: tG,
+      totalListHeight: lG,
       ...v,
-      endReached: tG,
+      endReached: oG,
       propsReady: S,
-      rangeChanged: rG,
-      startReached: nG,
-      stateChanged: qW,
-      stateRestoreInProgress: YW,
+      rangeChanged: cG,
+      startReached: sG,
+      stateChanged: QW,
+      stateRestoreInProgress: eG,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -7893,22 +7910,22 @@ let __tla = Promise.all([
       let r2 = Array.isArray(e2) ? e2 : [];
       f != null && r2.length > f && (r2 = r2.slice(-f)), u(r2);
     }, r[8] = p, r[9] = f, r[10] = d, r[11] = u, r[12] = q) : q = r[12];
-    let Z = q, qW;
+    let Z = q, QW;
     if (r[13] !== G.bulkActions) {
-      if (qW = G.bulkActions.map(_temp$27), qW.length > 0) {
+      if (QW = G.bulkActions.map(_temp$27), QW.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], qW.push(e2);
+        }, "_bulk_separator"), r[15] = e2) : e2 = r[15], QW.push(e2);
       }
-      r[13] = G.bulkActions, r[14] = qW;
-    } else qW = r[14];
-    let JW;
-    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (JW = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
+      r[13] = G.bulkActions, r[14] = QW;
+    } else QW = r[14];
+    let $W;
+    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? ($W = (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] = JW) : JW = r[18];
-    let YW = JW, XW;
-    r[19] !== qW || r[20] !== G || r[21] !== YW || r[22] !== w || r[23] !== B || r[24] !== H ? (XW = () => {
+    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = $W) : $W = r[18];
+    let eG = $W, tG;
+    r[19] !== QW || r[20] !== G || r[21] !== eG || r[22] !== w || r[23] !== B || r[24] !== H ? (tG = () => {
       if (G.visibleOptions.length > B) return (0, import_jsx_runtime.jsx)(Yr, {
         "data-slot": "select-list",
         style: {
@@ -7920,8 +7937,8 @@ let __tla = Promise.all([
           let r2 = G.visibleOptions[e3];
           return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              e3 === 0 && qW,
-              YW(e3),
+              e3 === 0 && QW,
+              eG(e3),
               (0, import_jsx_runtime.jsx)(OptionRow, {
                 option: r2,
                 checked: G.isChecked(r2.value),
@@ -7932,7 +7949,7 @@ let __tla = Promise.all([
         }
       });
       let e2 = G.visibleOptions.flatMap((e3, r2) => {
-        let c2 = YW(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
+        let c2 = eG(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
           option: e3,
           checked: G.isChecked(e3.value),
           renderOption: w
@@ -7946,13 +7963,13 @@ let __tla = Promise.all([
       });
       return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
-          qW,
+          QW,
           e2
         ]
       });
-    }, r[19] = qW, r[20] = G, r[21] = YW, r[22] = w, r[23] = B, r[24] = H, r[25] = XW) : XW = r[25];
-    let ZW = XW, QW;
-    r[26] !== G.labelOf || r[27] !== I ? (QW = (e2) => {
+    }, r[19] = QW, r[20] = G, r[21] = eG, r[22] = w, r[23] = B, r[24] = H, r[25] = tG) : tG = r[25];
+    let nG = tG, rG;
+    r[26] !== G.labelOf || r[27] !== I ? (rG = (e2) => {
       let r2 = Array.isArray(e2) ? e2 : e2 == null ? [] : [
         e2
       ];
@@ -7963,46 +7980,46 @@ let __tla = Promise.all([
         items: r2.map(G.labelOf),
         max: 3
       });
-    }, r[26] = G.labelOf, r[27] = I, r[28] = QW) : QW = r[28];
-    let $W = QW, eG = e["data-testid"], tG;
-    r[29] === G ? tG = r[30] : (tG = (e2) => G.labelOf(e2), r[29] = G, r[30] = tG);
-    let nG = M ? $W : void 0, rG;
-    r[31] !== b || r[32] !== R ? (rG = cn({
+    }, r[26] = G.labelOf, r[27] = I, r[28] = rG) : rG = r[28];
+    let iG = rG, aG = e["data-testid"], oG;
+    r[29] === G ? oG = r[30] : (oG = (e2) => G.labelOf(e2), r[29] = G, r[30] = oG);
+    let sG = M ? iG : void 0, cG;
+    r[31] !== b || r[32] !== R ? (cG = cn({
       "w-full": R
-    }, b), r[31] = b, r[32] = R, r[33] = rG) : rG = r[33];
-    let iG = G.searchQuery, aG = G.setSearchQuery, oG = G.open, sG = G.setOpen, cG;
-    r[34] === z ? cG = r[35] : (cG = renderSlot(z), r[34] = z, r[35] = cG);
-    let lG;
-    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] !== eG || r[44] !== tG || r[45] !== nG || r[46] !== rG || r[47] !== cG ? (lG = {
+    }, b), r[31] = b, r[32] = R, r[33] = cG) : cG = r[33];
+    let lG = G.searchQuery, uG = G.setSearchQuery, dG = G.open, fG = G.setOpen, pG;
+    r[34] === z ? pG = r[35] : (pG = renderSlot(z), r[34] = z, r[35] = pG);
+    let mG;
+    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] !== aG || r[44] !== oG || r[45] !== sG || r[46] !== cG || r[47] !== pG ? (mG = {
       "data-slot": "select-root",
-      "data-testid": eG,
-      displayValue: tG,
-      renderValue: nG,
+      "data-testid": aG,
+      displayValue: oG,
+      renderValue: sG,
       placeholder: I,
-      className: rG,
+      className: cG,
       shouldFilter: false,
-      search: iG,
-      onSearchChange: aG,
-      open: oG,
-      onOpenChange: sG,
-      emptyState: cG,
+      search: lG,
+      onSearchChange: uG,
+      open: dG,
+      onOpenChange: fG,
+      emptyState: pG,
       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] = eG, r[44] = tG, r[45] = nG, r[46] = rG, r[47] = cG, r[48] = lG) : lG = r[48];
-    let uG = lG, dG;
-    return r[49] !== uG || r[50] !== Z || r[51] !== d || r[52] !== ZW || r[53] !== l ? (dG = d ? (0, import_jsx_runtime.jsx)(Combobox, {
-      ...uG,
+    }, 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] = aG, r[44] = oG, r[45] = sG, r[46] = cG, r[47] = pG, r[48] = mG) : mG = r[48];
+    let hG = mG, gG;
+    return r[49] !== hG || r[50] !== Z || r[51] !== d || r[52] !== nG || r[53] !== l ? (gG = d ? (0, import_jsx_runtime.jsx)(Combobox, {
+      ...hG,
       multiple: true,
       value: l,
       onValueChange: Z,
-      children: ZW()
+      children: nG()
     }) : (0, import_jsx_runtime.jsx)(Combobox, {
-      ...uG,
+      ...hG,
       multiple: false,
       value: l,
       onValueChange: Z,
-      children: ZW()
-    }), r[49] = uG, r[50] = Z, r[51] = d, r[52] = ZW, r[53] = l, r[54] = dG) : dG = r[54], dG;
+      children: nG()
+    }), r[49] = hG, r[50] = Z, r[51] = d, r[52] = nG, r[53] = l, r[54] = gG) : gG = r[54], gG;
   }
   function _temp$27(e) {
     let r = "enabled" in e ? !e.enabled : e.items.length === 0;
@@ -8480,6 +8497,10 @@ let __tla = Promise.all([
       }
     });
   }
+  const islandsInitializedAtom = atom(false), islandsPendingInitialRunsAtom = atom(/* @__PURE__ */ new Set()), islandsHydratedAtom = atom((e) => {
+    var _a5;
+    return ((_a5 = e(islandsPendingInitialRunsAtom)) == null ? void 0 : _a5.size) === 0;
+  }), userTriedToInteractWithIslandsAtom = atom(false), shouldShowIslandsWarningIndicatorAtom = atom((e) => e(userTriedToInteractWithIslandsAtom) && e(islandsInitializedAtom) === false);
   function createPlugin(e, r = {}) {
     return {
       withData(c) {
@@ -8518,8 +8539,9 @@ let __tla = Promise.all([
     ...e
   }));
   var AnyWidgetSlot = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(8), { modelId: c } = e.data, l = (0, import_react.useRef)(null), [u, d] = (0, import_react.useState)(), f, p;
-    r[0] === c ? (f = r[1], p = r[2]) : (f = () => {
+    let r = (0, import_compiler_runtime$82.c)(9), { modelId: c } = e.data, l = (0, import_react.useRef)(null), [u, d] = (0, import_react.useState)(), f = useAtomValue(islandsHydratedAtom), p, m;
+    r[0] !== f || r[1] !== c ? (p = () => {
+      if (!f) return;
       let e2 = l.current;
       if (!e2) return;
       let r2 = new AbortController();
@@ -8530,24 +8552,25 @@ let __tla = Promise.all([
       }).catch((e3) => {
         r2.signal.aborted || d(e3 instanceof Error ? e3 : Error(String(e3)));
       }), () => r2.abort();
-    }, p = [
+    }, m = [
+      f,
       c
-    ], r[0] = c, r[1] = f, r[2] = p), (0, import_react.useEffect)(f, p);
-    let m;
-    r[3] === u ? m = r[4] : (m = u ? (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: u
-    }) : null, r[3] = u, r[4] = m);
+    ], r[0] = f, r[1] = c, r[2] = p, r[3] = m) : (p = r[2], m = r[3]), (0, import_react.useEffect)(p, m);
     let h;
-    r[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = (0, import_jsx_runtime.jsx)("div", {
-      ref: l
-    }), r[5] = h) : h = r[5];
+    r[4] === u ? h = r[5] : (h = u ? (0, import_jsx_runtime.jsx)(ErrorBanner, {
+      error: u
+    }) : null, r[4] = u, r[5] = h);
     let g;
-    return r[6] === m ? g = r[7] : (g = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    r[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (0, import_jsx_runtime.jsx)("div", {
+      ref: l
+    }), r[6] = g) : g = r[6];
+    let _;
+    return r[7] === h ? _ = r[8] : (_ = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        m,
-        h
+        h,
+        g
       ]
-    }), r[6] = m, r[7] = g), g;
+    }), r[7] = h, r[8] = _), _;
   }, import_compiler_runtime$81 = require_compiler_runtime();
   const KeyboardHotkeys = (e) => {
     let r = (0, import_compiler_runtime$81.c)(10), { shortcut: c, className: l } = e;
@@ -10184,10 +10207,10 @@ 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)) && rG(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && cG(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(QW(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(rG(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
       ...f.mount ? d : isUndefined(r2) ? u : isString(e2) ? {
         [e2]: r2
       } : r2
@@ -10204,13 +10227,13 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && ZW(e2);
-    }, qW = (e2, r2, c2) => {
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && nG(e2);
+    }, QW = (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) ? qW(f2, d2, c2) : Z(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? QW(f2, d2, c2) : Z(f2, d2, c2);
       }
-    }, JW = (e2, r2, m2 = {}) => {
+    }, $W = (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,
@@ -10221,7 +10244,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? qW(e2, y2, m2) : Z(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? QW(e2, y2, m2) : Z(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -10229,7 +10252,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, YW = async (e2) => {
+    }, eG = 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));
@@ -10263,11 +10286,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 && ZW(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && nG(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, XW = (e2, r2) => {
+    }, tG = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, ZW = async (e2, u2 = {}) => {
+    }, nG = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -10286,23 +10309,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, XW, e2 ? m2 : p.mount), f2;
-    }, QW = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, tG, e2 ? m2 : p.mount), f2;
+    }, rG = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, $W = (e2, r2) => ({
+    }, iG = (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)
-    }), eG = (e2) => {
+    }), aG = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, tG = (e2, r2, u2) => {
+    }, oG = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -10315,9 +10338,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, nG = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, sG = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), rG = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), cG = (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: {
@@ -10329,9 +10352,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, iG = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, lG = ({ 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));
-    }, aG = (e2, c2 = {}) => {
+    }, uG = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -10345,7 +10368,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? iG({
+      }), p.mount.add(e2), d2 ? lG({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -10362,11 +10385,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: YW,
-        onBlur: YW,
+        onChange: eG,
+        onBlur: eG,
         ref: (m3) => {
           if (m3) {
-            aG(e2, c2), d2 = get(l, e2);
+            uG(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, {
@@ -10392,7 +10415,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);
         }
       };
-    }, oG = () => r.shouldFocusError && iterateFieldsByAction(l, XW, p.mount), sG = (e2) => {
+    }, dG = () => r.shouldFocusError && iterateFieldsByAction(l, tG, p.mount), fG = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -10401,7 +10424,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, cG = (e2, u2) => async (f2) => {
+    }, pG = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -10423,7 +10446,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), oG(), setTimeout(oG);
+      }, f2), dG(), setTimeout(dG);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -10431,11 +10454,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, lG = (e2, r2 = {}) => {
-      get(l, e2) && (isUndefined(r2.defaultValue) ? JW(e2, cloneObject(get(u, e2))) : (JW(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({
+    }, mG = (e2, r2 = {}) => {
+      get(l, e2) && (isUndefined(r2.defaultValue) ? $W(e2, cloneObject(get(u, e2))) : ($W(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
       }));
-    }, uG = (e2, m2 = {}) => {
+    }, hG = (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) {
@@ -10443,7 +10466,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)) : JW(r2, get(b2, r2));
+          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : $W(r2, get(b2, r2));
         } else {
           if (isWeb && isUndefined(e2)) for (let e3 of p.mount) {
             let r2 = get(l, e3);
@@ -10488,25 +10511,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, dG = (e2, r2) => uG(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, gG = (e2, r2) => hG(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: aG,
-        unregister: rG,
-        getFieldState: $W,
-        handleSubmit: cG,
-        setError: tG,
+        register: uG,
+        unregister: cG,
+        getFieldState: iG,
+        handleSubmit: pG,
+        setError: oG,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: iG,
+        _updateDisabledField: lG,
         _getFieldArray: q,
-        _reset: uG,
+        _reset: hG,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          dG(e2, r.resetOptions), _.state.next({
+          gG(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -10516,7 +10539,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: sG,
+        _disableForm: fG,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -10557,17 +10580,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: ZW,
-      register: aG,
-      handleSubmit: cG,
-      watch: nG,
-      setValue: JW,
-      getValues: QW,
-      reset: dG,
-      resetField: lG,
-      clearErrors: eG,
-      unregister: rG,
-      setError: tG,
+      trigger: nG,
+      register: uG,
+      handleSubmit: pG,
+      watch: sG,
+      setValue: $W,
+      getValues: rG,
+      reset: gG,
+      resetField: mG,
+      clearErrors: aG,
+      unregister: cG,
+      setError: oG,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -10575,7 +10598,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: $W
+      getFieldState: iG
     };
   }
   function useForm(e = {}) {
@@ -16300,21 +16323,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] = p, r[46] = B, r[47] = H) : H = r[47];
-    let { data: W, error: G, isPending: q, isFetching: Z } = useAsyncData(z, H), qW = useAtomValue(downloadSizeLimitAtom), JW;
-    r[48] !== qW || r[49] !== e ? (JW = async () => !qW || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = qW, r[49] = e, r[50] = JW) : JW = r[50];
-    let YW = e.showDownload, XW = e.get_size_bytes, ZW = e.lazy, QW = e.totalRows, $W = useDeepCompareMemoize(w), eG = useDeepCompareMemoize(p), tG;
-    r[51] !== qW || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== $W || r[58] !== eG ? (tG = [
-      qW,
-      YW,
-      XW,
-      ZW,
+    let { data: W, error: G, isPending: q, isFetching: Z } = useAsyncData(z, H), QW = useAtomValue(downloadSizeLimitAtom), $W;
+    r[48] !== QW || r[49] !== e ? ($W = async () => !QW || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = QW, r[49] = e, r[50] = $W) : $W = r[50];
+    let eG = e.showDownload, tG = e.get_size_bytes, nG = e.lazy, rG = e.totalRows, iG = useDeepCompareMemoize(w), aG = useDeepCompareMemoize(p), oG;
+    r[51] !== QW || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== iG || r[58] !== aG ? (oG = [
       QW,
+      eG,
+      tG,
+      nG,
+      rG,
       y,
-      $W,
-      eG
-    ], r[51] = qW, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = $W, r[58] = eG, r[59] = tG) : tG = r[59];
-    let { data: nG, isPending: rG } = useAsyncData(JW, tG), iG = nG ?? null, aG = !!qW && e.showDownload && rG, oG;
-    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== p ? (oG = async (e2) => ({
+      iG,
+      aG
+    ], r[51] = QW, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = iG, r[58] = aG, r[59] = oG) : oG = r[59];
+    let { data: sG, isPending: cG } = useAsyncData($W, oG), lG = sG ?? null, uG = !!QW && e.showDownload && cG, dG;
+    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== p ? (dG = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -16323,17 +16346,17 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[60] = w, r[61] = u, r[62] = y, r[63] = p, r[64] = oG) : oG = r[64];
-    let sG = oG, cG;
-    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (cG = () => {
+    }), r[60] = w, r[61] = u, r[62] = y, r[63] = p, r[64] = dG) : dG = r[64];
+    let fG = dG, pG;
+    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pG = () => {
       v(_temp4$4);
-    }, r[65] = cG) : cG = r[65];
-    let lG = W == null ? void 0 : W.totalRows, uG;
-    r[66] === lG ? uG = r[67] : (uG = [
-      lG
-    ], r[66] = lG, r[67] = uG), (0, import_react.useEffect)(cG, uG);
-    let dG;
-    r[68] === e ? dG = r[69] : (dG = async () => {
+    }, r[65] = pG) : pG = r[65];
+    let mG = W == null ? void 0 : W.totalRows, hG;
+    r[66] === mG ? hG = r[67] : (hG = [
+      mG
+    ], r[66] = mG, r[67] = hG), (0, import_react.useEffect)(pG, hG);
+    let gG;
+    r[68] === e ? gG = r[69] : (gG = async () => {
       let r2 = isStaticNotebook();
       return e.totalRows === 0 || !e.showColumnSummaries || r2 ? {
         data: null,
@@ -16342,22 +16365,22 @@ ${c}
         value_counts: {},
         show_charts: false
       } : e.get_column_summaries({});
-    }, r[68] = e, r[69] = dG);
-    let fG;
-    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (fG = [
+    }, r[68] = e, r[69] = gG);
+    let _G;
+    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (_G = [
       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] = fG) : fG = r[76];
-    let { data: pG, error: mG } = useAsyncData(dG, fG), hG, gG;
-    if (r[77] === mG ? (hG = r[78], gG = r[79]) : (hG = () => {
-      mG && Logger.error(mG);
-    }, gG = [
-      mG
-    ], r[77] = mG, r[78] = hG, r[79] = gG), (0, import_react.useEffect)(hG, gG), 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] = _G) : _G = r[76];
+    let { data: vG, error: yG } = useAsyncData(gG, _G), bG, xG;
+    if (r[77] === yG ? (bG = r[78], xG = r[79]) : (bG = () => {
+      yG && Logger.error(yG);
+    }, xG = [
+      yG
+    ], r[77] = yG, r[78] = bG, r[79] = xG), (0, import_react.useEffect)(bG, xG), 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,
@@ -16366,7 +16389,7 @@ ${c}
         })
       }), r[80] = c2, r[81] = l2), l2;
     }
-    let _G = null;
+    let SG = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -16382,62 +16405,62 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[82] = G, r[83] = e2), _G = e2;
+      }), r[82] = G, r[83] = e2), SG = e2;
     }
-    let vG;
-    r[84] === O ? vG = r[85] : (vG = () => {
+    let CG;
+    r[84] === O ? CG = r[85] : (CG = () => {
       j(!O);
-    }, r[84] = O, r[85] = vG);
-    let yG = vG, bG = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, xG = W == null ? void 0 : W.rawRows, SG = Z && !q, CG = (W == null ? void 0 : W.totalRows) ?? e.totalRows, wG = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, TG = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, EG;
-    r[86] !== l || r[87] !== pG || r[88] !== O || r[89] !== w || r[90] !== sG || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== iG || r[95] !== aG || r[96] !== p || r[97] !== bG || r[98] !== xG || r[99] !== SG || r[100] !== CG || r[101] !== wG || r[102] !== TG || r[103] !== yG ? (EG = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[84] = O, r[85] = CG);
+    let wG = CG, TG = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, EG = W == null ? void 0 : W.rawRows, DG = Z && !q, OG = (W == null ? void 0 : W.totalRows) ?? e.totalRows, kG = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, AG = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, jG;
+    r[86] !== l || r[87] !== vG || r[88] !== O || r[89] !== w || r[90] !== fG || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== lG || r[95] !== uG || r[96] !== p || r[97] !== TG || r[98] !== EG || r[99] !== DG || r[100] !== OG || r[101] !== kG || r[102] !== AG || r[103] !== wG ? (jG = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: bG,
-      rawData: xG,
-      columnSummaries: pG,
+      data: TG,
+      rawData: EG,
+      columnSummaries: vG,
       sorting: p,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: SG,
-      totalRows: CG,
-      sizeBytes: iG,
-      sizeBytesIsLoading: aG,
+      reloading: DG,
+      totalRows: OG,
+      sizeBytes: lG,
+      sizeBytesIsLoading: uG,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: wG,
-      cellHoverTexts: TG,
-      toggleDisplayHeader: yG,
+      cellStyles: kG,
+      cellHoverTexts: AG,
+      toggleDisplayHeader: wG,
       isChartBuilderOpen: O,
-      getRow: sG,
+      getRow: fG,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[86] = l, r[87] = pG, r[88] = O, r[89] = w, r[90] = sG, r[91] = _, r[92] = e, r[93] = y, r[94] = iG, r[95] = aG, r[96] = p, r[97] = bG, r[98] = xG, r[99] = SG, r[100] = CG, r[101] = wG, r[102] = TG, r[103] = yG, r[104] = EG) : EG = r[104];
-    let DG = EG, OG;
-    r[105] !== l || r[106] !== DG || 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 ? (OG = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[86] = l, r[87] = vG, r[88] = O, r[89] = w, r[90] = fG, r[91] = _, r[92] = e, r[93] = y, r[94] = lG, r[95] = uG, r[96] = p, r[97] = TG, r[98] = EG, r[99] = DG, r[100] = OG, r[101] = kG, r[102] = AG, r[103] = wG, r[104] = jG) : jG = r[104];
+    let MG = jG, NG;
+    r[105] !== l || r[106] !== MG || 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 ? (NG = 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: DG,
+      dataTable: MG,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       rowHeaders: e.rowHeaders,
       cellId: l
-    }) : DG, r[105] = l, r[106] = DG, 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] = OG) : OG = r[115];
-    let kG;
-    return r[116] !== _G || r[117] !== OG ? (kG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : MG, r[105] = l, r[106] = MG, 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] = NG) : NG = r[115];
+    let PG;
+    return r[116] !== SG || r[117] !== NG ? (PG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        _G,
-        OG
+        SG,
+        NG
       ]
-    }), r[116] = _G, r[117] = OG, r[118] = kG) : kG = r[118], kG;
+    }), r[116] = SG, r[117] = NG, r[118] = PG) : PG = r[118], PG;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: f, maxColumns: p, pagination: m, selection: h, value: g, showFilters: _, showDownload: v, showPageSizeSelector: y, showColumnExplorer: b, showRowExplorer: S, showChartBuilder: w, showDataTypes: T, rowHeaders: E, 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: Z, setFilters: qW, reloading: JW, freezeColumnsLeft: YW, freezeColumnsRight: XW, hiddenColumns: ZW, textJustifyColumns: QW, wrappedColumns: $W, columnWidths: eG, headerTooltip: tG, totalColumns: nG, get_row_ids: rG, cellStyles: iG, hoverTemplate: aG, cellHoverTexts: oG, toggleDisplayHeader: sG, isChartBuilderOpen: cG, calculate_top_k_rows: lG, preview_column: uG, getRow: dG, cellId: fG, maxHeight: pG }) => {
-    let mG = (0, import_react.useId)(), { locale: hG } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [gG, _G] = (0, import_react.useState)(0), { isPanelOpen: vG, isAnyPanelOpen: yG, togglePanel: bG, panelType: xG, setPanelType: SG } = usePanelOwnership(mG, fG), CG = isStaticNotebook(), wG = (0, import_react.useMemo)(() => {
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: f, maxColumns: p, pagination: m, selection: h, value: g, showFilters: _, showDownload: v, showPageSizeSelector: y, showColumnExplorer: b, showRowExplorer: S, showChartBuilder: w, showDataTypes: T, rowHeaders: E, 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: Z, setFilters: QW, reloading: $W, freezeColumnsLeft: eG, freezeColumnsRight: tG, hiddenColumns: nG, textJustifyColumns: rG, wrappedColumns: iG, columnWidths: aG, headerTooltip: oG, totalColumns: sG, get_row_ids: cG, cellStyles: lG, hoverTemplate: uG, cellHoverTexts: dG, toggleDisplayHeader: fG, isChartBuilderOpen: pG, calculate_top_k_rows: mG, preview_column: hG, getRow: gG, cellId: _G, maxHeight: vG }) => {
+    let yG = (0, import_react.useId)(), { locale: bG } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [xG, SG] = (0, import_react.useState)(0), { isPanelOpen: CG, isAnyPanelOpen: wG, togglePanel: TG, panelType: EG, setPanelType: DG } = usePanelOwnership(yG, _G), OG = isStaticNotebook(), kG = (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, {
@@ -16446,13 +16469,13 @@ ${c}
     }, [
       O,
       L
-    ]), TG = useDeepCompareMemoize(O ?? inferFieldTypes(r)), EG = (0, import_react.useMemo)(() => p === "all" ? TG : TG.slice(0, p), [
+    ]), AG = useDeepCompareMemoize(O ?? inferFieldTypes(r)), jG = (0, import_react.useMemo)(() => p === "all" ? AG : AG.slice(0, p), [
       p,
-      TG
-    ]), DG = (0, import_react.useMemo)(() => {
+      AG
+    ]), MG = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of EG) if (l2[0] === "number") {
+        for (let [c2, l2] of jG) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -16467,95 +16490,95 @@ ${c}
       return e2;
     }, [
       r,
-      EG
-    ]), OG = useDeepCompareMemoize(E), kG = useDeepCompareMemoize(QW), AG = useDeepCompareMemoize($W), jG = useDeepCompareMemoize(eG), MG = useDeepCompareMemoize(wG), NG = useDeepCompareMemoize(DG), PG = EG.length;
-    O || (T = false), CG && (h = null);
-    let FG = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: OG,
+      jG
+    ]), NG = useDeepCompareMemoize(E), PG = useDeepCompareMemoize(rG), FG = useDeepCompareMemoize(iG), IG = useDeepCompareMemoize(aG), LG = useDeepCompareMemoize(kG), RG = useDeepCompareMemoize(MG), zG = jG.length;
+    O || (T = false), OG && (h = null);
+    let BG = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: NG,
       selection: h,
-      chartSpecModel: MG,
-      fieldTypes: EG,
-      textJustifyColumns: kG,
-      wrappedColumns: AG,
-      columnWidths: jG,
-      headerTooltip: tG,
+      chartSpecModel: LG,
+      fieldTypes: jG,
+      textJustifyColumns: PG,
+      wrappedColumns: FG,
+      columnWidths: IG,
+      headerTooltip: oG,
       showDataTypes: T,
-      calculateTopKRows: lG,
-      fractionDigitsByColumn: NG
+      calculateTopKRows: mG,
+      fractionDigitsByColumn: RG
     }), [
       h,
       T,
-      MG,
-      OG,
-      EG,
-      kG,
-      AG,
+      LG,
+      NG,
       jG,
-      tG,
-      lG,
-      NG
-    ]), IG = (0, import_react.useMemo)(() => Object.fromEntries((g || []).map((e2) => [
+      PG,
+      FG,
+      IG,
+      oG,
+      mG,
+      RG
+    ]), VG = (0, import_react.useMemo)(() => Object.fromEntries((g || []).map((e2) => [
       e2,
       true
     ])), [
       g
-    ]), LG = useEvent_default((e2) => {
+    ]), HG = useEvent_default((e2) => {
       if (h === "single") {
         let r2 = Functions.asUpdater(e2)({});
         z(Object.keys(r2).slice(0, 1));
       }
       if (h === "multi") {
-        let r2 = Functions.asUpdater(e2)(IG);
+        let r2 = Functions.asUpdater(e2)(VG);
         z(Object.keys(r2));
       }
-    }), RG = useEvent_default((e2) => {
-      if (_G(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), UG = useEvent_default((e2) => {
+      if (SG(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
       }));
-    }), zG = g.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), BG = useEvent_default((e2) => {
-      h === "single-cell" && z(Functions.asUpdater(e2)(zG).slice(0, 1)), h === "multi-cell" && z(Functions.asUpdater(e2)(zG));
-    }), VG = h === "multi" || h === "single", HG = b && !!uG, UG = isInVscodeExtension(), WG = isIslands(), GG = (0, import_react.useMemo)(() => {
-      if (!(!yG || !(S || HG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+    }), WG = g.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), GG = useEvent_default((e2) => {
+      h === "single-cell" && z(Functions.asUpdater(e2)(WG).slice(0, 1)), h === "multi-cell" && z(Functions.asUpdater(e2)(WG));
+    }), KG = h === "multi" || h === "single", qG = b && !!hG, JG = isInVscodeExtension(), YG = isIslands(), XG = (0, import_react.useMemo)(() => {
+      if (!(!wG || !(S || qG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
         children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-          rowIdx: gG,
-          setRowIdx: RG,
+          rowIdx: xG,
+          setRowIdx: UG,
           totalRows: l,
-          fieldTypes: TG,
-          getRow: dG,
-          isSelectable: VG,
-          isRowSelected: !!IG[gG],
-          handleRowSelectionChange: LG,
-          previewColumn: uG,
-          totalColumns: nG,
-          tableId: mG,
+          fieldTypes: AG,
+          getRow: gG,
+          isSelectable: KG,
+          isRowSelected: !!VG[xG],
+          handleRowSelectionChange: HG,
+          previewColumn: hG,
+          totalColumns: sG,
+          tableId: yG,
           table: e2,
-          showRowExplorer: S && !UG,
-          showColumnExplorer: HG && !UG,
-          activeTab: xG,
-          onTabChange: SG
+          showRowExplorer: S && !JG,
+          showColumnExplorer: qG && !JG,
+          activeTab: EG,
+          onTabChange: DG
         })
       });
     }, [
-      yG,
+      wG,
       S,
-      HG,
-      gG,
-      RG,
+      qG,
+      xG,
+      UG,
       l,
-      TG,
-      dG,
+      AG,
+      gG,
+      KG,
       VG,
-      IG,
-      LG,
-      uG,
-      nG,
-      mG,
-      UG,
-      xG,
-      SG
+      HG,
+      hG,
+      sG,
+      yG,
+      JG,
+      EG,
+      DG
     ]);
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
@@ -16567,27 +16590,27 @@ ${c}
             " rows."
           ]
         }),
-        PG < nG && PG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        zG < sG && zG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            PG,
+            zG,
             " of ",
-            nG,
+            sG,
             " columns."
           ]
         }),
-        CG && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
+        OG && 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, hG)
+              children: prettyNumber(r.length, bG)
             }),
             " ",
             "of ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(l, hG)
+              children: prettyNumber(l, bG)
             }),
             " rows. Increase the table's ",
             (0, import_jsx_runtime.jsx)("code", {
@@ -16601,7 +16624,7 @@ ${c}
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: wG,
+          value: kG,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -16609,14 +16632,14 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: FG,
+              columns: BG,
               className: R,
-              maxHeight: pG,
+              maxHeight: vG,
               sorting: B,
               totalRows: l,
               sizeBytes: u,
               sizeBytesIsLoading: f,
-              totalColumns: nG,
+              totalColumns: sG,
               manualSorting: true,
               setSorting: H,
               pagination: m,
@@ -16624,37 +16647,37 @@ ${c}
               selection: h,
               paginationState: j,
               setPaginationState: M,
-              rowSelection: IG,
-              cellSelection: zG,
-              cellStyling: iG,
-              hoverTemplate: aG,
-              cellHoverTexts: oG,
+              rowSelection: VG,
+              cellSelection: WG,
+              cellStyling: lG,
+              hoverTemplate: uG,
+              cellHoverTexts: dG,
               downloadAs: v ? I : void 0,
               showSearch: W,
               searchQuery: G,
               onSearchQueryChange: q,
               showFilters: _,
               filters: Z,
-              onFiltersChange: qW,
-              calculateTopKRows: lG,
-              reloading: JW,
-              onRowSelectionChange: LG,
-              freezeColumnsLeft: YW,
-              freezeColumnsRight: XW,
-              hiddenColumns: ZW,
-              onCellSelectionChange: BG,
-              getRowIds: rG,
-              toggleDisplayHeader: sG,
-              showChartBuilder: w && !WG,
-              isChartBuilderOpen: cG,
+              onFiltersChange: QW,
+              calculateTopKRows: mG,
+              reloading: $W,
+              onRowSelectionChange: HG,
+              freezeColumnsLeft: eG,
+              freezeColumnsRight: tG,
+              hiddenColumns: nG,
+              onCellSelectionChange: GG,
+              getRowIds: cG,
+              toggleDisplayHeader: fG,
+              showChartBuilder: w && !YG,
+              isChartBuilderOpen: pG,
               showPageSizeSelector: y,
-              showTableExplorer: (S || HG) && !UG && !WG,
-              togglePanel: bG,
-              isPanelOpen: vG,
-              isAnyPanelOpen: yG,
-              viewedRowIdx: gG,
-              onViewedRowChange: (e2) => _G(e2),
-              renderTableExplorerPanel: GG
+              showTableExplorer: (S || qG) && !JG && !YG,
+              togglePanel: TG,
+              isPanelOpen: CG,
+              isAnyPanelOpen: wG,
+              viewedRowIdx: xG,
+              onViewedRowChange: (e2) => SG(e2),
+              renderTableExplorerPanel: XG
             })
           })
         })
@@ -18706,29 +18729,29 @@ ${c}
     ], r[2] = w, r[3] = T);
     let { data: E, error: O, isPending: j } = useAsyncData(S, T), M;
     r[4] === E ? M = r[5] : (M = E || {}, r[4] = E, 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, Z] = (0, import_react.useState)(p || EMPTY), qW = (0, import_react.useRef)(null), JW;
-    r[6] === f ? JW = r[7] : (JW = (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, Z] = (0, import_react.useState)(p || EMPTY), QW = (0, import_react.useRef)(null), $W;
+    r[6] === f ? $W = r[7] : ($W = (e2) => {
       var _a5;
-      f && e2 !== "transform" && ((_a5 = qW.current) == null ? void 0 : _a5.submit());
-    }, r[6] = f, r[7] = JW);
-    let YW = JW, XW = (0, import_react.useRef)(q), ZW;
-    r[8] === q ? ZW = r[9] : (ZW = () => {
-      XW.current = q;
-    }, r[8] = q, r[9] = ZW), (0, import_react.useEffect)(ZW);
-    let QW;
-    r[10] !== m || r[11] !== (p == null ? void 0 : p.transforms.length) ? (QW = () => {
-      let e2 = XW.current;
+      f && e2 !== "transform" && ((_a5 = QW.current) == null ? void 0 : _a5.submit());
+    }, r[6] = f, r[7] = $W);
+    let eG = $W, tG = (0, import_react.useRef)(q), nG;
+    r[8] === q ? nG = r[9] : (nG = () => {
+      tG.current = q;
+    }, r[8] = q, r[9] = nG), (0, import_react.useEffect)(nG);
+    let rG;
+    r[10] !== m || r[11] !== (p == null ? void 0 : p.transforms.length) ? (rG = () => {
+      let e2 = tG.current;
       (p == null ? void 0 : p.transforms.length) !== e2.transforms.length && m(e2);
-    }, r[10] = m, r[11] = p == null ? void 0 : p.transforms.length, r[12] = QW) : QW = r[12];
-    let $W = p == null ? void 0 : p.transforms.length, eG;
-    r[13] !== E || r[14] !== m || r[15] !== $W ? (eG = [
+    }, r[10] = m, r[11] = p == null ? void 0 : p.transforms.length, r[12] = rG) : rG = r[12];
+    let iG = p == null ? void 0 : p.transforms.length, aG;
+    r[13] !== E || r[14] !== m || r[15] !== iG ? (aG = [
       E,
-      $W,
-      XW,
+      iG,
+      tG,
       m
-    ], r[13] = E, r[14] = m, r[15] = $W, r[16] = eG) : eG = r[16], (0, import_react.useEffect)(QW, eG);
-    let tG;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (tG = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = E, r[14] = m, r[15] = iG, r[16] = aG) : aG = r[16], (0, import_react.useEffect)(rG, aG);
+    let oG;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oG = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -18737,9 +18760,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = tG) : tG = r[17];
-    let nG;
-    r[18] === H ? nG = r[19] : (nG = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = oG) : oG = r[17];
+    let sG;
+    r[18] === H ? sG = r[19] : (sG = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -18748,9 +18771,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = H, r[19] = nG);
-    let rG;
-    r[20] === W ? rG = r[21] : (rG = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = H, r[19] = sG);
+    let cG;
+    r[20] === W ? cG = r[21] : (cG = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -18759,54 +18782,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = W, r[21] = rG);
-    let iG;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (iG = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = W, r[21] = cG);
+    let lG;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (lG = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = iG) : iG = r[22];
-    let aG;
-    r[23] !== nG || r[24] !== rG ? (aG = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = lG) : lG = r[22];
+    let uG;
+    r[23] !== sG || r[24] !== cG ? (uG = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        tG,
-        nG,
-        rG,
-        iG
+        oG,
+        sG,
+        cG,
+        lG
       ]
-    }), r[23] = nG, r[24] = rG, r[25] = aG) : aG = r[25];
-    let oG;
-    r[26] === j ? oG = r[27] : (oG = j && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = sG, r[24] = cG, r[25] = uG) : uG = r[25];
+    let dG;
+    r[26] === j ? dG = r[27] : (dG = j && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = j, r[27] = oG);
-    let sG;
-    r[28] !== aG || r[29] !== oG ? (sG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = j, r[27] = dG);
+    let fG;
+    r[28] !== uG || r[29] !== dG ? (fG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        aG,
-        oG
+        uG,
+        dG
       ]
-    }), r[28] = aG, r[29] = oG, r[30] = sG) : sG = r[30];
-    let cG;
-    r[31] !== m || r[32] !== p ? (cG = (e2) => {
+    }), r[28] = uG, r[29] = dG, r[30] = fG) : fG = r[30];
+    let pG;
+    r[31] !== m || r[32] !== p ? (pG = (e2) => {
       dequal(e2, p) || (m(e2), Z(e2));
-    }, r[31] = m, r[32] = p, r[33] = cG) : cG = r[33];
-    let lG;
-    r[34] !== B || r[35] !== c || r[36] !== g || r[37] !== q || r[38] !== f || r[39] !== cG ? (lG = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }, r[31] = m, r[32] = p, r[33] = pG) : pG = r[33];
+    let mG;
+    r[34] !== B || r[35] !== c || r[36] !== g || r[37] !== q || r[38] !== f || r[39] !== pG ? (mG = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: qW,
+        ref: QW,
         initialValue: q,
         columns: c,
-        onChange: cG,
+        onChange: pG,
         onInvalidChange: Z,
         getColumnValues: g,
         columnTypesPerStep: B,
         lazy: f
       })
-    }), r[34] = B, r[35] = c, r[36] = g, r[37] = q, r[38] = f, r[39] = cG, r[40] = lG) : lG = r[40];
-    let uG;
-    r[41] === H ? uG = r[42] : (uG = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = B, r[35] = c, r[36] = g, r[37] = q, r[38] = f, r[39] = pG, r[40] = mG) : mG = r[40];
+    let hG;
+    r[41] === H ? hG = r[42] : (hG = 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, {
@@ -18815,9 +18838,9 @@ ${c}
         code: H,
         language: "python"
       })
-    }), r[41] = H, r[42] = uG);
-    let dG;
-    r[43] === W ? dG = r[44] : (dG = W && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = H, r[42] = hG);
+    let gG;
+    r[43] === W ? gG = r[44] : (gG = 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, {
@@ -18826,35 +18849,35 @@ ${c}
         code: W,
         language: "sql"
       })
-    }), r[43] = W, r[44] = dG);
-    let fG;
-    r[45] !== YW || r[46] !== sG || r[47] !== lG || r[48] !== uG || r[49] !== dG ? (fG = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = W, r[44] = gG);
+    let _G;
+    r[45] !== eG || r[46] !== fG || r[47] !== mG || r[48] !== hG || r[49] !== gG ? (_G = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: YW,
+      onValueChange: eG,
       children: [
-        sG,
-        lG,
-        uG,
-        dG
+        fG,
+        mG,
+        hG,
+        gG
       ]
-    }), r[45] = YW, r[46] = sG, r[47] = lG, r[48] = uG, r[49] = dG, r[50] = fG) : fG = r[50];
-    let pG;
-    r[51] === O ? pG = r[52] : (pG = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = eG, r[46] = fG, r[47] = mG, r[48] = hG, r[49] = gG, r[50] = _G) : _G = r[50];
+    let vG;
+    r[51] === O ? vG = r[52] : (vG = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: O
-    }), r[51] = O, r[52] = pG);
-    let mG = I || "", hG = L ?? 0, gG = G ?? 0, _G = R || Arrays.EMPTY, vG = L && L > 5 || false, yG;
-    r[53] !== v || r[54] !== z || r[55] !== y || r[56] !== b || r[57] !== l || r[58] !== _ || r[59] !== u || r[60] !== mG || r[61] !== hG || r[62] !== gG || r[63] !== _G || r[64] !== vG ? (yG = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = O, r[52] = vG);
+    let yG = I || "", bG = L ?? 0, xG = G ?? 0, SG = R || Arrays.EMPTY, CG = L && L > 5 || false, wG;
+    r[53] !== v || r[54] !== z || r[55] !== y || r[56] !== b || r[57] !== l || r[58] !== _ || r[59] !== u || r[60] !== yG || r[61] !== bG || r[62] !== xG || r[63] !== SG || r[64] !== CG ? (wG = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: mG,
+      data: yG,
       hasStableRowId: false,
-      totalRows: hG,
-      totalColumns: gG,
+      totalRows: bG,
+      totalColumns: xG,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: z,
-      rowHeaders: _G,
+      rowHeaders: SG,
       showDownload: u,
       download_as: v,
       get_size_bytes: y,
@@ -18864,7 +18887,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: vG,
+      showPageSizeSelector: CG,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -18873,15 +18896,15 @@ ${c}
       selection: null,
       lazy: false,
       host: b
-    }), r[53] = v, r[54] = z, r[55] = y, r[56] = b, r[57] = l, r[58] = _, r[59] = u, r[60] = mG, r[61] = hG, r[62] = gG, r[63] = _G, r[64] = vG, r[65] = yG) : yG = r[65];
-    let bG;
-    return r[66] !== fG || r[67] !== pG || r[68] !== yG ? (bG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = v, r[54] = z, r[55] = y, r[56] = b, r[57] = l, r[58] = _, r[59] = u, r[60] = yG, r[61] = bG, r[62] = xG, r[63] = SG, r[64] = CG, r[65] = wG) : wG = r[65];
+    let TG;
+    return r[66] !== _G || r[67] !== vG || r[68] !== wG ? (TG = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        fG,
-        pG,
-        yG
+        _G,
+        vG,
+        wG
       ]
-    }), r[66] = fG, r[67] = pG, r[68] = yG, r[69] = bG) : bG = r[69], bG;
+    }), r[66] = _G, r[67] = vG, r[68] = wG, r[69] = TG) : TG = r[69], TG;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -19072,23 +19095,23 @@ ${c}
     }, [
       H
     ]);
-    let Z = (R == null ? void 0 : R.files) ?? [], qW = new Set(e.map((e2) => e2.path)), JW = l === "directory" || l === "all", YW = l === "file" || l === "all", XW = Z.filter((e2) => JW && e2.is_directory || YW && !e2.is_directory), ZW = XW.length > 0 && XW.every((e2) => qW.has(e2.path));
+    let Z = (R == null ? void 0 : R.files) ?? [], QW = new Set(e.map((e2) => e2.path)), $W = l === "directory" || l === "all", eG = l === "file" || l === "all", tG = Z.filter((e2) => $W && e2.is_directory || eG && !e2.is_directory), nG = tG.length > 0 && tG.every((e2) => QW.has(e2.path));
     if (!R && z) return (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       children: z.message
     });
-    let QW = PathBuilder.guessDeliminator(c).deliminator, $W = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
+    let rG = PathBuilder.guessDeliminator(c).deliminator, iG = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
       children: e2.path
     }, e2.id));
-    function tG(e2) {
+    function oG(e2) {
       var _a6;
       if (v) return;
       if (y(true), e2 === PARENT_DIRECTORY) {
-        if (g === QW) {
+        if (g === rG) {
           y(false);
           return;
         }
-        e2 = Paths.dirname(g), e2 === "" && (e2 = QW);
+        e2 = Paths.dirname(g), e2 === "" && (e2 = rG);
       }
       let r2 = e2.length < c.length;
       if (f && r2) {
@@ -19101,7 +19124,7 @@ ${c}
       }
       M.current = ((_a6 = j.current) == null ? void 0 : _a6.contains(document.activeElement)) ?? false, _(e2), y(false);
     }
-    function nG({ path: e2, name: r2, isDirectory: c2 }) {
+    function sG({ path: e2, name: r2, isDirectory: c2 }) {
       return {
         id: e2,
         name: r2,
@@ -19109,27 +19132,27 @@ ${c}
         is_directory: c2
       };
     }
-    function rG({ path: c2, name: l2, isDirectory: d2 }) {
-      let f2 = nG({
+    function cG({ path: c2, name: l2, isDirectory: d2 }) {
+      let f2 = sG({
         path: c2,
         name: l2,
         isDirectory: d2
       });
-      qW.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
+      QW.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
         ...e,
         f2
       ] : [
         f2
       ]);
     }
-    function iG() {
+    function lG() {
       r(e.filter((e2) => Paths.dirname(e2.path) !== g));
     }
-    function aG() {
+    function uG() {
       let c2 = [];
       for (let e2 of Z) {
-        if (!JW && e2.is_directory || qW.has(e2.path)) continue;
-        let r2 = nG({
+        if (!$W && e2.is_directory || QW.has(e2.path)) continue;
+        let r2 = sG({
           path: e2.path,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -19141,20 +19164,20 @@ ${c}
         ...c2
       ]);
     }
-    let oG = [
+    let dG = [
       {
         key: "parent",
         name: PARENT_DIRECTORY,
         Icon: CornerLeftUp,
         isSelected: false,
         canSelect: false,
-        onPrimary: () => tG(PARENT_DIRECTORY),
+        onPrimary: () => oG(PARENT_DIRECTORY),
         onToggleSelect: null
       },
       ...Z.map((e2) => {
         let r2 = e2.path;
         r2.startsWith("//") && (r2 = r2.slice(1));
-        let c2 = JW && e2.is_directory || YW && !e2.is_directory, l2 = qW.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => rG({
+        let c2 = $W && e2.is_directory || eG && !e2.is_directory, l2 = QW.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => cG({
           path: r2,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -19165,46 +19188,46 @@ ${c}
           Icon: FILE_ICON[u2],
           isSelected: l2,
           canSelect: c2,
-          onPrimary: e2.is_directory ? () => tG(r2) : c2 ? d2 : () => {
+          onPrimary: e2.is_directory ? () => oG(r2) : c2 ? d2 : () => {
           },
           onToggleSelect: c2 ? d2 : null
         };
       })
     ];
-    function sG(e2) {
+    function fG(e2) {
       var _a6;
       E(e2), (_a6 = O.current[e2]) == null ? void 0 : _a6.focus();
     }
-    function cG(e2, r2) {
+    function pG(e2, r2) {
       var _a6, _b3;
-      let c2 = oG.length - 1;
+      let c2 = dG.length - 1;
       switch (e2.key) {
         case "ArrowDown":
-          e2.preventDefault(), sG(Math.min(r2 + 1, c2));
+          e2.preventDefault(), fG(Math.min(r2 + 1, c2));
           break;
         case "ArrowUp":
-          e2.preventDefault(), sG(Math.max(r2 - 1, 0));
+          e2.preventDefault(), fG(Math.max(r2 - 1, 0));
           break;
         case "Home":
-          e2.preventDefault(), sG(0);
+          e2.preventDefault(), fG(0);
           break;
         case "End":
-          e2.preventDefault(), sG(c2);
+          e2.preventDefault(), fG(c2);
           break;
         case "Enter":
-          e2.preventDefault(), oG[r2].onPrimary();
+          e2.preventDefault(), dG[r2].onPrimary();
           break;
         case " ":
-          e2.preventDefault(), (_b3 = (_a6 = oG[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a6);
+          e2.preventDefault(), (_b3 = (_a6 = dG[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a6);
           break;
       }
     }
-    let { parentDirectories: lG } = getProtocolAndParentDirectories({
+    let { parentDirectories: mG } = getProtocolAndParentDirectories({
       path: g,
-      delimiter: QW,
+      delimiter: rG,
       initialPath: c,
       restrictNavigation: f
-    }), uG = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+    }), hG = 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, {
@@ -19214,7 +19237,7 @@ ${c}
         (() => {
           let e2 = (0, import_jsx_runtime.jsx)(Label, {
             children: renderHTML({
-              html: d ?? `Select ${uG.join(" and ", 2)}...`
+              html: d ?? `Select ${hG.join(" and ", 2)}...`
             })
           });
           return u ? (0, import_jsx_runtime.jsxs)("div", {
@@ -19228,8 +19251,8 @@ ${c}
                 children: (0, import_jsx_runtime.jsx)(Button, {
                   size: "xs",
                   variant: "link",
-                  onClick: ZW ? iG : aG,
-                  children: ZW ? "Deselect all" : "Select all"
+                  onClick: nG ? lG : uG,
+                  children: nG ? "Deselect all" : "Select all"
                 })
               })
             ]
@@ -19239,8 +19262,8 @@ ${c}
           className: "mt-2 w-full",
           placeholder: g,
           value: g,
-          onChange: (e2) => tG(e2.target.value),
-          children: lG.map((e2) => (0, import_jsx_runtime.jsx)("option", {
+          onChange: (e2) => oG(e2.target.value),
+          children: mG.map((e2) => (0, import_jsx_runtime.jsx)("option", {
             value: e2,
             children: e2
           }, e2))
@@ -19276,14 +19299,14 @@ ${c}
               "aria-label": "File browser",
               "aria-multiselectable": u,
               children: (0, import_jsx_runtime.jsx)(TableBody, {
-                children: oG.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
+                children: dG.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
                   role: "row",
                   ref: (e3) => {
                     O.current[r2] = e3;
                   },
                   tabIndex: r2 === w ? 0 : -1,
                   onFocus: () => E(r2),
-                  onKeyDown: (e3) => cG(e3, r2),
+                  onKeyDown: (e3) => pG(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
                   }),
@@ -19326,7 +19349,7 @@ ${c}
                     children: [
                       e.length,
                       " ",
-                      uG.join(" or ", e.length),
+                      hG.join(" or ", e.length),
                       " ",
                       "selected"
                     ]
@@ -19346,7 +19369,7 @@ ${c}
                     marginBlock: 0
                   },
                   className: "m-0 text-xs text-muted-foreground",
-                  children: $W
+                  children: iG
                 })
               })
             ]
@@ -24728,55 +24751,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), Z = (0, import_react.useRef)(null), qW = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), JW = qW[0], YW = qW[1], XW = JW.isFocused, ZW = JW.isFileDialogActive, QW = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), $W = function() {
-      !QW.current && ZW && setTimeout(function() {
-        Z.current && (Z.current.files.length || (YW({
+    ]), q = (0, import_react.useRef)(null), Z = (0, import_react.useRef)(null), QW = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), $W = QW[0], eG = QW[1], tG = $W.isFocused, nG = $W.isFileDialogActive, rG = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), iG = function() {
+      !rG.current && nG && setTimeout(function() {
+        Z.current && (Z.current.files.length || (eG({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", $W, false), function() {
-        window.removeEventListener("focus", $W, false);
+      return window.addEventListener("focus", iG, false), function() {
+        window.removeEventListener("focus", iG, false);
       };
     }, [
       Z,
-      ZW,
+      nG,
       G,
-      QW
+      rG
     ]);
-    var eG = (0, import_react.useRef)([]), tG = (0, import_react.useRef)([]), nG = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), eG.current = []);
+    var aG = (0, import_react.useRef)([]), oG = (0, import_react.useRef)([]), sG = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), aG.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", nG, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", nG));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", sG, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", sG));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        tG.current = [].concat(_toConsumableArray(tG.current), [
+        oG.current = [].concat(_toConsumableArray(oG.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && YW({
+        ]), isEvtWithFiles(e3) && eG({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        tG.current = tG.current.filter(function(r3) {
+        oG.current = oG.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(tG.current.length > 0) && YW({
+        }), !(oG.current.length > 0) && eG({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        tG.current = [], YW({
+        oG.current = [], eG({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        tG.current = [], YW({
+        oG.current = [], eG({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -24794,12 +24817,12 @@ ${c}
       E,
       l
     ]);
-    var rG = (0, import_react.useCallback)(function(e2) {
+    var cG = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), iG = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), _G(e2), eG.current = [].concat(_toConsumableArray(eG.current), [
+    ]), lG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), SG(e2), aG.current = [].concat(_toConsumableArray(aG.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -24812,7 +24835,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          YW({
+          eG({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -24820,12 +24843,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return rG(e3);
+        return cG(e3);
       });
     }, [
       u,
       h,
-      rG,
+      cG,
       L,
       B,
       f,
@@ -24833,8 +24856,8 @@ ${c}
       p,
       m,
       z
-    ]), aG = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), _G(e2);
+    ]), uG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), SG(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -24844,12 +24867,12 @@ ${c}
     }, [
       _,
       L
-    ]), oG = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), _G(e2);
-      var r2 = eG.current.filter(function(e3) {
+    ]), dG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), SG(e2);
+      var r2 = aG.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), eG.current = r2, !(r2.length > 0) && (YW({
+      c2 !== -1 && r2.splice(c2, 1), aG.current = r2, !(r2.length > 0) && (eG({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -24859,7 +24882,7 @@ ${c}
       q,
       g,
       L
-    ]), sG = (0, import_react.useCallback)(function(e2, r2) {
+    ]), fG = (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;
@@ -24883,14 +24906,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), YW({
+      }), c2.splice(0)), eG({
         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);
     }, [
-      YW,
+      eG,
       p,
       B,
       f,
@@ -24900,22 +24923,22 @@ ${c}
       y,
       b,
       z
-    ]), cG = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), _G(e2), eG.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || sG(r2, e2);
+    ]), pG = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), SG(e2), aG.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || fG(r2, e2);
       }).catch(function(e3) {
-        return rG(e3);
-      }), YW({
+        return cG(e3);
+      }), eG({
         type: "reset"
       });
     }, [
       u,
-      sG,
-      rG,
+      fG,
+      cG,
       L
-    ]), lG = (0, import_react.useCallback)(function() {
-      if (QW.current) {
-        YW({
+    ]), mG = (0, import_react.useCallback)(function() {
+      if (rG.current) {
+        eG({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -24925,66 +24948,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          sG(e3, null), YW({
+          fG(e3, null), eG({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), YW({
+          isAbort(e3) ? (G(e3), eG({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (QW.current = false, Z.current ? (Z.current.value = null, Z.current.click()) : rG(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."))) : rG(e3);
+          })) : isSecurityError(e3) ? (rG.current = false, Z.current ? (Z.current.value = null, Z.current.click()) : cG(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."))) : cG(e3);
         });
         return;
       }
-      Z.current && (YW({
+      Z.current && (eG({
         type: "openDialog"
       }), W(), Z.current.value = null, Z.current.click());
     }, [
-      YW,
+      eG,
       W,
       G,
       T,
-      sG,
-      rG,
+      fG,
+      cG,
       H,
       p
-    ]), uG = (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(), lG());
+    ]), hG = (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(), mG());
     }, [
       q,
-      lG
-    ]), dG = (0, import_react.useCallback)(function() {
-      YW({
+      mG
+    ]), gG = (0, import_react.useCallback)(function() {
+      eG({
         type: "focus"
       });
-    }, []), fG = (0, import_react.useCallback)(function() {
-      YW({
+    }, []), _G = (0, import_react.useCallback)(function() {
+      eG({
         type: "blur"
       });
-    }, []), pG = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(lG, 0) : lG());
+    }, []), vG = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(mG, 0) : mG());
     }, [
       j,
-      lG
-    ]), mG = function(e2) {
+      mG
+    ]), yG = function(e2) {
       return l ? null : e2;
-    }, hG = function(e2) {
-      return M ? null : mG(e2);
-    }, gG = function(e2) {
-      return I ? null : mG(e2);
-    }, _G = function(e2) {
+    }, bG = function(e2) {
+      return M ? null : yG(e2);
+    }, xG = function(e2) {
+      return I ? null : yG(e2);
+    }, SG = function(e2) {
       L && e2.stopPropagation();
-    }, vG = (0, import_react.useMemo)(function() {
+    }, CG = (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: hG(composeEventHandlers(d2, uG)),
-          onFocus: hG(composeEventHandlers(f2, dG)),
-          onBlur: hG(composeEventHandlers(p2, fG)),
-          onClick: mG(composeEventHandlers(m2, pG)),
-          onDragEnter: gG(composeEventHandlers(h2, iG)),
-          onDragOver: gG(composeEventHandlers(g2, aG)),
-          onDragLeave: gG(composeEventHandlers(_2, oG)),
-          onDrop: gG(composeEventHandlers(v2, cG)),
+          onKeyDown: bG(composeEventHandlers(d2, hG)),
+          onFocus: bG(composeEventHandlers(f2, gG)),
+          onBlur: bG(composeEventHandlers(p2, _G)),
+          onClick: yG(composeEventHandlers(m2, vG)),
+          onDragEnter: xG(composeEventHandlers(h2, lG)),
+          onDragOver: xG(composeEventHandlers(g2, uG)),
+          onDragLeave: xG(composeEventHandlers(_2, dG)),
+          onDrop: xG(composeEventHandlers(v2, pG)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -24992,20 +25015,20 @@ ${c}
       };
     }, [
       q,
+      hG,
+      gG,
+      _G,
+      vG,
+      lG,
       uG,
       dG,
-      fG,
       pG,
-      iG,
-      aG,
-      oG,
-      cG,
       M,
       I,
       l
-    ]), yG = (0, import_react.useCallback)(function(e2) {
+    ]), wG = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), bG = (0, import_react.useMemo)(function() {
+    }, []), TG = (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({
@@ -25024,8 +25047,8 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: mG(composeEventHandlers(l2, cG)),
-          onClick: mG(composeEventHandlers(u2, yG)),
+          onChange: yG(composeEventHandlers(l2, pG)),
+          onClick: yG(composeEventHandlers(u2, wG)),
           tabIndex: -1
         }, c2, Z)), d2);
       };
@@ -25033,16 +25056,16 @@ ${c}
       Z,
       c,
       p,
-      cG,
+      pG,
       l
     ]);
-    return _objectSpread$7(_objectSpread$7({}, JW), {}, {
-      isFocused: XW && !l,
-      getRootProps: vG,
-      getInputProps: bG,
+    return _objectSpread$7(_objectSpread$7({}, $W), {}, {
+      isFocused: tG && !l,
+      getRootProps: CG,
+      getInputProps: TG,
       rootRef: q,
       inputRef: Z,
-      open: mG(lG)
+      open: yG(mG)
     });
   }
   function reducer$2(e, r) {
@@ -25274,47 +25297,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", Z = T && "text-destructive", qW;
-    r[48] !== q || r[49] !== Z ? (qW = cn(q, Z), r[48] = q, r[49] = Z, r[50] = qW) : qW = r[50];
-    let JW;
-    r[51] === qW ? JW = r[52] : (JW = (0, import_jsx_runtime.jsx)(Upload, {
+    let q = w && "text-primary", Z = T && "text-destructive", QW;
+    r[48] !== q || r[49] !== Z ? (QW = cn(q, Z), r[48] = q, r[49] = Z, r[50] = QW) : QW = r[50];
+    let $W;
+    r[51] === QW ? $W = r[52] : ($W = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
-      className: qW
-    }), r[51] = qW, r[52] = JW);
-    let YW = w && "text-primary", XW = T && "text-destructive", ZW;
-    r[53] !== YW || r[54] !== XW ? (ZW = cn(YW, XW), r[53] = YW, r[54] = XW, r[55] = ZW) : ZW = r[55];
-    let QW;
-    r[56] === ZW ? QW = r[57] : (QW = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+      className: QW
+    }), r[51] = QW, r[52] = $W);
+    let eG = w && "text-primary", tG = T && "text-destructive", nG;
+    r[53] !== eG || r[54] !== tG ? (nG = cn(eG, tG), r[53] = eG, r[54] = tG, r[55] = nG) : nG = r[55];
+    let rG;
+    r[56] === nG ? rG = r[57] : (rG = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
-      className: ZW
-    }), r[56] = ZW, r[57] = QW);
-    let $W;
-    r[58] !== JW || r[59] !== QW ? ($W = (0, import_jsx_runtime.jsxs)("div", {
+      className: nG
+    }), r[56] = nG, r[57] = rG);
+    let iG;
+    r[58] !== $W || r[59] !== rG ? (iG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
-        JW,
-        QW
+        $W,
+        rG
       ]
-    }), r[58] = JW, r[59] = QW, r[60] = $W) : $W = r[60];
-    let tG;
-    r[61] !== G || r[62] !== $W ? (tG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = $W, r[59] = rG, r[60] = iG) : iG = r[60];
+    let oG;
+    r[61] !== G || r[62] !== iG ? (oG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        $W
+        iG
       ]
-    }), r[61] = G, r[62] = $W, r[63] = tG) : tG = r[63];
-    let nG;
-    r[64] !== W || r[65] !== tG || r[66] !== z || r[67] !== B ? (nG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = iG, r[63] = oG) : oG = r[63];
+    let sG;
+    r[64] !== W || r[65] !== oG || r[66] !== z || r[67] !== B ? (sG = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        tG
+        oG
       ]
-    }), r[64] = W, r[65] = tG, r[66] = z, r[67] = B, r[68] = nG) : nG = r[68];
-    let rG;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== p.length ? (rG = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = oG, r[66] = z, r[67] = B, r[68] = sG) : sG = r[68];
+    let cG;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== p.length ? (cG = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -25350,17 +25373,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = p.length, r[74] = rG) : rG = r[74];
-    let iG;
-    return r[75] !== nG || r[76] !== rG ? (iG = (0, import_jsx_runtime.jsx)("section", {
+    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = p.length, r[74] = cG) : cG = r[74];
+    let lG;
+    return r[75] !== sG || r[76] !== cG ? (lG = (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: [
-          nG,
-          rG
+          sG,
+          cG
         ]
       })
-    }), r[75] = nG, r[76] = rG, r[77] = iG) : iG = r[77], iG;
+    }), r[75] = sG, r[76] = cG, r[77] = lG) : lG = r[77], lG;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -25463,68 +25486,68 @@ ${c}
         html: f
       })
     }), r[13] = f, r[14] = Z);
-    let qW;
-    r[15] === L ? qW = r[16] : (qW = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    let QW;
+    r[15] === L ? QW = r[16] : (QW = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = qW);
-    let JW;
-    r[17] === c ? JW = r[18] : (JW = (0, import_jsx_runtime.jsx)("div", {
+    }), r[15] = L, r[16] = QW);
+    let $W;
+    r[17] === c ? $W = r[18] : ($W = (0, import_jsx_runtime.jsx)("div", {
       children: c
-    }), r[17] = c, r[18] = JW);
-    let YW;
-    r[19] !== S || r[20] !== w || r[21] !== b ? (YW = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    }), r[17] = c, r[18] = $W);
+    let eG;
+    r[19] !== S || r[20] !== w || r[21] !== b ? (eG = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "marimo-plugin-form-clear-button",
       variant: "text",
       onClick: (e2) => {
         e2.preventDefault(), B();
       },
       children: S
-    }), w), r[19] = S, r[20] = w, r[21] = b, r[22] = YW) : YW = r[22];
-    let XW = v || m, ZW;
-    r[23] === m ? ZW = r[24] : (ZW = m && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), w), r[19] = S, r[20] = w, r[21] = b, r[22] = eG) : eG = r[22];
+    let tG = v || m, nG;
+    r[23] === m ? nG = r[24] : (nG = m && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = m, r[24] = ZW);
-    let QW;
-    r[25] !== g || r[26] !== XW || r[27] !== ZW || r[28] !== I ? (QW = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = m, r[24] = nG);
+    let rG;
+    r[25] !== g || r[26] !== tG || r[27] !== nG || r[28] !== I ? (rG = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: XW,
+      disabled: tG,
       type: "submit",
       children: [
-        ZW,
+        nG,
         g
       ]
-    }), r[25] = g, r[26] = XW, r[27] = ZW, r[28] = I, r[29] = QW) : QW = r[29];
-    let $W;
-    r[30] !== _ || r[31] !== QW ? ($W = withTooltip(QW, _), r[30] = _, r[31] = QW, r[32] = $W) : $W = r[32];
-    let tG;
-    r[33] !== $W || r[34] !== YW ? (tG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[25] = g, r[26] = tG, r[27] = nG, r[28] = I, r[29] = rG) : rG = r[29];
+    let iG;
+    r[30] !== _ || r[31] !== rG ? (iG = withTooltip(rG, _), r[30] = _, r[31] = rG, r[32] = iG) : iG = r[32];
+    let oG;
+    r[33] !== iG || r[34] !== eG ? (oG = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        YW,
-        $W
+        eG,
+        iG
       ]
-    }), r[33] = $W, r[34] = YW, r[35] = tG) : tG = r[35];
-    let nG;
-    r[36] !== tG || r[37] !== G || r[38] !== q || r[39] !== Z || r[40] !== qW || r[41] !== JW ? (nG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = iG, r[34] = eG, r[35] = oG) : oG = r[35];
+    let sG;
+    r[36] !== oG || r[37] !== G || r[38] !== q || r[39] !== Z || r[40] !== QW || r[41] !== $W ? (sG = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
         Z,
-        qW,
-        JW,
-        tG
+        QW,
+        $W,
+        oG
       ]
-    }), r[36] = tG, r[37] = G, r[38] = q, r[39] = Z, r[40] = qW, r[41] = JW, r[42] = nG) : nG = r[42];
-    let rG;
-    return r[43] !== nG || r[44] !== H ? (rG = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = oG, r[37] = G, r[38] = q, r[39] = Z, r[40] = QW, r[41] = $W, r[42] = sG) : sG = r[42];
+    let cG;
+    return r[43] !== sG || r[44] !== H ? (cG = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: nG
-    }), r[43] = nG, r[44] = H, r[45] = rG) : rG = r[45], rG;
+      children: sG
+    }), r[43] = sG, r[44] = H, r[45] = cG) : cG = r[45], cG;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$41.c)(24), c, l, u, d, f, p;
@@ -27310,8 +27333,8 @@ ${c}
         indices: c2
       }));
     }, r[31] = u, r[32] = Z);
-    let qW = useEvent_default(Z), JW;
-    r[33] === u ? JW = r[34] : (JW = (e2) => {
+    let QW = useEvent_default(Z), $W;
+    r[33] === u ? $W = r[34] : ($W = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
@@ -27320,9 +27343,9 @@ ${c}
         range: e2.range,
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[33] = u, r[34] = JW);
-    let YW = useEvent_default(JW), XW = m.frames ?? void 0, ZW = useEvent_default(_temp3$3), QW;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== qW || r[42] !== YW || r[43] !== XW || r[44] !== ZW || r[45] !== R ? (QW = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = u, r[34] = $W);
+    let eG = useEvent_default($W), tG = m.frames ?? void 0, nG = useEvent_default(_temp3$3), rG;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== QW || r[42] !== eG || r[43] !== tG || r[44] !== nG || r[45] !== R ? (rG = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -27330,13 +27353,13 @@ ${c}
       onTreemapClick: W,
       onSunburstClick: q,
       config: L,
-      onClick: qW,
-      onSelected: YW,
+      onClick: QW,
+      onSelected: eG,
       className: "w-full",
       useResizeHandler: true,
-      frames: XW,
-      onError: ZW
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = qW, r[42] = YW, r[43] = XW, r[44] = ZW, r[45] = R, r[46] = QW) : QW = r[46], QW;
+      frames: tG,
+      onError: nG
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = QW, r[42] = eG, r[43] = tG, r[44] = nG, r[45] = R, r[46] = rG) : rG = r[46], rG;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -27481,8 +27504,8 @@ ${c}
         onPointerUp: H
       })
     }), c[19] = L, c[20] = z, c[21] = H, c[22] = Z) : Z = c[22];
-    let qW;
-    c[23] !== p.setFalse || c[24] !== p.setTrue ? (qW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    let QW;
+    c[23] !== p.setFalse || c[24] !== p.setTrue ? (QW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -27492,30 +27515,30 @@ ${c}
         onMouseEnter: p.setTrue,
         onMouseLeave: p.setFalse
       })
-    }), c[23] = p.setFalse, c[24] = p.setTrue, c[25] = qW) : qW = c[25];
-    let JW;
-    c[26] !== m || c[27] !== u.value || c[28] !== d ? (JW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[23] = p.setFalse, c[24] = p.setTrue, c[25] = QW) : QW = c[25];
+    let $W;
+    c[26] !== m || c[27] !== u.value || c[28] !== d ? ($W = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[0]), {
         locale: m
       })
-    }, u.value[0]), c[26] = m, c[27] = u.value, c[28] = d, c[29] = JW) : JW = c[29];
-    let YW;
-    c[30] === JW ? YW = c[31] : (YW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: JW
-    }), c[30] = JW, c[31] = YW);
-    let XW;
-    c[32] !== f || c[33] !== qW || c[34] !== YW ? (XW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[0]), c[26] = m, c[27] = u.value, c[28] = d, c[29] = $W) : $W = c[29];
+    let eG;
+    c[30] === $W ? eG = c[31] : (eG = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: $W
+    }), c[30] = $W, c[31] = eG);
+    let tG;
+    c[32] !== f || c[33] !== QW || c[34] !== eG ? (tG = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          qW,
-          YW
+          QW,
+          eG
         ]
       })
-    }), c[32] = f, c[33] = qW, c[34] = YW, c[35] = XW) : XW = c[35];
-    let ZW;
-    c[36] !== p.setFalse || c[37] !== p.setTrue ? (ZW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = QW, c[34] = eG, c[35] = tG) : tG = c[35];
+    let nG;
+    c[36] !== p.setFalse || c[37] !== p.setTrue ? (nG = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -27525,39 +27548,39 @@ ${c}
         onMouseEnter: p.setTrue,
         onMouseLeave: p.setFalse
       })
-    }), c[36] = p.setFalse, c[37] = p.setTrue, c[38] = ZW) : ZW = c[38];
-    let QW;
-    c[39] !== m || c[40] !== u.value || c[41] !== d ? (QW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = p.setFalse, c[37] = p.setTrue, c[38] = nG) : nG = c[38];
+    let rG;
+    c[39] !== m || c[40] !== u.value || c[41] !== d ? (rG = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[1]), {
         locale: m
       })
-    }, u.value[1]), c[39] = m, c[40] = u.value, c[41] = d, c[42] = QW) : QW = c[42];
-    let $W;
-    c[43] === QW ? $W = c[44] : ($W = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: QW
-    }), c[43] = QW, c[44] = $W);
-    let eG;
-    c[45] !== f || c[46] !== ZW || c[47] !== $W ? (eG = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = m, c[40] = u.value, c[41] = d, c[42] = rG) : rG = c[42];
+    let iG;
+    c[43] === rG ? iG = c[44] : (iG = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: rG
+    }), c[43] = rG, c[44] = iG);
+    let aG;
+    c[45] !== f || c[46] !== nG || c[47] !== iG ? (aG = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          ZW,
-          $W
+          nG,
+          iG
         ]
       })
-    }), c[45] = f, c[46] = ZW, c[47] = $W, c[48] = eG) : eG = c[48];
-    let tG;
-    return c[49] !== M || c[50] !== u || c[51] !== Z || c[52] !== XW || c[53] !== eG || c[54] !== W ? (tG = (0, import_jsx_runtime.jsxs)(Root, {
+    }), c[45] = f, c[46] = nG, c[47] = iG, c[48] = aG) : aG = c[48];
+    let oG;
+    return c[49] !== M || c[50] !== u || c[51] !== Z || c[52] !== tG || c[53] !== aG || c[54] !== W ? (oG = (0, import_jsx_runtime.jsxs)(Root, {
       ref: M,
       className: W,
       ...u,
       children: [
         Z,
-        XW,
-        eG
+        tG,
+        aG
       ]
-    }), c[49] = M, c[50] = u, c[51] = Z, c[52] = XW, c[53] = eG, c[54] = W, c[55] = tG) : tG = c[55], tG;
+    }), c[49] = M, c[50] = u, c[51] = Z, c[52] = tG, c[53] = aG, c[54] = W, c[55] = oG) : oG = c[55], oG;
   });
   RangeSlider.displayName = Root.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -27608,14 +27631,14 @@ ${c}
     }, q = (e2) => {
       m && l(e2);
     }, r[10] = m, r[11] = l, r[12] = G, r[13] = q) : (G = r[12], q = r[13]);
-    let Z, qW;
+    let Z, QW;
     r[14] !== m || r[15] !== T || r[16] !== l || r[17] !== u ? (Z = () => {
       m && !dequal(T, u) && l(T);
-    }, qW = () => {
+    }, QW = () => {
       m && !dequal(T, u) && l(T);
-    }, r[14] = m, r[15] = T, r[16] = l, r[17] = u, r[18] = Z, r[19] = qW) : (Z = r[18], qW = r[19]);
-    let JW;
-    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== p || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== Z || r[31] !== qW || r[32] !== b ? (JW = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    }, r[14] = m, r[15] = T, r[16] = l, r[17] = u, r[18] = Z, r[19] = QW) : (Z = r[18], QW = r[19]);
+    let $W;
+    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== p || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== Z || r[31] !== QW || r[32] !== b ? ($W = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -27627,35 +27650,35 @@ ${c}
       onValueChange: G,
       onValueCommit: q,
       onPointerUp: Z,
-      onMouseUp: qW,
+      onMouseUp: QW,
       valueMap: b
-    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = p, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = Z, r[31] = qW, r[32] = b, r[33] = JW) : JW = r[33];
-    let YW;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (YW = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = p, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = Z, r[31] = QW, r[32] = b, r[33] = $W) : $W = r[33];
+    let eG;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (eG = _ && (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] = YW) : YW = r[38];
-    let XW;
-    r[39] !== JW || r[40] !== YW || r[41] !== B ? (XW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = eG) : eG = r[38];
+    let tG;
+    r[39] !== $W || r[40] !== eG || r[41] !== B ? (tG = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        JW,
-        YW
+        $W,
+        eG
       ]
-    }), r[39] = JW, r[40] = YW, r[41] = B, r[42] = XW) : XW = r[42];
-    let ZW;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== XW || r[47] !== M || r[48] !== L ? (ZW = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = $W, r[40] = eG, r[41] = B, r[42] = tG) : tG = r[42];
+    let nG;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== tG || r[47] !== M || r[48] !== L ? (nG = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: XW
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = XW, r[47] = M, r[48] = L, r[49] = ZW) : ZW = r[49], ZW;
+      children: tG
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = tG, r[47] = M, r[48] = L, r[49] = nG) : nG = r[49], nG;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -30954,40 +30977,40 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: G,
         createIsNestedEqual: r2
-      }), qW = T(q);
-      function JW(e3, r3) {
-        return qW(e3, r3, void 0);
+      }), QW = T(q);
+      function $W(e3, r3) {
+        return QW(e3, r3, void 0);
       }
-      var YW = T(l(q, {
+      var eG = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function XW(e3, r3) {
-        return YW(e3, r3, void 0);
+      function tG(e3, r3) {
+        return eG(e3, r3, void 0);
       }
-      var ZW = T(Z);
-      function QW(e3, r3) {
-        return ZW(e3, r3, /* @__PURE__ */ new WeakMap());
+      var nG = T(Z);
+      function rG(e3, r3) {
+        return nG(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var $W = T(l(Z, {
+      var iG = T(l(Z, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function eG(e3, r3) {
-        return $W(e3, r3, /* @__PURE__ */ new WeakMap());
+      function aG(e3, r3) {
+        return iG(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function tG(e3) {
+      function oG(e3) {
         return T(l(q, e3(q)));
       }
-      function nG(e3) {
+      function sG(e3) {
         var r3 = T(l(Z, e3(Z)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = QW, e2.circularShallowEqual = eG, e2.createCustomCircularEqual = nG, e2.createCustomEqual = tG, e2.deepEqual = JW, e2.sameValueZeroEqual = f, e2.shallowEqual = XW, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = rG, e2.circularShallowEqual = aG, e2.createCustomCircularEqual = sG, e2.createCustomEqual = oG, e2.deepEqual = $W, e2.sameValueZeroEqual = f, e2.shallowEqual = tG, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -31013,7 +31036,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 = cG, 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 = eG, e.setTopLeft = nG, e.setTransform = tG, e.sortLayoutItems = rG, e.sortLayoutItemsByColRow = aG, e.sortLayoutItemsByRowCol = iG, e.synchronizeLayoutWithChildren = oG, e.validateLayout = sG, 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 = pG, 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 = aG, e.setTopLeft = sG, e.setTransform = oG, e.sortLayoutItems = cG, e.sortLayoutItemsByColRow = uG, e.sortLayoutItemsByRowCol = lG, e.synchronizeLayoutWithChildren = dG, e.validateLayout = fG, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -31118,7 +31141,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 = rG(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = cG(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;
@@ -31176,7 +31199,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 = rG(e2, f2);
+      let v2 = cG(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);
@@ -31210,61 +31233,61 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, Z = (e2, r2, c2) => e2 < 0 ? r2 : c2, qW = (e2) => Math.max(0, e2), JW = (e2) => Math.max(0, e2), YW = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, Z = (e2, r2, c2) => e2 < 0 ? r2 : c2, QW = (e2) => Math.max(0, e2), $W = (e2) => Math.max(0, e2), eG = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
         height: Z(f2, e2.height, u2),
-        top: JW(f2)
+        top: $W(f2)
       };
-    }, XW = (e2, r2, c2) => {
+    }, tG = (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: qW(u2)
+        left: QW(u2)
       };
-    }, ZW = (e2, r2, c2) => {
+    }, nG = (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: JW(l2),
-        left: qW(f2)
+        top: $W(l2),
+        left: QW(f2)
       };
-    }, QW = (e2, r2, c2) => {
+    }, rG = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
         height: Z(l2, e2.height, d2),
-        top: JW(l2)
+        top: $W(l2)
       };
-    }, $W = {
-      n: YW,
+    }, iG = {
+      n: eG,
       ne: function() {
-        return YW(arguments.length <= 0 ? void 0 : arguments[0], XW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return eG(arguments.length <= 0 ? void 0 : arguments[0], tG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: XW,
+      e: tG,
       se: function() {
-        return QW(arguments.length <= 0 ? void 0 : arguments[0], XW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return rG(arguments.length <= 0 ? void 0 : arguments[0], tG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: QW,
+      s: rG,
       sw: function() {
-        return QW(arguments.length <= 0 ? void 0 : arguments[0], ZW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return rG(arguments.length <= 0 ? void 0 : arguments[0], nG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: ZW,
+      w: nG,
       nw: function() {
-        return YW(arguments.length <= 0 ? void 0 : arguments[0], ZW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return eG(arguments.length <= 0 ? void 0 : arguments[0], nG(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function eG(e2, r2, c2, l2) {
-      let u2 = $W[e2];
+    function aG(e2, r2, c2, l2) {
+      let u2 = iG[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function tG(e2) {
+    function oG(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -31277,7 +31300,7 @@ ${c}
         position: "absolute"
       };
     }
-    function nG(e2) {
+    function sG(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -31287,20 +31310,20 @@ ${c}
         position: "absolute"
       };
     }
-    function rG(e2, r2) {
-      return r2 === "horizontal" ? aG(e2) : r2 === "vertical" ? iG(e2) : e2;
+    function cG(e2, r2) {
+      return r2 === "horizontal" ? uG(e2) : r2 === "vertical" ? lG(e2) : e2;
     }
-    function iG(e2) {
+    function lG(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 aG(e2) {
+    function uG(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 oG(e2, r2, l2, u2, f2) {
+    function dG(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -31321,7 +31344,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function sG(e2) {
+    function fG(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -31338,7 +31361,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 cG(e2) {
+    function pG(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -34143,7 +34166,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, Z, qW, JW, YW, XW, ZW, QW, $W, eG, tG, nG, rG, iG, aG, oG, sG, cG;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, Z, QW, $W, eG, tG, nG, rG, iG, aG, oG, sG, cG, lG, uG, dG, fG, pG;
     if (r[10] !== u || r[11] !== S || r[12] !== O || r[13] !== g || r[14] !== M || r[15] !== m || r[16] !== j || r[17] !== f || r[18] !== c || r[19] !== d || r[20] !== l) {
       let e2 = Maps.keyBy(c.cells, _temp2$3), p2;
       r[47] !== c || r[48] !== l ? (p2 = (e3) => (r2) => {
@@ -34162,23 +34185,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, aG = "lg", r[58] === c.cells ? oG = r[59] : (oG = {
+      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, uG = "lg", r[58] === c.cells ? dG = r[59] : (dG = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = oG), sG = L, cG = S, R = false;
+      }, r[58] = c.cells, r[59] = dG), fG = L, pG = 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, Z = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (qW = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, Z = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (QW = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = qW) : qW = r[69], r[70] === g ? JW = r[71] : (JW = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = QW) : QW = r[69], r[70] === g ? $W = r[71] : ($W = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = JW), r[72] !== O || r[73] !== c || r[74] !== l ? (YW = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = $W), r[72] !== O || r[73] !== c || r[74] !== l ? (eG = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -34186,15 +34209,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = YW) : YW = r[75], r[76] === O ? (XW = r[77], ZW = r[78], QW = r[79]) : (XW = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = eG) : eG = r[75], r[76] === O ? (tG = r[77], nG = r[78], rG = r[79]) : (tG = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, ZW = (e3, r2, c2, l2, u2) => {
+      }, nG = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, QW = () => {
+      }, rG = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = XW, r[78] = ZW, r[79] = QW), $W = _temp3$2, eG = M, tG = M, nG = M, rG = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = tG, r[78] = nG, r[79] = rG), iG = _temp3$2, aG = M, oG = M, sG = M, cG = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === m ? E2 = r[81] : (E2 = (e3) => m.has(e3.id), r[80] = m, r[81] = E2), iG = u.filter(E2).map((r2) => {
+      r[80] === m ? E2 = r[81] : (E2 = (e3) => m.has(e3.id), r[80] = m, r[81] = E2), lG = u.filter(E2).map((r2) => {
         let u2 = e2.get(r2.id), f2 = c.scrollableCells.has(r2.id) ?? false, p3 = c.cellSide.get(r2.id), m2 = (0, import_jsx_runtime.jsx)(GridCell, {
           code: r2.code,
           mode: d,
@@ -34224,14 +34247,14 @@ ${c}
         }, r2.id) : (0, import_jsx_runtime.jsx)("div", {
           children: m2
         }, r2.id);
-      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = m, 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] = Z, r[31] = qW, r[32] = JW, r[33] = YW, r[34] = XW, r[35] = ZW, r[36] = QW, r[37] = $W, r[38] = eG, r[39] = tG, r[40] = nG, r[41] = rG, r[42] = iG, r[43] = aG, r[44] = oG, r[45] = sG, r[46] = cG;
-    } 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], Z = r[30], qW = r[31], JW = r[32], YW = r[33], XW = r[34], ZW = r[35], QW = r[36], $W = r[37], eG = r[38], tG = r[39], nG = r[40], rG = r[41], iG = r[42], aG = r[43], oG = r[44], sG = r[45], cG = r[46];
-    let lG;
-    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] !== Z || r[91] !== qW || r[92] !== JW || r[93] !== YW || r[94] !== XW || r[95] !== ZW || r[96] !== QW || r[97] !== $W || r[98] !== eG || r[99] !== tG || r[100] !== nG || r[101] !== rG || r[102] !== iG || r[103] !== aG || r[104] !== oG || r[105] !== sG || r[106] !== cG ? (lG = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: aG,
-      layouts: oG,
-      style: sG,
-      cols: cG,
+      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = m, 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] = Z, r[31] = QW, r[32] = $W, r[33] = eG, r[34] = tG, r[35] = nG, r[36] = rG, r[37] = iG, r[38] = aG, r[39] = oG, r[40] = sG, r[41] = cG, r[42] = lG, r[43] = uG, r[44] = dG, r[45] = fG, r[46] = pG;
+    } 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], Z = r[30], QW = r[31], $W = r[32], eG = r[33], tG = r[34], nG = r[35], rG = r[36], iG = r[37], aG = r[38], oG = r[39], sG = r[40], cG = r[41], lG = r[42], uG = r[43], dG = r[44], fG = r[45], pG = r[46];
+    let mG;
+    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] !== Z || r[91] !== QW || r[92] !== $W || r[93] !== eG || r[94] !== tG || r[95] !== nG || r[96] !== rG || r[97] !== iG || r[98] !== aG || r[99] !== oG || r[100] !== sG || r[101] !== cG || r[102] !== lG || r[103] !== uG || r[104] !== dG || r[105] !== fG || r[106] !== pG ? (mG = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: uG,
+      layouts: dG,
+      style: fG,
+      cols: pG,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -34240,22 +34263,22 @@ ${c}
       compactType: G,
       preventCollision: q,
       rowHeight: Z,
-      onLayoutChange: qW,
-      droppingItem: JW,
-      onDrop: YW,
-      onDragStart: XW,
-      onDrag: ZW,
-      onDragStop: QW,
-      onResizeStop: $W,
-      isDraggable: eG,
-      isDroppable: tG,
-      isResizable: nG,
-      draggableHandle: rG,
-      children: iG
-    }), 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] = Z, r[91] = qW, r[92] = JW, r[93] = YW, r[94] = XW, r[95] = ZW, r[96] = QW, r[97] = $W, r[98] = eG, r[99] = tG, r[100] = nG, r[101] = rG, r[102] = iG, r[103] = aG, r[104] = oG, r[105] = sG, r[106] = cG, r[107] = lG) : lG = r[107];
-    let uG = lG, dG, fG, pG, mG, hG, gG, _G;
-    if (r[108] !== u || r[109] !== uG || r[110] !== m || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      _G = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      onLayoutChange: QW,
+      droppingItem: $W,
+      onDrop: eG,
+      onDragStart: tG,
+      onDrag: nG,
+      onDragStop: rG,
+      onResizeStop: iG,
+      isDraggable: aG,
+      isDroppable: oG,
+      isResizable: sG,
+      draggableHandle: cG,
+      children: lG
+    }), 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] = Z, r[91] = QW, r[92] = $W, r[93] = eG, r[94] = tG, r[95] = nG, r[96] = rG, r[97] = iG, r[98] = aG, r[99] = oG, r[100] = sG, r[101] = cG, r[102] = lG, r[103] = uG, r[104] = dG, r[105] = fG, r[106] = pG, r[107] = mG) : mG = r[107];
+    let hG = mG, gG, _G, vG, yG, bG, xG, SG;
+    if (r[108] !== u || r[109] !== hG || r[110] !== m || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      SG = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let e2;
         r[125] === m ? e2 = r[126] : (e2 = (e3) => !m.has(e3.id), r[125] = m, r[126] = e2);
@@ -34263,14 +34286,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== uG || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== hG || 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: uG
+                children: hG
               })
-            }), r[127] = uG, r[128] = L, r[129] = e4) : e4 = r[129], uG = e4;
+            }), r[127] = hG, r[128] = L, r[129] = e4) : e4 = r[129], hG = e4;
           }
           let e3 = p2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -34282,9 +34305,9 @@ ${c}
             stale: outputIsStale(e4, false),
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), _G = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), SG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              uG,
+              hG,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -34295,31 +34318,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === uG ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === hG ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: uG
-          }), r[132] = uG, r[133] = e3);
+            children: hG
+          }), r[132] = hG, 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], uG = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], hG = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (gG = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (xG = (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] = gG) : gG = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = xG) : xG = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (mG = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = mG, r[142] = g2) : (mG = r[141], g2 = r[142]), r[143] === uG ? hG = r[144] : (hG = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (yG = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = yG, r[142] = g2) : (yG = r[141], g2 = r[142]), r[143] === hG ? bG = r[144] : (bG = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: uG
-        }), r[143] = uG, r[144] = hG), dG = "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") ? (fG = (0, import_jsx_runtime.jsx)("div", {
+          children: hG
+        }), r[143] = hG, r[144] = bG), gG = "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") ? (_G = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = fG) : fG = r[145];
+        }), r[145] = _G) : _G = 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,
@@ -34345,34 +34368,34 @@ ${c}
             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], pG = p2.map(b2);
-      }
-      r[108] = u, r[109] = uG, r[110] = m, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = dG, r[118] = fG, r[119] = pG, r[120] = mG, r[121] = hG, r[122] = gG, r[123] = _G, r[124] = uG;
-    } else dG = r[117], fG = r[118], pG = r[119], mG = r[120], hG = r[121], gG = r[122], _G = r[123], uG = r[124];
-    if (_G !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return _G;
-    let vG;
-    r[150] !== dG || r[151] !== fG || r[152] !== pG ? (vG = (0, import_jsx_runtime.jsxs)("div", {
-      className: dG,
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], vG = p2.map(b2);
+      }
+      r[108] = u, r[109] = hG, r[110] = m, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = gG, r[118] = _G, r[119] = vG, r[120] = yG, r[121] = bG, r[122] = xG, r[123] = SG, r[124] = hG;
+    } else gG = r[117], _G = r[118], vG = r[119], yG = r[120], bG = r[121], xG = r[122], SG = r[123], hG = r[124];
+    if (SG !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return SG;
+    let CG;
+    r[150] !== gG || r[151] !== _G || r[152] !== vG ? (CG = (0, import_jsx_runtime.jsxs)("div", {
+      className: gG,
       children: [
-        fG,
-        pG
+        _G,
+        vG
       ]
-    }), r[150] = dG, r[151] = fG, r[152] = pG, r[153] = vG) : vG = r[153];
-    let yG;
-    r[154] !== mG || r[155] !== hG || r[156] !== vG ? (yG = (0, import_jsx_runtime.jsxs)("div", {
-      className: mG,
+    }), r[150] = gG, r[151] = _G, r[152] = vG, r[153] = CG) : CG = r[153];
+    let wG;
+    r[154] !== yG || r[155] !== bG || r[156] !== CG ? (wG = (0, import_jsx_runtime.jsxs)("div", {
+      className: yG,
       children: [
-        hG,
-        vG
+        bG,
+        CG
       ]
-    }), r[154] = mG, r[155] = hG, r[156] = vG, r[157] = yG) : yG = r[157];
-    let bG;
-    return r[158] !== gG || r[159] !== yG ? (bG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = yG, r[155] = bG, r[156] = CG, r[157] = wG) : wG = r[157];
+    let TG;
+    return r[158] !== xG || r[159] !== wG ? (TG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        gG,
-        yG
+        xG,
+        wG
       ]
-    }), r[158] = gG, r[159] = yG, r[160] = bG) : bG = r[160], bG;
+    }), r[158] = xG, r[159] = wG, r[160] = TG) : TG = r[160], TG;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$13.c)(21), { output: c, cellId: l, status: u, mode: d, code: f, hidden: p, isScrollable: m, side: g, className: _, stale: v } = e, y;
@@ -34682,8 +34705,8 @@ ${c}
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
     }), r[36] = l, r[37] = Z);
-    let qW;
-    return r[38] !== M || r[39] !== G || r[40] !== Z || r[41] !== S ? (qW = (0, import_jsx_runtime.jsxs)("div", {
+    let QW;
+    return r[38] !== M || r[39] !== G || r[40] !== Z || r[41] !== S ? (QW = (0, import_jsx_runtime.jsxs)("div", {
       className: S,
       children: [
         M,
@@ -34691,7 +34714,7 @@ ${c}
         q,
         Z
       ]
-    }), r[38] = M, r[39] = G, r[40] = Z, r[41] = S, r[42] = qW) : qW = r[42], qW;
+    }), r[38] = M, r[39] = G, r[40] = Z, r[41] = S, r[42] = QW) : QW = r[42], QW;
   };
   function isSidebarCell(e) {
     var _a5;
@@ -36697,29 +36720,29 @@ ${c}
       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), Z = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), qW = useMeasuringConfiguration(p), { droppableRects: JW, measureDroppableContainers: YW, measuringScheduled: XW } = useDroppableMeasuring(Z, {
+    ]), QW = useMeasuringConfiguration(p), { droppableRects: $W, measureDroppableContainers: eG, measuringScheduled: tG } = useDroppableMeasuring(Z, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
-      config: qW.droppable
-    }), ZW = useCachedNode(E, T), QW = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+      config: QW.droppable
+    }), nG = useCachedNode(E, T), rG = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), $W = AG(), eG = useInitialRect(ZW, qW.draggable.measure);
+    ]), iG = FG(), aG = useInitialRect(nG, QW.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: $W.layoutShiftCompensation,
-      initialRect: eG,
-      measure: qW.draggable.measure
+      config: iG.layoutShiftCompensation,
+      initialRect: aG,
+      measure: QW.draggable.measure
     });
-    let tG = useRect(ZW, qW.draggable.measure, eG), nG = useRect(ZW ? ZW.parentElement : null), rG = (0, import_react.useRef)({
+    let oG = useRect(nG, QW.draggable.measure, aG), sG = useRect(nG ? nG.parentElement : null), cG = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: ZW,
+      activeNode: nG,
       collisionRect: null,
       collisions: null,
-      droppableRects: JW,
+      droppableRects: $W,
       draggableNodes: E,
       draggingNode: null,
       draggingNodeRect: null,
@@ -36727,45 +36750,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), iG = j.getNodeFor((_a5 = rG.current.over) == null ? void 0 : _a5.id), aG = useDragOverlayMeasuring({
-      measure: qW.dragOverlay.measure
-    }), oG = aG.nodeRef.current ?? ZW, sG = w ? aG.rect ?? tG : null, cG = !!(aG.nodeRef.current && aG.rect), lG = useRectDelta(cG ? null : tG), uG = useWindowRect(oG ? getWindow(oG) : null), dG = useScrollableAncestors(w ? iG ?? ZW : null), fG = useRects(dG), pG = applyModifiers(m, {
+    }), lG = j.getNodeFor((_a5 = cG.current.over) == null ? void 0 : _a5.id), uG = useDragOverlayMeasuring({
+      measure: QW.dragOverlay.measure
+    }), dG = uG.nodeRef.current ?? nG, fG = w ? uG.rect ?? oG : null, pG = !!(uG.nodeRef.current && uG.rect), mG = useRectDelta(pG ? null : oG), hG = useWindowRect(dG ? getWindow(dG) : null), gG = useScrollableAncestors(w ? lG ?? nG : null), _G = useRects(gG), vG = applyModifiers(m, {
       transform: {
-        x: O.x - lG.x,
-        y: O.y - lG.y,
+        x: O.x - mG.x,
+        y: O.y - mG.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: tG,
-      containerNodeRect: nG,
-      draggingNodeRect: sG,
-      over: rG.current.over,
-      overlayNodeRect: aG.rect,
-      scrollableAncestors: dG,
-      scrollableAncestorRects: fG,
-      windowRect: uG
-    }), mG = QW ? add(QW, O) : null, hG = useScrollOffsets(dG), gG = useScrollOffsetsDelta(hG), _G = useScrollOffsetsDelta(hG, [
-      tG
-    ]), vG = add(pG, gG), yG = sG ? getAdjustedRect(sG, pG) : null, bG = L && yG ? f({
+      activeNodeRect: oG,
+      containerNodeRect: sG,
+      draggingNodeRect: fG,
+      over: cG.current.over,
+      overlayNodeRect: uG.rect,
+      scrollableAncestors: gG,
+      scrollableAncestorRects: _G,
+      windowRect: hG
+    }), yG = rG ? add(rG, O) : null, bG = useScrollOffsets(gG), xG = useScrollOffsetsDelta(bG), SG = useScrollOffsetsDelta(bG, [
+      oG
+    ]), CG = add(vG, xG), wG = fG ? getAdjustedRect(fG, vG) : null, TG = L && wG ? f({
       active: L,
-      collisionRect: yG,
-      droppableRects: JW,
+      collisionRect: wG,
+      droppableRects: $W,
       droppableContainers: Z,
-      pointerCoordinates: mG
-    }) : null, xG = getFirstCollision(bG, "id"), [SG, CG] = (0, import_react.useState)(null), wG = adjustScale(cG ? pG : add(pG, _G), (SG == null ? void 0 : SG.rect) ?? null, tG), TG = (0, import_react.useRef)(null), EG = (0, import_react.useCallback)((e2, r2) => {
+      pointerCoordinates: yG
+    }) : null, EG = getFirstCollision(TG, "id"), [DG, OG] = (0, import_react.useState)(null), kG = adjustScale(pG ? vG : add(vG, SG), (DG == null ? void 0 : DG.rect) ?? null, oG), AG = (0, import_react.useRef)(null), jG = (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;
-      TG.current = new c2({
+      AG.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: rG,
+        context: cG,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -36810,7 +36833,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(TG.current), W(d2);
+            }), B(AG.current), W(d2);
           });
         },
         onMove(e3) {
@@ -36824,7 +36847,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = rG.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = cG.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -36838,7 +36861,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), CG(null), B(null), W(null), TG.current = null;
+            }), S(Status.Uninitialized), OG(null), B(null), W(null), AG.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e4 = G.current[r4];
@@ -36852,7 +36875,7 @@ ${c}
       }
     }, [
       E
-    ]), DG = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), MG = 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 = {
@@ -36860,26 +36883,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, EG(c2, r2));
+      }, R.current = l2, jG(c2, r2));
     }, [
       E,
-      EG
+      jG
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      tG && b === Status.Initializing && S(Status.Initialized);
+      oG && b === Status.Initializing && S(Status.Initialized);
     }, [
-      tG,
+      oG,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = rG.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = cG.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: vG.x,
-          y: vG.y
+          x: CG.x,
+          y: CG.y
         },
         over: u2
       };
@@ -36890,12 +36913,12 @@ ${c}
         });
       });
     }, [
-      vG.x,
-      vG.y
+      CG.x,
+      CG.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = rG.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = cG.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(xG), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(EG), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -36911,127 +36934,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        CG(p2), d2 == null ? void 0 : d2(m2), v({
+        OG(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      xG
+      EG
     ]), useIsomorphicLayoutEffect(() => {
-      rG.current = {
+      cG.current = {
         activatorEvent: H,
         active: L,
-        activeNode: ZW,
-        collisionRect: yG,
-        collisions: bG,
-        droppableRects: JW,
+        activeNode: nG,
+        collisionRect: wG,
+        collisions: TG,
+        droppableRects: $W,
         draggableNodes: E,
-        draggingNode: oG,
-        draggingNodeRect: sG,
+        draggingNode: dG,
+        draggingNodeRect: fG,
         droppableContainers: j,
-        over: SG,
-        scrollableAncestors: dG,
-        scrollAdjustedTranslate: vG
+        over: DG,
+        scrollableAncestors: gG,
+        scrollAdjustedTranslate: CG
       }, I.current = {
-        initial: sG,
-        translated: yG
+        initial: fG,
+        translated: wG
       };
     }, [
       L,
-      ZW,
-      bG,
-      yG,
+      nG,
+      TG,
+      wG,
       E,
-      oG,
-      sG,
-      JW,
-      j,
-      SG,
       dG,
-      vG
+      fG,
+      $W,
+      j,
+      DG,
+      gG,
+      CG
     ]), useAutoScroller({
-      ...$W,
+      ...iG,
       delta: O,
-      draggingRect: yG,
-      pointerCoordinates: mG,
-      scrollableAncestors: dG,
-      scrollableAncestorRects: fG
+      draggingRect: wG,
+      pointerCoordinates: yG,
+      scrollableAncestors: gG,
+      scrollableAncestorRects: _G
     });
-    let OG = (0, import_react.useMemo)(() => ({
+    let NG = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: ZW,
-      activeNodeRect: tG,
+      activeNode: nG,
+      activeNodeRect: oG,
       activatorEvent: H,
-      collisions: bG,
-      containerNodeRect: nG,
-      dragOverlay: aG,
+      collisions: TG,
+      containerNodeRect: sG,
+      dragOverlay: uG,
       draggableNodes: E,
       droppableContainers: j,
-      droppableRects: JW,
-      over: SG,
-      measureDroppableContainers: YW,
-      scrollableAncestors: dG,
-      scrollableAncestorRects: fG,
-      measuringConfiguration: qW,
-      measuringScheduled: XW,
-      windowRect: uG
+      droppableRects: $W,
+      over: DG,
+      measureDroppableContainers: eG,
+      scrollableAncestors: gG,
+      scrollableAncestorRects: _G,
+      measuringConfiguration: QW,
+      measuringScheduled: tG,
+      windowRect: hG
     }), [
       L,
-      ZW,
-      tG,
-      H,
-      bG,
       nG,
-      aG,
+      oG,
+      H,
+      TG,
+      sG,
+      uG,
       E,
       j,
-      JW,
-      SG,
-      YW,
-      dG,
-      fG,
-      qW,
-      XW,
-      uG
-    ]), kG = (0, import_react.useMemo)(() => ({
+      $W,
+      DG,
+      eG,
+      gG,
+      _G,
+      QW,
+      tG,
+      hG
+    ]), PG = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: DG,
+      activators: MG,
       active: L,
-      activeNodeRect: tG,
+      activeNodeRect: oG,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: SG,
-      measureDroppableContainers: YW
+      over: DG,
+      measureDroppableContainers: eG
     }), [
       H,
-      DG,
+      MG,
       L,
-      tG,
+      oG,
       _,
       q,
       E,
-      SG,
-      YW
+      DG,
+      eG
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: kG
+      value: PG
     }, import_react.createElement(PublicContext.Provider, {
-      value: OG
+      value: NG
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: wG
+      value: kG
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function AG() {
+    function FG() {
       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,
@@ -37559,7 +37582,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: Z, listeners: qW, isDragging: JW, over: YW, setActivatorNodeRef: XW, transform: ZW } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: Z, listeners: QW, isDragging: $W, over: eG, setActivatorNodeRef: tG, transform: nG } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -37567,60 +37590,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), QW = useCombinedRefs(B, Z), $W = !!H, eG = $W && !b && isValidIndex(v) && isValidIndex(w), tG = !T && JW, nG = eG ? (tG && eG ? ZW : null) ?? (p ?? E)({
+    }), rG = useCombinedRefs(B, Z), iG = !!H, aG = iG && !b && isValidIndex(v) && isValidIndex(w), oG = !T && $W, sG = aG ? (oG && aG ? nG : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, rG = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, cG = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, iG = H == null ? void 0 : H.id, aG = (0, import_react.useRef)({
-      activeId: iG,
+    }) : j, lG = H == null ? void 0 : H.id, uG = (0, import_react.useRef)({
+      activeId: lG,
       items: g,
-      newIndex: rG,
+      newIndex: cG,
       containerId: _
-    }), oG = g !== aG.current.items, sG = r({
+    }), dG = g !== uG.current.items, fG = r({
       active: H,
       containerId: _,
-      isDragging: JW,
-      isSorting: $W,
+      isDragging: $W,
+      isSorting: iG,
       id: f,
       index: j,
       items: g,
-      newIndex: aG.current.newIndex,
-      previousItems: aG.current.items,
-      previousContainerId: aG.current.containerId,
+      newIndex: uG.current.newIndex,
+      previousItems: uG.current.items,
+      previousContainerId: uG.current.containerId,
       transition: h,
-      wasDragging: aG.current.activeId != null
-    }), cG = useDerivedTransform({
-      disabled: !sG,
+      wasDragging: uG.current.activeId != null
+    }), pG = useDerivedTransform({
+      disabled: !fG,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      $W && aG.current.newIndex !== rG && (aG.current.newIndex = rG), _ !== aG.current.containerId && (aG.current.containerId = _), g !== aG.current.items && (aG.current.items = g);
+      iG && uG.current.newIndex !== cG && (uG.current.newIndex = cG), _ !== uG.current.containerId && (uG.current.containerId = _), g !== uG.current.items && (uG.current.items = g);
     }, [
-      $W,
-      rG,
+      iG,
+      cG,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (iG === aG.current.activeId) return;
-      if (iG != null && aG.current.activeId == null) {
-        aG.current.activeId = iG;
+      if (lG === uG.current.activeId) return;
+      if (lG != null && uG.current.activeId == null) {
+        uG.current.activeId = lG;
         return;
       }
       let e2 = setTimeout(() => {
-        aG.current.activeId = iG;
+        uG.current.activeId = lG;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      iG
+      lG
     ]), {
       active: H,
       activeIndex: v,
@@ -37628,25 +37651,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: rG,
+      newIndex: cG,
       items: g,
       isOver: z,
-      isSorting: $W,
-      isDragging: JW,
-      listeners: qW,
+      isSorting: iG,
+      isDragging: $W,
+      listeners: QW,
       node: R,
       overIndex: w,
-      over: YW,
-      setNodeRef: QW,
-      setActivatorNodeRef: XW,
+      over: eG,
+      setNodeRef: rG,
+      setActivatorNodeRef: tG,
       setDroppableNodeRef: B,
       setDraggableNodeRef: Z,
-      transform: cG ?? nG,
-      transition: lG()
+      transform: pG ?? sG,
+      transition: mG()
     };
-    function lG() {
-      if (cG || oG && aG.current.newIndex === j) return disabledTransition;
-      if (!(tG && !isKeyboardEvent(W) || !h) && ($W || sG)) return CSS$1.Transition.toString({
+    function mG() {
+      if (pG || dG && uG.current.newIndex === j) return disabledTransition;
+      if (!(oG && !isKeyboardEvent(W) || !h) && (iG || fG)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -37948,13 +37971,13 @@ ${c}
     }), r[35] = c.id, r[36] = m, 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 Z = q;
     if (!v && !g) return Z;
-    let qW;
-    r[46] === Z ? qW = r[47] : (qW = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
+    let QW;
+    r[46] === Z ? QW = r[47] : (QW = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
       asChild: true,
       children: Z
-    }), r[46] = Z, r[47] = qW);
-    let JW;
-    r[48] === v ? JW = r[49] : (JW = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+    }), r[46] = Z, r[47] = QW);
+    let $W;
+    r[48] === v ? $W = r[49] : ($W = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       onSelect: v,
       children: [
         (0, import_jsx_runtime.jsx)(Plus, {
@@ -37962,11 +37985,11 @@ ${c}
         }),
         "Add cell"
       ]
-    }), r[48] = v, r[49] = JW);
-    let YW;
-    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (YW = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = YW) : YW = r[50];
-    let XW;
-    r[51] === g ? XW = r[52] : (XW = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+    }), r[48] = v, r[49] = $W);
+    let eG;
+    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (eG = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = eG) : eG = r[50];
+    let tG;
+    r[51] === g ? tG = r[52] : (tG = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       variant: "danger",
       onSelect: g,
       children: [
@@ -37975,22 +37998,22 @@ ${c}
         }),
         "Delete cell"
       ]
-    }), r[51] = g, r[52] = XW);
-    let ZW;
-    r[53] !== JW || r[54] !== XW ? (ZW = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+    }), r[51] = g, r[52] = tG);
+    let nG;
+    r[53] !== $W || r[54] !== tG ? (nG = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
       children: [
-        JW,
-        YW,
-        XW
+        $W,
+        eG,
+        tG
       ]
-    }), r[53] = JW, r[54] = XW, r[55] = ZW) : ZW = r[55];
-    let QW;
-    return r[56] !== qW || r[57] !== ZW ? (QW = (0, import_jsx_runtime.jsxs)(ContextMenu, {
+    }), r[53] = $W, r[54] = tG, r[55] = nG) : nG = r[55];
+    let rG;
+    return r[56] !== QW || r[57] !== nG ? (rG = (0, import_jsx_runtime.jsxs)(ContextMenu, {
       children: [
-        qW,
-        ZW
+        QW,
+        nG
       ]
-    }), r[56] = qW, r[57] = ZW, r[58] = QW) : QW = r[58], QW;
+    }), r[56] = QW, r[57] = nG, r[58] = rG) : rG = r[58], rG;
   }, 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);
@@ -38044,10 +38067,10 @@ ${c}
       ...B,
       ...m
     }, r[20] = M, r[21] = m, 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", Z = w && !T && "opacity-35", qW = T && "opacity-95 shadow-lg", JW;
-    r[25] !== l || r[26] !== Z || r[27] !== qW || r[28] !== q ? (JW = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, Z, qW, l), r[25] = l, r[26] = Z, r[27] = qW, r[28] = q, r[29] = JW) : JW = r[29];
-    let YW;
-    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (YW = 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", Z = w && !T && "opacity-35", QW = T && "opacity-95 shadow-lg", $W;
+    r[25] !== l || r[26] !== Z || r[27] !== QW || r[28] !== q ? ($W = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, Z, QW, l), r[25] = l, r[26] = Z, r[27] = QW, r[28] = q, r[29] = $W) : $W = r[29];
+    let eG;
+    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (eG = 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})`,
@@ -38063,14 +38086,14 @@ ${c}
         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] = YW) : YW = r[36];
-    let XW;
-    r[37] === z ? XW = r[38] : (XW = 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] = eG) : eG = r[36];
+    let tG;
+    r[37] === z ? tG = r[38] : (tG = 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] = XW);
-    let ZW;
-    r[39] !== z || r[40] !== R ? (ZW = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[37] = z, r[38] = tG);
+    let nG;
+    r[39] !== z || r[40] !== R ? (nG = (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
@@ -38082,19 +38105,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[39] = z, r[40] = R, r[41] = ZW) : ZW = r[41];
-    let QW;
-    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== JW || r[46] !== YW || r[47] !== XW || r[48] !== ZW ? (QW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[39] = z, r[40] = R, r[41] = nG) : nG = r[41];
+    let rG;
+    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== $W || r[46] !== eG || r[47] !== tG || r[48] !== nG ? (rG = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: JW,
+      className: $W,
       style: W,
       ...d,
       children: [
-        YW,
-        XW,
-        ZW
+        eG,
+        tG,
+        nG
       ]
-    }), r[42] = W, r[43] = d, r[44] = f, r[45] = JW, r[46] = YW, r[47] = XW, r[48] = ZW, r[49] = QW) : QW = r[49], QW;
+    }), r[42] = W, r[43] = d, r[44] = f, r[45] = $W, r[46] = eG, r[47] = tG, r[48] = nG, r[49] = rG) : rG = r[49], rG;
   }, 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", {
@@ -38134,7 +38157,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-BxgX1LrU.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-DSh8B_vT.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a5;
     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), [
@@ -38519,7 +38542,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, Z, qW, JW, YW, XW, ZW;
+    let H, W, G, q, Z, QW, $W, eG, tG, nG;
     if (r[3] !== w || 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] !== p || 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);
@@ -38565,11 +38588,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", Z = c, qW = R, JW = 0;
-      let QW2 = y && "marimo-output-stale", $W2 = L ? "p-5" : "p-3";
-      r[40] !== M || r[41] !== QW2 || r[42] !== $W2 ? (YW = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", QW2, $W2, M), r[40] = M, r[41] = QW2, r[42] = $W2, r[43] = YW) : YW = r[43], r[44] === d ? XW = r[45] : (XW = 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", Z = c, QW = R, $W = 0;
+      let rG2 = y && "marimo-output-stale", iG2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== rG2 || r[42] !== iG2 ? (eG = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", rG2, iG2, M), r[40] = M, r[41] = rG2, r[42] = iG2, r[43] = eG) : eG = r[43], r[44] === d ? tG = r[45] : (tG = d ? {
         maxHeight: "none"
-      } : void 0, r[44] = d, r[45] = XW), ZW = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = tG), nG = 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");
@@ -38598,36 +38621,36 @@ ${c}
             wrapText: l
           })
         }, r2);
-      }), r[3] = w, 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] = p, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = Z, r[25] = qW, r[26] = JW, r[27] = YW, r[28] = XW, r[29] = ZW;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], Z = r[24], qW = r[25], JW = r[26], YW = r[27], XW = r[28], ZW = r[29];
-    let QW;
-    r[46] !== w || r[47] !== S ? (QW = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      }), r[3] = w, 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] = p, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = Z, r[25] = QW, r[26] = $W, r[27] = eG, r[28] = tG, r[29] = nG;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], Z = r[24], QW = r[25], $W = r[26], eG = r[27], tG = r[28], nG = r[29];
+    let rG;
+    r[46] !== w || r[47] !== S ? (rG = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: S,
       cellId: w,
       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] = w, r[47] = S, r[48] = QW) : QW = r[48];
-    let $W;
-    r[49] !== QW || r[50] !== G || r[51] !== q || r[52] !== Z || r[53] !== qW || r[54] !== JW || r[55] !== YW || r[56] !== XW || r[57] !== ZW ? ($W = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[46] = w, r[47] = S, r[48] = rG) : rG = r[48];
+    let iG;
+    r[49] !== rG || r[50] !== G || r[51] !== q || r[52] !== Z || r[53] !== QW || r[54] !== $W || r[55] !== eG || r[56] !== tG || r[57] !== nG ? (iG = (0, import_jsx_runtime.jsxs)("div", {
       title: G,
       "data-testid": q,
       ref: Z,
-      ...qW,
-      tabIndex: JW,
-      className: YW,
-      style: XW,
+      ...QW,
+      tabIndex: $W,
+      className: eG,
+      style: tG,
       children: [
-        ZW,
-        QW
+        nG,
+        rG
       ]
-    }), r[49] = QW, r[50] = G, r[51] = q, r[52] = Z, r[53] = qW, r[54] = JW, r[55] = YW, r[56] = XW, r[57] = ZW, r[58] = $W) : $W = r[58];
-    let eG;
-    return r[59] !== H || r[60] !== W || r[61] !== $W ? (eG = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[49] = rG, r[50] = G, r[51] = q, r[52] = Z, r[53] = QW, r[54] = $W, r[55] = eG, r[56] = tG, r[57] = nG, r[58] = iG) : iG = r[58];
+    let aG;
+    return r[59] !== H || r[60] !== W || r[61] !== iG ? (aG = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
       children: [
         W,
-        $W
+        iG
       ]
-    }), r[59] = H, r[60] = W, r[61] = $W, r[62] = eG) : eG = r[62], eG;
+    }), r[59] = H, r[60] = W, r[61] = iG, r[62] = aG) : aG = r[62], aG;
   }, 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);
@@ -39640,8 +39663,8 @@ ${c}
     r[0] === c ? m = r[1] : (m = (e2) => e2.cellRuntime[c], r[0] = c, r[1] = m);
     let h = m, g;
     r[2] === h ? g = r[3] : (g = selectAtom(notebookAtom, h), r[2] = h, r[3] = g);
-    let _ = useAtomValue(g);
-    if (useSyncStatusToIsland(p, (_ == null ? void 0 : _.status) ?? "idle"), !(_ == null ? void 0 : _.output)) {
+    let _ = useAtomValue(g), v = useAtomValue(islandsHydratedAtom);
+    if (useSyncStatusToIsland(p, (_ == null ? void 0 : _.status) ?? "idle"), !v || !(_ == null ? void 0 : _.output)) {
       let e2;
       return r[4] === d ? e2 = r[5] : (e2 = (0, import_jsx_runtime.jsx)("div", {
         ref: p,
@@ -39655,30 +39678,30 @@ ${c}
         ref: p
       }), r[6] = e2) : e2 = r[6], e2;
     }
-    let v;
-    r[7] === _.output ? v = r[8] : (v = (0, import_jsx_runtime.jsx)(OutputRenderer, {
-      message: _.output
-    }), r[7] = _.output, r[8] = v);
     let y;
-    r[9] === _ ? y = r[10] : (y = (0, import_jsx_runtime.jsx)(RunningIndicator, {
-      state: _
-    }), r[9] = _, r[10] = y);
+    r[7] === _.output ? y = r[8] : (y = (0, import_jsx_runtime.jsx)(OutputRenderer, {
+      message: _.output
+    }), r[7] = _.output, r[8] = y);
     let b;
-    r[11] !== c || r[12] !== l || r[13] !== f ? (b = (0, import_jsx_runtime.jsx)(IslandControls, {
+    r[9] === _ ? b = r[10] : (b = (0, import_jsx_runtime.jsx)(RunningIndicator, {
+      state: _
+    }), r[9] = _, r[10] = b);
+    let S;
+    r[11] !== c || r[12] !== l || r[13] !== f ? (S = (0, import_jsx_runtime.jsx)(IslandControls, {
       cellId: c,
       codeCallback: l,
       visible: f
-    }), r[11] = c, r[12] = l, r[13] = f, r[14] = b) : b = r[14];
-    let S;
-    return r[15] !== v || r[16] !== y || r[17] !== b ? (S = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[11] = c, r[12] = l, r[13] = f, r[14] = S) : S = r[14];
+    let w;
+    return r[15] !== y || r[16] !== b || r[17] !== S ? (w = (0, import_jsx_runtime.jsxs)("div", {
       ref: p,
       className: "relative min-h-6",
       children: [
-        v,
         y,
-        b
+        b,
+        S
       ]
-    }), r[15] = v, r[16] = y, r[17] = b, r[18] = S) : S = r[18], S;
+    }), r[15] = y, r[16] = b, r[17] = S, r[18] = w) : w = r[18], w;
   };
   function useSyncStatusToIsland(e, r) {
     let c = (0, import_compiler_runtime.c)(4), l, u;
@@ -39832,9 +39855,7 @@ ${c}
       let e = this.root;
       this.root = void 0, e && queueMicrotask(() => e.unmount());
     }
-  }, __publicField(_h2, "tagName", ISLAND_TAG_NAMES.ISLAND), __publicField(_h2, "outputTagName", ISLAND_TAG_NAMES.CELL_OUTPUT), __publicField(_h2, "codeTagName", ISLAND_TAG_NAMES.CELL_CODE), __publicField(_h2, "editorTagName", ISLAND_TAG_NAMES.CODE_EDITOR), __publicField(_h2, "styleNamespace", ISLAND_CSS_CLASSES.NAMESPACE), _h2);
-  const islandsInitializedAtom = atom(false), userTriedToInteractWithIslandsAtom = atom(false), shouldShowIslandsWarningIndicatorAtom = atom((e) => e(userTriedToInteractWithIslandsAtom) && e(islandsInitializedAtom) === false);
-  var didToast = false, toastElement;
+  }, __publicField(_h2, "tagName", ISLAND_TAG_NAMES.ISLAND), __publicField(_h2, "outputTagName", ISLAND_TAG_NAMES.CELL_OUTPUT), __publicField(_h2, "codeTagName", ISLAND_TAG_NAMES.CELL_CODE), __publicField(_h2, "editorTagName", ISLAND_TAG_NAMES.CODE_EDITOR), __publicField(_h2, "styleNamespace", ISLAND_CSS_CLASSES.NAMESPACE), _h2), didToast = false, toastElement;
   function toastIslandsLoading() {
     didToast || (didToast = true, toastElement = document.createElement("div"), toastElement.classList.add("marimo-islands-loading-toast"), toastElement.textContent = "\u26A1 reactivity initializing...", toastElement.style.position = "fixed", toastElement.style.top = "0.5rem", toastElement.style.left = "50%", toastElement.style.transform = "translateX(-50%)", toastElement.style.zIndex = "1000", toastElement.style.backgroundColor = "#0f172a", toastElement.style.color = "#f8fafc", toastElement.style.padding = "0.25rem 0.5rem", toastElement.style.borderRadius = "0.5rem", toastElement.style.fontSize = "0.875rem", document.body.append(toastElement));
   }
@@ -39843,7 +39864,7 @@ ${c}
   }
   async function initializeIslands(e) {
     let r = e.store || store, c = e.root || document, l = e.bridge;
-    r.set(requestClientAtom, l), r.set(initialModeAtom, "read"), e.autoInitializePlugins !== false && initializePlugins();
+    r.set(requestClientAtom, l), r.set(initialModeAtom, "read"), r.set(islandsPendingInitialRunsAtom, null), e.autoInitializePlugins !== false && initializePlugins();
     let u = Array.from(c.querySelectorAll(ISLAND_TAG_NAMES.ISLAND));
     if (u.length === 0) {
       Logger.log("No islands found, skipping initialization");
@@ -39863,19 +39884,19 @@ ${c}
         dismissIslandsLoadingToast();
         for (let e3 of l2) e3.style.removeProperty("opacity");
       }
-    }), l.consumeMessages((e2) => {
-      handleMessage(e2, d);
+    }), l.consumeMessages(({ message: e2, sessionGeneration: c2 }) => {
+      handleMessage(e2, d, r, c2);
     }), document.addEventListener(MarimoValueInputEvent.TYPE, () => {
       r.set(userTriedToInteractWithIslandsAtom, true);
     }, {
       once: true
     }), RuntimeState.INSTANCE.start(l.sendComponentValues);
   }
-  function handleMessage(e, r) {
+  function handleMessage(e, r, c, l) {
     var _a5;
     try {
-      let c = jsonParseWithSpecialChar(e);
-      switch (Logger.debug("Islands received message:", c.op), c.op) {
+      let u = jsonParseWithSpecialChar(e);
+      switch (Logger.debug("Islands received message:", u.op), u.op) {
         case "banner":
         case "missing-package-alert":
         case "installing-package-alert":
@@ -39897,7 +39918,6 @@ ${c}
         case "storage-download-ready":
         case "secret-keys-result":
         case "startup-logs":
-        case "completed-run":
         case "interrupted":
         case "reconnected":
         case "cache-cleared":
@@ -39905,8 +39925,15 @@ ${c}
         case "kernel-startup-error":
         case "notebook-document-transaction":
           return;
+        case "completed-run":
+          c.set(islandsPendingInitialRunsAtom, (e2) => {
+            if (!(e2 == null ? void 0 : e2.has(l))) return e2;
+            let r2 = new Set(e2);
+            return r2.delete(l), r2;
+          });
+          return;
         case "kernel-ready":
-          handleKernelReady(c.data, {
+          handleKernelReady(u.data, {
             autoInstantiate: true,
             setCells: r.setCells,
             setLayoutData: Functions.NOOP,
@@ -39917,45 +39944,45 @@ ${c}
           }), ((_a5 = window.customElements) == null ? void 0 : _a5.get(ISLAND_TAG_NAMES.ISLAND)) || defineCustomElement(ISLAND_TAG_NAMES.ISLAND, MarimoIslandElement);
           return;
         case "send-ui-element-message":
-          UI_ELEMENT_REGISTRY.broadcastMessage(c.data.ui_element, c.data.message, safeExtractSetUIElementMessageBuffers(c.data));
+          UI_ELEMENT_REGISTRY.broadcastMessage(u.data.ui_element, u.data.message, safeExtractSetUIElementMessageBuffers(u.data));
           return;
         case "remove-ui-elements":
-          handleRemoveUIElements(c.data);
+          handleRemoveUIElements(u.data);
           return;
         case "function-call-result":
-          FUNCTIONS_REGISTRY.resolve(c.data.function_call_id, c.data);
+          FUNCTIONS_REGISTRY.resolve(u.data.function_call_id, u.data);
           return;
         case "cell-op":
-          handleCellNotificationeration(c.data, r.handleCellMessage);
+          handleCellNotificationeration(u.data, r.handleCellMessage);
           return;
         case "alert":
           toast({
-            title: c.data.title,
+            title: u.data.title,
             description: renderHTML({
-              html: c.data.description
+              html: u.data.description
             }),
-            variant: c.data.variant
+            variant: u.data.variant
           });
           return;
         case "query-params-append":
-          queryParamHandlers.append(c.data);
+          queryParamHandlers.append(u.data);
           return;
         case "query-params-set":
-          queryParamHandlers.set(c.data);
+          queryParamHandlers.set(u.data);
           return;
         case "query-params-delete":
-          queryParamHandlers.delete(c.data);
+          queryParamHandlers.delete(u.data);
           return;
         case "query-params-clear":
           queryParamHandlers.clear();
           return;
         case "model-lifecycle":
-          handleWidgetMessage(WIDGET_REGISTRY, c.data);
+          handleWidgetMessage(WIDGET_REGISTRY, u.data);
           return;
         case "consumer-capabilities":
           return;
         default:
-          logNever(c);
+          logNever(u);
           return;
       }
     } catch (e2) {
@@ -40187,7 +40214,7 @@ ${c}
     });
   }
   const getMarimoVersion = () => store.get(marimoVersionAtom);
-  var worker_default = "/assets/worker-B3XPCb6y.js", DefaultWorkerFactory = class {
+  var worker_default = "/assets/worker-CDEKsBgX.js", DefaultWorkerFactory = class {
     constructor(e = {}) {
       this.url = e.workerUrl || this.getDefaultWorkerUrl(), this.name = e.workerName || getMarimoVersion();
     }
@@ -40316,7 +40343,7 @@ ${c}
         this.store.set(islandsInitializedAtom, true), this.initialized.resolve();
       }), this.rpc.addMessageListener("initializedError", ({ error: e }) => {
         Logger.error("Islands initialization error:", e), this.store.set(islandsInitializedAtom, e), this.initialized.reject(Error(e));
-      }), this.rpc.addMessageListener("kernelMessage", ({ message: e }) => {
+      }), this.rpc.addMessageListener("kernelMessage", (e) => {
         var _a5;
         (_a5 = this.messageConsumer) == null ? void 0 : _a5.call(this, e);
       });
@@ -40328,28 +40355,34 @@ ${c}
     }
     async startApps() {
       var _a5, _b3, _c4, _d4;
-      let e = parseMarimoIslandApps(this.root), r = e.length === 1;
+      let e = parseMarimoIslandApps(this.root, {
+        materialize: false
+      }), r = e.length === 1;
       Logger.debug(`Starting sessions for ${e.length} app(s):`, e.map((e2) => `${e2.id} (${e2.cells.length} cells)`));
-      let c = (_b3 = e.length === 1 && !((_a5 = e[0]) == null ? void 0 : _a5.payloadBacked) ? getMarimoExportContext() : void 0) == null ? void 0 : _b3.notebookCode;
-      for (let l of e) {
-        let e2 = c || createMarimoFile(l);
-        if (r && ((_c4 = this.session) == null ? void 0 : _c4.appId) === l.id && this.session.code === e2) return;
-        Logger.debug(`App ${l.id} marimo file:
+      let c = (_b3 = e.length === 1 && !((_a5 = e[0]) == null ? void 0 : _a5.payloadBacked) ? getMarimoExportContext() : void 0) == null ? void 0 : _b3.notebookCode, l = r ? e[0] : void 0, u = l ? c || createMarimoFile(l) : void 0;
+      if (l && ((_c4 = this.session) == null ? void 0 : _c4.appId) === l.id && this.session.code === u) {
+        parseMarimoIslandApps(this.root);
+        return;
+      }
+      e.length > 0 && this.store.set(islandsPendingInitialRunsAtom, new Set(e.map((e2, r2) => this.nextSessionGeneration + r2 + 1))), parseMarimoIslandApps(this.root);
+      for (let c2 of e) {
+        let e2 = u || createMarimoFile(c2);
+        Logger.debug(`App ${c2.id} marimo file:
 `, e2);
-        let u = {
+        let l2 = {
           code: e2,
-          appId: l.id,
+          appId: c2.id,
           sessionGeneration: ++this.nextSessionGeneration
         }, d = this.session, f = r && d !== void 0;
         f && this.store.set(notebookAtom, initialNotebookState()), (r || !d) && (r && this.sessionReady.status !== "pending" && (this.sessionReady = new Deferred()), this.session = {
-          ...u,
+          ...l2,
           code: r ? e2 : void 0
         });
-        let p = f ? this.rpc.proxy.request.replaceSession(u) : this.startSession(u);
+        let p = f ? this.rpc.proxy.request.replaceSession(l2) : this.startSession(l2);
         try {
           await p, this.sessionReady.status === "pending" && this.session && this.sessionReady.resolve(this.session);
         } catch (e3) {
-          if (((_d4 = this.session) == null ? void 0 : _d4.sessionGeneration) === u.sessionGeneration && (this.session = d), Logger.error(`Failed to start session for app ${l.id}:`, e3), r) throw e3;
+          if (((_d4 = this.session) == null ? void 0 : _d4.sessionGeneration) === l2.sessionGeneration && (this.session = d), Logger.error(`Failed to start session for app ${c2.id}:`, e3), r) throw e3;
         }
       }
     }
@@ -40359,7 +40392,7 @@ ${c}
         (r == null ? void 0 : r.code) === void 0 || e && r.appId !== e || (await this.rpc.proxy.request.stopSession({
           appId: r.appId,
           sessionGeneration: r.sessionGeneration
-        }), this.session = void 0, this.sessionReady = new Deferred(), this.store.set(notebookAtom, initialNotebookState()));
+        }), this.store.set(islandsPendingInitialRunsAtom, null), this.session = void 0, this.sessionReady = new Deferred(), this.store.set(notebookAtom, initialNotebookState()));
       });
     }
     enqueueAppTransition(e) {