@marimo-team/islands 0.23.2-dev39 → 0.23.2-dev40

package/dist/main.js

@@ -22,7 +22,7 @@ import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as use
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-Bp6CK_Fg.js";
-import { $ as createActions, $t as isUninstantiated, A as MarimoIncomingMessageEvent, An as Trash2, At as PathBuilder, B as DotFilledIcon, Bn as Database, Ct as getValidName, D as AccordionContent, Dn as Root2$4, Dt as customPythonLanguageSupport, E as Accordion, En as Item$1, Et as Checkbox, F as BorderAllIcon, Fn as Layers, Ft as generateUUID, G as base64ToDataView, Gn as esm_default$1, Gt as require_client, H as PinRightIcon, Hn as CircleX, Ht as PluralWords, In as Info, It as useChromeActions, J as extractBase64FromDataURL, K as base64ToUint8Array, Kn as import_lib, L as CheckIcon, Ln as File, Lt as repl, M as MarimoValueReadyEvent, Mn as PaintRoller, N as MarimoValueUpdateEvent, Nn as NotebookPen, Nt as goToCellLine, O as AccordionItem, On as Trigger2, Ot as MarkdownLanguageAdapter, P as createInputEvent, Pn as LoaderCircle, Pt as DeferredRequestRegistry, Qt as useRequestClient, R as ChevronDownIcon, Rn as FileText, Rt as adaptForLocalStorage, Sn as selectAtom, St as displayCellName, Tn as Content2$1, Tt as normalizeName, U as deserializeBlob, Un as CircleAlert, Ut as DATA_TYPE_ICON, V as PinLeftIcon, Vn as Columns2, Vt as PluralWord, Wn as Braces, Wt as getDataTypeColor, X as safeExtractSetUIElementMessageBuffers, Xt as getRequestClient, Y as isDataURLString, Yt as convertStatsName, Z as renderHTML, Zt as requestClientAtom, _ as useExpandedConsoleOutput, _n as jsonParseWithSpecialChar, _t as isErrorMime, a as toPng, at as reducer, b as getDatasourceContext, bn as atomWithReducer, bt as DATA_CELL_ID, c as useCellFocusActions, cn as parseDataset, ct as useCellNames, d as Spinner, dn as HTMLCellId, dt as getInitialAppMode, et as getCellEditorView, f as Popover$1, fn as SCRATCH_CELL_ID, ft as initialModeAtom, g as isOutputEmpty, gn as RANDOM_ID_ATTR, gt as outputIsStale, h as PopoverTrigger, hn as OBJECT_ID_ATTR, ht as outputIsLoading, i as PythonIcon, in as NotebookScopedLocalStorage, it as numColumnsAtom, j as MarimoValueInputEvent, jn as Table2, jt as Paths, k as AccordionTrigger, kn as Wrench, l as useLastFocusedCellId, ln as parseInitialValue, lt as createCell, m as PopoverContent, mn as findCellId, mt as viewStateAtom, n as blobToString, nn as extractAllTracebackInfo, nt as notebookAtom, o as MarkdownRenderer, on as filenameAtom, ot as useCellActions, p as PopoverClose$1, pn as UIElementId, pt as kioskModeAtom, q as dataViewToBase64, r as filesToBase64, rn as getTracebackInfo, rt as notebookOutline, s as LazyAnyLanguageCodeMirror, sn as parseAttrValue, st as useCellIds, t as processOutput, tn as elementContainsMarimoCellFile, tt as getCellNames, u as maybeAddAltairImport, un as CellOutputId, ut as AnsiUp, v as useExpandedOutput, vn as jsonToMarkdown, vt as headingToIdentifier, wn as Close$1, wt as isInternalCellName, xn as atomWithStorage, xt as getCellDomProps, yn as jsonToTSV, yt as sanitizeHtml, z as ChevronRightIcon, zn as Eye, zt as jotaiJsonStorage, __tla as __tla_0 } from "./process-output-CM8yijAP.js";
+import { $t as useRequestClient, A as MarimoIncomingMessageEvent, An as Wrench, B as DotFilledIcon, Bn as Eye, Bt as jotaiJsonStorage, Cn as selectAtom, Ct as displayCellName, D as AccordionContent, Dn as Item$1, Dt as Checkbox, E as Accordion, En as Content2$1, Et as normalizeName, F as BorderAllIcon, Fn as LoaderCircle, Ft as DeferredRequestRegistry, G as base64ToDataView, Gn as Braces, Gt as getDataTypeColor, H as PinRightIcon, Hn as Columns2, Ht as PluralWord, In as Layers, It as generateUUID, J as extractBase64FromDataURL, K as base64ToUint8Array, Kn as esm_default$1, Kt as require_client, L as CheckIcon, Ln as Info, Lt as useChromeActions, M as MarimoValueReadyEvent, Mn as Table2, Mt as Paths, N as MarimoValueUpdateEvent, Nn as PaintRoller, O as AccordionItem, On as Root2$4, Ot as customPythonLanguageSupport, P as createInputEvent, Pn as NotebookPen, Pt as goToCellLine, Q as hasRunAnyCellAtom, Qt as requestClientAtom, R as ChevronDownIcon, Rn as File, Rt as repl, Sn as atomWithStorage, St as getCellDomProps, Tn as Close$1, Tt as isInternalCellName, U as deserializeBlob, Un as CircleX, Ut as PluralWords, V as PinLeftIcon, Vn as Database, Wn as CircleAlert, Wt as DATA_TYPE_ICON, X as safeExtractSetUIElementMessageBuffers, Xt as convertStatsName, Y as isDataURLString, Z as renderHTML, Zt as getRequestClient, _ as useExpandedConsoleOutput, _n as RANDOM_ID_ATTR, _t as outputIsStale, a as toPng, an as NotebookScopedLocalStorage, at as numColumnsAtom, b as getDatasourceContext, bn as jsonToTSV, bt as sanitizeHtml, c as useCellFocusActions, cn as parseAttrValue, ct as useCellIds, d as Spinner, dn as CellOutputId, dt as AnsiUp, en as isUninstantiated, et as createActions, f as Popover$1, fn as HTMLCellId, ft as getInitialAppMode, g as isOutputEmpty, gn as OBJECT_ID_ATTR, gt as outputIsLoading, h as PopoverTrigger, hn as findCellId, ht as viewStateAtom, i as PythonIcon, in as getTracebackInfo, it as notebookOutline, j as MarimoValueInputEvent, jn as Trash2, jt as PathBuilder, k as AccordionTrigger, kn as Trigger2, kt as MarkdownLanguageAdapter, l as useLastFocusedCellId, ln as parseDataset, lt as useCellNames, m as PopoverContent, mn as UIElementId, mt as kioskModeAtom, n as blobToString, nn as elementContainsMarimoCellFile, nt as getCellNames, o as MarkdownRenderer, ot as reducer, p as PopoverClose$1, pn as SCRATCH_CELL_ID, pt as initialModeAtom, q as dataViewToBase64, qn as import_lib, r as filesToBase64, rn as extractAllTracebackInfo, rt as notebookAtom, s as LazyAnyLanguageCodeMirror, sn as filenameAtom, st as useCellActions, t as processOutput, tt as getCellEditorView, u as maybeAddAltairImport, un as parseInitialValue, ut as createCell, v as useExpandedOutput, vn as jsonParseWithSpecialChar, vt as isErrorMime, wt as getValidName, xn as atomWithReducer, xt as DATA_CELL_ID, yn as jsonToMarkdown, yt as headingToIdentifier, z as ChevronRightIcon, zn as FileText, zt as adaptForLocalStorage, __tla as __tla_0 } from "./process-output-BWEipdFR.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-DDhYtPiB.js";
 import { o as useSize, s as Root$4, u as createLucideIcon } from "./dist-CTtLBPLZ.js";
 import { A as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as ListFilter, I as ChartPie, L as ChartColumn, M as $5a387cc49350e6db$export$722debc0e56fea39, N as Table$1, O as TIME_UNIT_DESCRIPTIONS, P as SquareFunction, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as $fb18d541ea1ad717$export$ad991b66133851cf, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-Budha9Vn.js";
@@ -13512,7 +13512,10 @@ Defaulting to \`null\`.`;
     return r === -1 ? null : e.slice(r);
   }
   function isTrustedVirtualFileUrl(e) {
-    return typeof e != "string" || e.length === 0 ? false : /^(\.?\/)?@file\/[^?#]+$/.test(e);
+    return typeof e != "string" || e.length === 0 ? false : !!(/^(\.?\/)?@file\/[^?#]+$/.test(e) || isSafeDataUrl(e) && store.get(hasRunAnyCellAtom));
+  }
+  function isSafeDataUrl(e) {
+    return e.startsWith("data:text/javascript;base64,") || e.startsWith("data:application/javascript;base64,") || e.startsWith("data:text/css;base64,");
   }
   const experimental = {
     invoke: async () => {
@@ -37404,7 +37407,7 @@ ${w}`,
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-CxiINNTE.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-D3oNzud1.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -42522,83 +42525,83 @@ ${c}
     r[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x9 = cn("relative"), r[46] = x9) : x9 = r[46];
     let S9;
     r[47] === f ? S9 = r[48] : (S9 = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid disabled:cursor-not-allowed disabled:opacity-50", f), r[47] = f, r[48] = S9);
+    let C9;
+    r[49] === b9 ? C9 = r[50] : (C9 = b9(), r[49] = b9, r[50] = C9);
     let w9;
-    r[49] === b9 ? w9 = r[50] : (w9 = b9(), r[49] = b9, r[50] = w9);
-    let T9;
-    r[51] === w9 ? T9 = r[52] : (T9 = (0, import_jsx_runtime.jsx)("span", {
+    r[51] === C9 ? w9 = r[52] : (w9 = (0, import_jsx_runtime.jsx)("span", {
       className: "truncate flex-1 min-w-0",
-      children: w9
-    }), r[51] = w9, r[52] = T9);
-    let E9;
-    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E9 = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      children: C9
+    }), r[51] = C9, r[52] = w9);
+    let T9;
+    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T9 = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: "ml-3 w-4 h-4 opacity-50 shrink-0"
-    }), r[53] = E9) : E9 = r[53];
-    let D9;
-    r[54] !== u9 || r[55] !== S9 || r[56] !== T9 ? (D9 = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+    }), r[53] = T9) : T9 = r[53];
+    let E9;
+    r[54] !== u9 || r[55] !== S9 || r[56] !== w9 ? (E9 = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: S9,
         "aria-expanded": u9,
         children: [
-          T9,
-          E9
+          w9,
+          T9
         ]
       })
-    }), r[54] = u9, r[55] = S9, r[56] = T9, r[57] = D9) : D9 = r[57];
-    let O9;
-    r[58] !== r9 || r[59] !== O || r[60] !== G ? (O9 = (0, import_jsx_runtime.jsx)(CommandInput, {
+    }), r[54] = u9, r[55] = S9, r[56] = w9, r[57] = E9) : E9 = r[57];
+    let D9;
+    r[58] !== r9 || r[59] !== O || r[60] !== G ? (D9 = (0, import_jsx_runtime.jsx)(CommandInput, {
       placeholder: r9,
       rootClassName: "px-1 h-8",
       autoFocus: true,
       value: G,
       onValueChange: O
-    }), r[58] = r9, r[59] = O, r[60] = G, r[61] = O9) : O9 = r[61];
-    let k9;
-    r[62] === i9 ? k9 = r[63] : (k9 = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+    }), r[58] = r9, r[59] = O, r[60] = G, r[61] = D9) : D9 = r[61];
+    let O9;
+    r[62] === i9 ? O9 = r[63] : (O9 = (0, import_jsx_runtime.jsx)(CommandEmpty, {
       children: i9
-    }), r[62] = i9, r[63] = k9);
-    let A9;
-    r[64] !== v9 || r[65] !== g9 ? (A9 = {
+    }), r[62] = i9, r[63] = O9);
+    let k9;
+    r[64] !== v9 || r[65] !== g9 ? (k9 = {
       isSelected: g9,
       onSelect: v9
-    }, r[64] = v9, r[65] = g9, r[66] = A9) : A9 = r[66];
-    let j9;
-    r[67] !== c || r[68] !== A9 ? (j9 = (0, import_jsx_runtime.jsx)(ComboboxContext, {
-      value: A9,
+    }, r[64] = v9, r[65] = g9, r[66] = k9) : k9 = r[66];
+    let A9;
+    r[67] !== c || r[68] !== k9 ? (A9 = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: k9,
       children: c
-    }), r[67] = c, r[68] = A9, r[69] = j9) : j9 = r[69];
-    let M9;
-    r[70] !== k9 || r[71] !== j9 ? (M9 = (0, import_jsx_runtime.jsxs)(CommandList, {
+    }), r[67] = c, r[68] = k9, r[69] = A9) : A9 = r[69];
+    let j9;
+    r[70] !== O9 || r[71] !== A9 ? (j9 = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        k9,
-        j9
+        O9,
+        A9
       ]
-    }), r[70] = k9, r[71] = j9, r[72] = M9) : M9 = r[72];
-    let N9;
-    r[73] !== S || r[74] !== n9 || r[75] !== O9 || r[76] !== M9 ? (N9 = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), r[70] = O9, r[71] = A9, r[72] = j9) : j9 = r[72];
+    let M9;
+    r[73] !== S || r[74] !== n9 || r[75] !== D9 || r[76] !== j9 ? (M9 = (0, import_jsx_runtime.jsx)(PopoverContent, {
       className: "w-full min-w-(--radix-popover-trigger-width) p-0",
       align: "start",
       children: (0, import_jsx_runtime.jsxs)(Command, {
         filter: S,
         shouldFilter: n9,
         children: [
-          O9,
-          M9
+          D9,
+          j9
         ]
       })
-    }), r[73] = S, r[74] = n9, r[75] = O9, r[76] = M9, r[77] = N9) : N9 = r[77];
-    let P9;
-    r[78] !== u9 || r[79] !== l9 || r[80] !== D9 || r[81] !== N9 ? (P9 = (0, import_jsx_runtime.jsxs)(Popover$1, {
+    }), r[73] = S, r[74] = n9, r[75] = D9, r[76] = j9, r[77] = M9) : M9 = r[77];
+    let N9;
+    r[78] !== u9 || r[79] !== l9 || r[80] !== E9 || r[81] !== M9 ? (N9 = (0, import_jsx_runtime.jsxs)(Popover$1, {
       open: u9,
       onOpenChange: l9,
       children: [
-        D9,
-        N9
+        E9,
+        M9
       ]
-    }), r[78] = u9, r[79] = l9, r[80] = D9, r[81] = N9, r[82] = P9) : P9 = r[82];
-    let F9;
-    r[83] !== a9 || r[84] !== d || r[85] !== y || r[86] !== v9 || r[87] !== t9 || r[88] !== p9 ? (F9 = t9 && a9 && (0, import_jsx_runtime.jsx)("div", {
+    }), r[78] = u9, r[79] = l9, r[80] = E9, r[81] = M9, r[82] = N9) : N9 = r[82];
+    let P9;
+    r[83] !== a9 || r[84] !== d || r[85] !== y || r[86] !== v9 || r[87] !== t9 || r[88] !== p9 ? (P9 = t9 && a9 && (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex flex-col gap-1 items-start", d),
       children: Array.isArray(p9) && p9.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
         variant: "secondary",
@@ -42612,16 +42615,16 @@ ${c}
           })
         ]
       }, String(e2)))
-    }), r[83] = a9, r[84] = d, r[85] = y, r[86] = v9, r[87] = t9, r[88] = p9, r[89] = F9) : F9 = r[89];
-    let I9;
-    return r[90] !== Y7 || r[91] !== P9 || r[92] !== F9 ? (I9 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[83] = a9, r[84] = d, r[85] = y, r[86] = v9, r[87] = t9, r[88] = p9, r[89] = P9) : P9 = r[89];
+    let F9;
+    return r[90] !== Y7 || r[91] !== N9 || r[92] !== P9 ? (F9 = (0, import_jsx_runtime.jsxs)("div", {
       className: x9,
       ...Y7,
       children: [
-        P9,
-        F9
+        N9,
+        P9
       ]
-    }), r[90] = Y7, r[91] = P9, r[92] = F9, r[93] = I9) : I9 = r[93], I9;
+    }), r[90] = Y7, r[91] = N9, r[92] = P9, r[93] = F9) : F9 = r[93], F9;
   }, ComboboxItem = import_react.forwardRef((e, r) => {
     let c = (0, import_compiler_runtime$85.c)(17), { children: d, className: f, value: h, onSelect: _, disabled: y } = e, S = typeof h == "object" && "value" in h ? h.value : String(h), w = import_react.use(ComboboxContext), E;
     c[0] === f ? E = c[1] : (E = cn("pl-6 m-1 py-1", f), c[0] = f, c[1] = E);
@@ -49427,29 +49430,29 @@ ${c}
     ], r[2] = I, r[3] = z);
     let { data: Y7, error: G, isPending: X7 } = useAsyncData(M, z), Z7;
     r[4] === Y7 ? Z7 = r[5] : (Z7 = Y7 || {}, r[4] = Y7, r[5] = Z7);
-    let { url: Q7, total_rows: $7, row_headers: e9, field_types: t9, column_types_per_step: n9, python_code: r9, sql_code: i9 } = Z7, a9 = t9 == null ? void 0 : t9.length, [o9, s9] = (0, import_react.useState)(_ || EMPTY), l9 = (0, import_react.useRef)(null), u9;
-    r[6] === h ? u9 = r[7] : (u9 = (e2) => {
+    let { url: Q7, total_rows: $7, row_headers: e9, field_types: t9, column_types_per_step: n9, python_code: r9, sql_code: i9 } = Z7, a9 = t9 == null ? void 0 : t9.length, [o9, s9] = (0, import_react.useState)(_ || EMPTY), c9 = (0, import_react.useRef)(null), l9;
+    r[6] === h ? l9 = r[7] : (l9 = (e2) => {
       var _a3;
-      h && e2 !== "transform" && ((_a3 = l9.current) == null ? void 0 : _a3.submit());
-    }, r[6] = h, r[7] = u9);
-    let d9 = u9, f9 = (0, import_react.useRef)(o9), p9;
-    r[8] === o9 ? p9 = r[9] : (p9 = () => {
-      f9.current = o9;
-    }, r[8] = o9, r[9] = p9), (0, import_react.useEffect)(p9);
-    let m9;
-    r[10] !== v || r[11] !== (_ == null ? void 0 : _.transforms.length) ? (m9 = () => {
-      let e2 = f9.current;
+      h && e2 !== "transform" && ((_a3 = c9.current) == null ? void 0 : _a3.submit());
+    }, r[6] = h, r[7] = l9);
+    let u9 = l9, d9 = (0, import_react.useRef)(o9), f9;
+    r[8] === o9 ? f9 = r[9] : (f9 = () => {
+      d9.current = o9;
+    }, r[8] = o9, r[9] = f9), (0, import_react.useEffect)(f9);
+    let p9;
+    r[10] !== v || r[11] !== (_ == null ? void 0 : _.transforms.length) ? (p9 = () => {
+      let e2 = d9.current;
       (_ == null ? void 0 : _.transforms.length) !== e2.transforms.length && v(e2);
-    }, r[10] = v, r[11] = _ == null ? void 0 : _.transforms.length, r[12] = m9) : m9 = r[12];
-    let h9 = _ == null ? void 0 : _.transforms.length, g9;
-    r[13] !== Y7 || r[14] !== v || r[15] !== h9 ? (g9 = [
+    }, r[10] = v, r[11] = _ == null ? void 0 : _.transforms.length, r[12] = p9) : p9 = r[12];
+    let m9 = _ == null ? void 0 : _.transforms.length, h9;
+    r[13] !== Y7 || r[14] !== v || r[15] !== m9 ? (h9 = [
       Y7,
-      h9,
-      f9,
+      m9,
+      d9,
       v
-    ], r[13] = Y7, r[14] = v, r[15] = h9, r[16] = g9) : g9 = r[16], (0, import_react.useEffect)(m9, g9);
-    let _9;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_9 = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = Y7, r[14] = v, r[15] = m9, r[16] = h9) : h9 = r[16], (0, import_react.useEffect)(p9, h9);
+    let g9;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g9 = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -49458,9 +49461,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = _9) : _9 = r[17];
-    let v9;
-    r[18] === r9 ? v9 = r[19] : (v9 = r9 && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = g9) : g9 = r[17];
+    let _9;
+    r[18] === r9 ? _9 = r[19] : (_9 = r9 && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -49469,9 +49472,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = r9, r[19] = v9);
-    let y9;
-    r[20] === i9 ? y9 = r[21] : (y9 = i9 && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = r9, r[19] = _9);
+    let v9;
+    r[20] === i9 ? v9 = r[21] : (v9 = i9 && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -49480,54 +49483,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = i9, r[21] = y9);
-    let b9;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b9 = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = i9, r[21] = v9);
+    let y9;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y9 = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = b9) : b9 = r[22];
-    let x9;
-    r[23] !== v9 || r[24] !== y9 ? (x9 = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = y9) : y9 = r[22];
+    let b9;
+    r[23] !== _9 || r[24] !== v9 ? (b9 = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
+        g9,
         _9,
         v9,
-        y9,
-        b9
+        y9
       ]
-    }), r[23] = v9, r[24] = y9, r[25] = x9) : x9 = r[25];
-    let S9;
-    r[26] === X7 ? S9 = r[27] : (S9 = X7 && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = _9, r[24] = v9, r[25] = b9) : b9 = r[25];
+    let x9;
+    r[26] === X7 ? x9 = r[27] : (x9 = X7 && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = X7, r[27] = S9);
-    let C9;
-    r[28] !== x9 || r[29] !== S9 ? (C9 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = X7, r[27] = x9);
+    let S9;
+    r[28] !== b9 || r[29] !== x9 ? (S9 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        x9,
-        S9
+        b9,
+        x9
       ]
-    }), r[28] = x9, r[29] = S9, r[30] = C9) : C9 = r[30];
-    let w9;
-    r[31] !== v || r[32] !== _ ? (w9 = (e2) => {
+    }), r[28] = b9, r[29] = x9, r[30] = S9) : S9 = r[30];
+    let C9;
+    r[31] !== v || r[32] !== _ ? (C9 = (e2) => {
       dequal(e2, _) || (v(e2), s9(e2));
-    }, r[31] = v, r[32] = _, r[33] = w9) : w9 = r[33];
-    let T9;
-    r[34] !== n9 || r[35] !== c || r[36] !== S || r[37] !== o9 || r[38] !== h || r[39] !== w9 ? (T9 = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }, r[31] = v, r[32] = _, r[33] = C9) : C9 = r[33];
+    let w9;
+    r[34] !== n9 || r[35] !== c || r[36] !== S || r[37] !== o9 || r[38] !== h || r[39] !== C9 ? (w9 = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: l9,
+        ref: c9,
         initialValue: o9,
         columns: c,
-        onChange: w9,
+        onChange: C9,
         onInvalidChange: s9,
         getColumnValues: S,
         columnTypesPerStep: n9,
         lazy: h
       })
-    }), r[34] = n9, r[35] = c, r[36] = S, r[37] = o9, r[38] = h, r[39] = w9, r[40] = T9) : T9 = r[40];
-    let E9;
-    r[41] === r9 ? E9 = r[42] : (E9 = r9 && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = n9, r[35] = c, r[36] = S, r[37] = o9, r[38] = h, r[39] = C9, r[40] = w9) : w9 = r[40];
+    let T9;
+    r[41] === r9 ? T9 = r[42] : (T9 = r9 && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -49536,9 +49539,9 @@ ${c}
         code: r9,
         language: "python"
       })
-    }), r[41] = r9, r[42] = E9);
-    let D9;
-    r[43] === i9 ? D9 = r[44] : (D9 = i9 && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = r9, r[42] = T9);
+    let E9;
+    r[43] === i9 ? E9 = r[44] : (E9 = i9 && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -49547,35 +49550,35 @@ ${c}
         code: i9,
         language: "sql"
       })
-    }), r[43] = i9, r[44] = D9);
-    let O9;
-    r[45] !== d9 || r[46] !== C9 || r[47] !== T9 || r[48] !== E9 || r[49] !== D9 ? (O9 = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = i9, r[44] = E9);
+    let D9;
+    r[45] !== u9 || r[46] !== S9 || r[47] !== w9 || r[48] !== T9 || r[49] !== E9 ? (D9 = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: d9,
+      onValueChange: u9,
       children: [
-        C9,
+        S9,
+        w9,
         T9,
-        E9,
-        D9
+        E9
       ]
-    }), r[45] = d9, r[46] = C9, r[47] = T9, r[48] = E9, r[49] = D9, r[50] = O9) : O9 = r[50];
-    let k9;
-    r[51] === G ? k9 = r[52] : (k9 = G && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = u9, r[46] = S9, r[47] = w9, r[48] = T9, r[49] = E9, r[50] = D9) : D9 = r[50];
+    let O9;
+    r[51] === G ? O9 = r[52] : (O9 = G && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: G
-    }), r[51] = G, r[52] = k9);
-    let A9 = Q7 || "", j9 = $7 ?? 0, M9 = a9 ?? 0, N9 = e9 || Arrays.EMPTY, P9 = $7 && $7 > 5 || false, F9;
-    r[53] !== E || r[54] !== t9 || r[55] !== O || r[56] !== d || r[57] !== w || r[58] !== f || r[59] !== A9 || r[60] !== j9 || r[61] !== M9 || r[62] !== N9 || r[63] !== P9 ? (F9 = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = G, r[52] = O9);
+    let k9 = Q7 || "", A9 = $7 ?? 0, j9 = a9 ?? 0, M9 = e9 || Arrays.EMPTY, N9 = $7 && $7 > 5 || false, P9;
+    r[53] !== E || r[54] !== t9 || r[55] !== O || r[56] !== d || r[57] !== w || r[58] !== f || r[59] !== k9 || r[60] !== A9 || r[61] !== j9 || r[62] !== M9 || r[63] !== N9 ? (P9 = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: A9,
+      data: k9,
       hasStableRowId: false,
-      totalRows: j9,
-      totalColumns: M9,
+      totalRows: A9,
+      totalColumns: j9,
       maxColumns: "all",
       pageSize: d,
       pagination: true,
       fieldTypes: t9,
-      rowHeaders: N9,
+      rowHeaders: M9,
       showDownload: f,
       download_as: E,
       enableSearch: false,
@@ -49584,7 +49587,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: P9,
+      showPageSizeSelector: N9,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -49593,15 +49596,15 @@ ${c}
       selection: null,
       lazy: false,
       host: O
-    }), r[53] = E, r[54] = t9, r[55] = O, r[56] = d, r[57] = w, r[58] = f, r[59] = A9, r[60] = j9, r[61] = M9, r[62] = N9, r[63] = P9, r[64] = F9) : F9 = r[64];
-    let I9;
-    return r[65] !== O9 || r[66] !== k9 || r[67] !== F9 ? (I9 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = E, r[54] = t9, r[55] = O, r[56] = d, r[57] = w, r[58] = f, r[59] = k9, r[60] = A9, r[61] = j9, r[62] = M9, r[63] = N9, r[64] = P9) : P9 = r[64];
+    let F9;
+    return r[65] !== D9 || r[66] !== O9 || r[67] !== P9 ? (F9 = (0, import_jsx_runtime.jsxs)("div", {
       children: [
+        D9,
         O9,
-        k9,
-        F9
+        P9
       ]
-    }), r[65] = O9, r[66] = k9, r[67] = F9, r[68] = I9) : I9 = r[68], I9;
+    }), r[65] = D9, r[66] = O9, r[67] = P9, r[68] = F9) : F9 = r[68], F9;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -49748,8 +49751,8 @@ ${c}
     t9 === void 0 && (t9 = []);
     let n9 = PathBuilder.guessDeliminator(c).deliminator, r9 = new Set(e.map((e2) => e2.path)), i9 = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
       children: e2.path
-    }, e2.id)), a9 = d === "directory" || d === "all", s9 = d === "file" || d === "all";
-    function c9(e2) {
+    }, e2.id)), a9 = d === "directory" || d === "all", o9 = d === "file" || d === "all";
+    function s9(e2) {
       if (I) return;
       if (z(true), e2 === PARENT_DIRECTORY) {
         if (w === n9) {
@@ -49769,7 +49772,7 @@ ${c}
       }
       E(e2), M("Select all"), z(false);
     }
-    function l9({ path: e2, name: r2, isDirectory: c2 }) {
+    function c9({ path: e2, name: r2, isDirectory: c2 }) {
       return {
         id: e2,
         name: r2,
@@ -49777,8 +49780,8 @@ ${c}
         is_directory: c2
       };
     }
-    function u9({ path: c2, name: d2, isDirectory: h2 }) {
-      let _2 = l9({
+    function l9({ path: c2, name: d2, isDirectory: h2 }) {
+      let _2 = c9({
         path: c2,
         name: d2,
         isDirectory: h2
@@ -49790,15 +49793,15 @@ ${c}
         _2
       ]);
     }
-    function d9() {
+    function u9() {
       r(e.filter((e2) => Paths.dirname(e2.path) !== w)), M("Select all");
     }
-    function f9() {
+    function d9() {
       if (!t9) return;
       let c2 = [];
       for (let e2 of t9) {
         if (!a9 && e2.is_directory || r9.has(e2.path)) continue;
-        let r2 = l9({
+        let r2 = c9({
           path: e2.path,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -49813,7 +49816,7 @@ ${c}
     let p9 = [];
     p9.push((0, import_jsx_runtime.jsxs)(TableRow, {
       className: "hover:bg-primary hover:bg-opacity-25 select-none",
-      onClick: () => c9(PARENT_DIRECTORY),
+      onClick: () => s9(PARENT_DIRECTORY),
       children: [
         (0, import_jsx_runtime.jsx)(TableCell, {
           className: "w-[50px] pl-4",
@@ -49829,12 +49832,12 @@ ${c}
     for (let e2 of t9) {
       let r2 = e2.path;
       r2.startsWith("//") && (r2 = r2.slice(1));
-      let c2 = e2.is_directory ? ({ path: e3 }) => c9(e3) : u9, d2 = FILE_ICON[e2.is_directory ? "directory" : guessFileIconType(e2.name)], f2 = r9.has(r2), h2 = () => a9 && e2.is_directory || s9 && !e2.is_directory ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      let c2 = e2.is_directory ? ({ path: e3 }) => s9(e3) : l9, d2 = FILE_ICON[e2.is_directory ? "directory" : guessFileIconType(e2.name)], f2 = r9.has(r2), h2 = () => a9 && e2.is_directory || o9 && !e2.is_directory ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(Checkbox, {
             checked: f2,
             onClick: (c3) => {
-              u9({
+              l9({
                 path: r2,
                 name: e2.name,
                 isDirectory: e2.is_directory
@@ -49881,7 +49884,7 @@ ${c}
       delimiter: n9,
       initialPath: c,
       restrictNavigation: _
-    }), g9 = d === "all" ? PluralWords.of("file", "folder") : d === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+    }), h9 = d === "all" ? PluralWords.of("file", "folder") : d === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
     return (0, import_jsx_runtime.jsxs)("div", {
       children: [
         Q7 && (0, import_jsx_runtime.jsx)(Banner, {
@@ -49889,7 +49892,7 @@ ${c}
           children: Q7.message
         }),
         (() => {
-          h ?? (h = `Select ${g9.join(" and ", 2)}...`);
+          h ?? (h = `Select ${h9.join(" and ", 2)}...`);
           let e2 = (0, import_jsx_runtime.jsx)(Label, {
             children: renderHTML({
               html: h
@@ -49906,7 +49909,7 @@ ${c}
                 children: (0, import_jsx_runtime.jsx)(Button, {
                   size: "xs",
                   variant: "link",
-                  onClick: O === "Select all" ? () => f9() : () => d9(),
+                  onClick: O === "Select all" ? () => d9() : () => u9(),
                   children: renderHTML({
                     html: O
                   })
@@ -49919,7 +49922,7 @@ ${c}
           className: "mt-2 w-full",
           placeholder: w,
           value: w,
-          onChange: (e2) => c9(e2.target.value),
+          onChange: (e2) => s9(e2.target.value),
           children: m9.map((e2) => (0, import_jsx_runtime.jsx)("option", {
             value: e2,
             selected: e2 === w,
@@ -49970,7 +49973,7 @@ ${c}
                     children: [
                       e.length,
                       " ",
-                      g9.join(" or ", e.length),
+                      h9.join(" or ", e.length),
                       " ",
                       "selected"
                     ]
@@ -56151,8 +56154,8 @@ ${c}
         h9
       ]
     }), r[33] = h9, r[34] = d9, r[35] = g9) : g9 = r[35];
-    let _9;
-    r[36] !== g9 || r[37] !== o9 || r[38] !== s9 || r[39] !== c9 || r[40] !== l9 || r[41] !== u9 ? (_9 = (0, import_jsx_runtime.jsxs)("div", {
+    let v9;
+    r[36] !== g9 || r[37] !== o9 || r[38] !== s9 || r[39] !== c9 || r[40] !== l9 || r[41] !== u9 ? (v9 = (0, import_jsx_runtime.jsxs)("div", {
       className: o9,
       onKeyDown: s9,
       children: [
@@ -56161,14 +56164,14 @@ ${c}
         u9,
         g9
       ]
-    }), r[36] = g9, r[37] = o9, r[38] = s9, r[39] = c9, r[40] = l9, r[41] = u9, r[42] = _9) : _9 = r[42];
-    let v9;
-    return r[43] !== _9 || r[44] !== i9 ? (v9 = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = g9, r[37] = o9, r[38] = s9, r[39] = c9, r[40] = l9, r[41] = u9, r[42] = v9) : v9 = r[42];
+    let y9;
+    return r[43] !== v9 || r[44] !== i9 ? (y9 = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: Z7,
       onSubmit: i9,
-      children: _9
-    }), r[43] = _9, r[44] = i9, r[45] = v9) : v9 = r[45], v9;
+      children: v9
+    }), r[43] = v9, r[44] = i9, r[45] = y9) : y9 = r[45], y9;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$44.c)(24), c, d, f, h, _, v;
@@ -69018,7 +69021,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.2-dev39"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.2-dev40"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {