@marimo-team/islands 0.19.10-dev9 → 0.19.11-dev0

package/dist/main.js

@@ -26,11 +26,11 @@ import { c as Functions, i as parseShortcut, l as throwNotImplemented, o as Obje
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
 import { t as require_react_dom } from "./react-dom-CqtLRVZP.js";
 import { a as Portal$3, c as prettyError, d as TooltipPortal, f as TooltipProvider, h as TooltipProvider$1, i as Overlay, l as Tooltip, m as TooltipTrigger, n as ErrorBanner, o as Root$7, p as TooltipRoot, r as Content$4, s as CellNotInitializedError, t as Banner, u as TooltipContent } from "./error-banner-D2zjeN_a.js";
-import { a as _extends$5, c as setDiagnostics, d as CopyClipboardIcon, i as minimalSetup, l as historyField, o as forEachDiagnostic, r as esm_default, s as linter, t as langs, u as insertTab } from "./esm-QY6C-Sev.js";
+import { a as _extends$5, c as setDiagnostics, d as CopyClipboardIcon, i as minimalSetup, l as historyField, o as forEachDiagnostic, r as esm_default, s as linter, t as langs, u as insertTab } from "./esm-BAS2d2Ad.js";
 import { t as purify } from "./purify.es-Brw-U87Q.js";
 import { C as buildStore, _ as useAtom, a as getResolvedMarimoConfig, b as useStore, c as AppConfigSchema, d as useJotaiEffect, g as Provider, h as useEvent_default, i as autoInstantiateAtom, l as createDeepEqualAtom, m as isEqual_default, n as useTheme, o as localeAtom, p as isIslands, r as aiEnabledAtom, s as useResolvedMarimoConfig, t as resolvedThemeAtom, u as store, v as useAtomValue, w as getBuildingBlocks, x as atom, y as useSetAtom } from "./useTheme-SlKl8MlS.js";
-import { $ as ViewPlugin, At as RangeSet, B as tags$1, Dt as Facet$1, E as getIndentUnit, Et as EditorState, Ft as Text$2, I as syntaxTree, It as Transaction, J as parseMixed, L as unfoldAll, Nt as StateEffect, Pt as StateField, Q as GutterMarker, S as foldInside, Tt as EditorSelection, Y as Decoration, Z as EditorView, _t as showPanel, b as foldAll, bt as Annotation, dt as keymap, et as WidgetType, f as StreamLanguage, kt as Prec, l as LanguageDescription, mt as placeholder, ot as gutter, u as LanguageSupport, ut as hoverTooltip, vt as showTooltip, w as foldNodeProp, wt as Compartment } from "./dist-D7jHtwN8.js";
-import { d as snippet, n as acceptCompletion, o as closeCompletion, r as autocompletion, u as insertCompletionText } from "./dist-g1p2PEVs.js";
+import { $ as ViewPlugin, At as Prec, B as tags$1, Dt as EditorState, E as getIndentUnit, Et as EditorSelection, Ft as StateField, I as syntaxTree, It as Text$2, J as parseMixed, L as unfoldAll, Lt as Transaction, Ot as Facet$1, Pt as StateEffect, Q as GutterMarker, S as foldInside, Tt as Compartment, Y as Decoration, Z as EditorView, b as foldAll, dt as keymap, et as WidgetType, f as StreamLanguage, jt as RangeSet, l as LanguageDescription, mt as placeholder, ot as gutter, u as LanguageSupport, ut as hoverTooltip, vt as showPanel, w as foldNodeProp, xt as Annotation, yt as showTooltip } from "./dist-r8ecBV-v.js";
+import { d as snippet, n as acceptCompletion, o as closeCompletion, r as autocompletion, u as insertCompletionText } from "./dist-Dit9tk8a.js";
 import { p as _baseTimes_default } from "./_baseFor-DSVmVciX.js";
 import { n as _arrayMap_default } from "./toString-C4TLO6FA.js";
 import { i as toInteger_default, n as pick_default, r as _baseSet_default, t as range_default } from "./range-LoQMRQIX.js";
@@ -45,12 +45,12 @@ import { t as invariant } from "./invariant-D9QLJ4SZ.js";
 import { a as arrayInsert, c as arrayShallowEquals, i as arrayDelete, l as uniqueBy, n as once, o as arrayInsertMany, r as Arrays, s as arrayMove, t as memoizeLastValue, u as clamp } from "./once-BqS42WgZ.js";
 import { n as getIframeCapabilities, t as useIframeCapabilities } from "./useIframeCapabilities-DurI5SJh.js";
 import { i as main_exports, r as init_main } from "./main-DhFbkwoC.js";
-import { a as PLSQL, c as SQLite, d as schemaCompletionSource, f as sql, i as MySQL, l as StandardSQL, n as MSSQL, o as PostgreSQL, r as MariaSQL, s as SQLDialect, t as Cassandra, u as keywordCompletionSource } from "./dist-CPd_adhw.js";
-import { a as markdown, s as markdownLanguage } from "./dist-CBA36Nuy.js";
-import "./dist-COp5dkis.js";
-import "./dist-BSMZYwqW.js";
-import "./dist-DsqQCNKw.js";
-import { a as parser$1, i as pythonLanguage, n as localCompletionSource, r as python, t as globalCompletion } from "./dist-l0KayR2-.js";
+import { a as PLSQL, c as SQLite, d as schemaCompletionSource, f as sql, i as MySQL, l as StandardSQL, n as MSSQL, o as PostgreSQL, r as MariaSQL, s as SQLDialect, t as Cassandra, u as keywordCompletionSource } from "./dist-Dc1SFk5I.js";
+import { a as markdown, s as markdownLanguage } from "./dist-B2-r9y-0.js";
+import "./dist-CJrHMxlI.js";
+import "./dist-Cgf353Ki.js";
+import "./dist-C2-m5aEk.js";
+import { a as parser$1, i as pythonLanguage, n as localCompletionSource, r as python, t as globalCompletion } from "./dist-BLwfpZD-.js";
 import { n as stexMath } from "./stex-DrxP7bb3.js";
 import { n as memoize$1, t as isPropValid } from "./emotion-is-prop-valid.esm--WpIBtj8.js";
 import { n as formats } from "./vega-loader.browser-DqHiiBeQ.js";
@@ -58,15 +58,15 @@ import { t as useAsyncData } from "./useAsyncData-dr8GazGv.js";
 import "./defaultLocale-DjFHq3Xk.js";
 import "./defaultLocale-B_A76Zpk.js";
 import { c as katex } from "./katex-Ba7xZPrx.js";
-import "./dist-bRBEzJF8.js";
-import "./dist-DiCjkKC2.js";
-import "./dist-Ct5hkOvC.js";
-import "./dist-BJUs1DAG.js";
-import "./dist-DRtGOCCq.js";
-import "./dist-yI-ah_iK.js";
-import "./dist-BqYNqP5W.js";
-import "./dist-C-at-5cM.js";
-import "./dist-D4ObdSdT.js";
+import "./dist-iiugPhCC.js";
+import "./dist-BoAHOW2l.js";
+import "./dist-CPTE45iS.js";
+import "./dist-BbBnU4tG.js";
+import "./dist-B4tYJP_i.js";
+import "./dist-CC9VUnXd.js";
+import "./dist-CkEUrAus.js";
+import "./dist-CcOGT46m.js";
+import "./dist-CmZYrgd_.js";
 let initialize;
 let __tla = Promise.all([
   (() => {
@@ -18151,7 +18151,7 @@ ${JSON.stringify(e2, null, 4)}`);
         }
       });
       if (!_) return null;
-      let v = "items" in _ ? _.items : _, y = prefixMatch(v), S = y ? e.matchBefore(y) : e.matchBefore(/[a-zA-Z0-9]+/), { pos: w } = e, E = sortCompletionItems(v, S == null ? void 0 : S.text, this.languageId);
+      let v = "items" in _ ? _.items : _, y = prefixMatch(v), S = y ? e.matchBefore(y) ?? e.matchBefore(/[a-zA-Z0-9_]+/) : e.matchBefore(/[a-zA-Z0-9_]+/), { pos: w } = e, E = sortCompletionItems(v, S == null ? void 0 : S.text, this.languageId);
       S && (w = S.from);
       let O = E.map((e2) => {
         var _a3, _b3;
@@ -28362,7 +28362,7 @@ ${JSON.stringify(e2, null, 4)}`);
     return new LanguageSupport(StreamLanguage.define(e));
   }
   function sql$1(e) {
-    return import("./dist-B7NoEgR4.js").then((r) => r.sql({
+    return import("./dist-DqJdzAYM.js").then((r) => r.sql({
       dialect: r[e]
     }));
   }
@@ -28375,7 +28375,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "ino"
       ],
       load() {
-        return import("./dist-yK8yJfz2.js").then((e) => e.cpp());
+        return import("./dist-BvkKXuPm.js").then((e) => e.cpp());
       }
     }),
     LanguageDescription.of({
@@ -28394,7 +28394,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "hxx"
       ],
       load() {
-        return import("./dist-yK8yJfz2.js").then((e) => e.cpp());
+        return import("./dist-BvkKXuPm.js").then((e) => e.cpp());
       }
     }),
     LanguageDescription.of({
@@ -28415,7 +28415,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "css"
       ],
       load() {
-        return import("./dist-CFi_P6cs.js").then((e) => e.css());
+        return import("./dist-BKLIWGw4.js").then((e) => e.css());
       }
     }),
     LanguageDescription.of({
@@ -28424,7 +28424,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "go"
       ],
       load() {
-        return import("./dist-WETuLs_C.js").then((e) => e.go());
+        return import("./dist-glA_fIK_.js").then((e) => e.go());
       }
     }),
     LanguageDescription.of({
@@ -28439,7 +28439,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "hbs"
       ],
       load() {
-        return import("./dist-CITQGRtG.js").then((e) => e.html());
+        return import("./dist-BfactX3G.js").then((e) => e.html());
       }
     }),
     LanguageDescription.of({
@@ -28448,7 +28448,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "java"
       ],
       load() {
-        return import("./dist-DOwZz8aI.js").then((e) => e.java());
+        return import("./dist-CecLPYY5.js").then((e) => e.java());
       }
     }),
     LanguageDescription.of({
@@ -28464,7 +28464,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "cjs"
       ],
       load() {
-        return import("./dist-DKnxaCRl.js").then((e) => e.javascript());
+        return import("./dist-B94MxrQS.js").then((e) => e.javascript());
       }
     }),
     LanguageDescription.of({
@@ -28475,7 +28475,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "jinja2"
       ],
       load() {
-        return import("./dist-DRiJGkDN.js").then((e) => e.jinja());
+        return import("./dist-BJ96Ykfp.js").then((e) => e.jinja());
       }
     }),
     LanguageDescription.of({
@@ -28488,7 +28488,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "map"
       ],
       load() {
-        return import("./dist-BKTAAusE.js").then((e) => e.json());
+        return import("./dist-B2gkyT3r.js").then((e) => e.json());
       }
     }),
     LanguageDescription.of({
@@ -28497,7 +28497,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "jsx"
       ],
       load() {
-        return import("./dist-DKnxaCRl.js").then((e) => e.javascript({
+        return import("./dist-B94MxrQS.js").then((e) => e.javascript({
           jsx: true
         }));
       }
@@ -28508,7 +28508,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "less"
       ],
       load() {
-        return import("./dist-BNXv9Wjt.js").then((e) => e.less());
+        return import("./dist-D6eWHiFh.js").then((e) => e.less());
       }
     }),
     LanguageDescription.of({
@@ -28517,7 +28517,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "liquid"
       ],
       load() {
-        return import("./dist-GR6ABeNk.js").then((e) => e.liquid());
+        return import("./dist-B8G3I6vJ.js").then((e) => e.liquid());
       }
     }),
     LanguageDescription.of({
@@ -28534,7 +28534,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "mkd"
       ],
       load() {
-        return import("./dist-BlRm4v0e.js").then((e) => e.markdown());
+        return import("./dist-yVJ4xE5n.js").then((e) => e.markdown());
       }
     }),
     LanguageDescription.of({
@@ -28560,7 +28560,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "phtml"
       ],
       load() {
-        return import("./dist-DGkeEIsV.js").then((e) => e.php());
+        return import("./dist-4YNZxwMI.js").then((e) => e.php());
       }
     }),
     LanguageDescription.of({
@@ -28588,7 +28588,7 @@ ${JSON.stringify(e2, null, 4)}`);
       ],
       filename: /^(BUCK|BUILD)$/,
       load() {
-        return import("./dist-wudNDAiO.js").then((e) => e.python());
+        return import("./dist-C6NJ3n6r.js").then((e) => e.python());
       }
     }),
     LanguageDescription.of({
@@ -28597,7 +28597,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "rs"
       ],
       load() {
-        return import("./dist-CgkWmw0c.js").then((e) => e.rust());
+        return import("./dist-7nR3r2kG.js").then((e) => e.rust());
       }
     }),
     LanguageDescription.of({
@@ -28606,7 +28606,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "sass"
       ],
       load() {
-        return import("./dist-C-tlm9eD.js").then((e) => e.sass({
+        return import("./dist-Bf3ou00A.js").then((e) => e.sass({
           indented: true
         }));
       }
@@ -28617,7 +28617,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "scss"
       ],
       load() {
-        return import("./dist-C-tlm9eD.js").then((e) => e.sass());
+        return import("./dist-Bf3ou00A.js").then((e) => e.sass());
       }
     }),
     LanguageDescription.of({
@@ -28641,7 +28641,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "tsx"
       ],
       load() {
-        return import("./dist-DKnxaCRl.js").then((e) => e.javascript({
+        return import("./dist-B94MxrQS.js").then((e) => e.javascript({
           jsx: true,
           typescript: true
         }));
@@ -28658,7 +28658,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "cts"
       ],
       load() {
-        return import("./dist-DKnxaCRl.js").then((e) => e.javascript({
+        return import("./dist-B94MxrQS.js").then((e) => e.javascript({
           typescript: true
         }));
       }
@@ -28670,7 +28670,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "wast"
       ],
       load() {
-        return import("./dist-pNvwCQqJ.js").then((e) => e.wast());
+        return import("./dist-Ch0SwRzK.js").then((e) => e.wast());
       }
     }),
     LanguageDescription.of({
@@ -28687,7 +28687,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "svg"
       ],
       load() {
-        return import("./dist-CzKXtzDE.js").then((e) => e.xml());
+        return import("./dist-BYmtF1W6.js").then((e) => e.xml());
       }
     }),
     LanguageDescription.of({
@@ -28700,7 +28700,7 @@ ${JSON.stringify(e2, null, 4)}`);
         "yml"
       ],
       load() {
-        return import("./dist-CgQuqOGS.js").then((e) => e.yaml());
+        return import("./dist-DCQ710Bv.js").then((e) => e.yaml());
       }
     }),
     LanguageDescription.of({
@@ -29800,13 +29800,13 @@ ${JSON.stringify(e2, null, 4)}`);
         "vue"
       ],
       load() {
-        return import("./dist-NcujbSeH.js").then((e) => e.vue());
+        return import("./dist-P_pkS5f-.js").then((e) => e.vue());
       }
     }),
     LanguageDescription.of({
       name: "Angular Template",
       load() {
-        return import("./dist-r6N_0WG-.js").then((e) => e.angular());
+        return import("./dist-DOil6y-3.js").then((e) => e.angular());
       }
     })
   ], cache$1 = /* @__PURE__ */ new WeakMap(), newline = /(\n|\r\n?|\u2028|\u2029)/g, leadingWhitespace = /^\s*/, nonWhitespace = /\S/, slice$1 = Array.prototype.slice, zero = 48, nine = 57, lowerA = 97, lowerF = 102, upperA = 65, upperF = 70;
@@ -40229,6 +40229,12 @@ ${c.sqlString}
       }
     });
   }
+  function isStaticNotebook() {
+    return (window == null ? void 0 : window.__MARIMO_STATIC__) !== void 0;
+  }
+  function getStaticVirtualFiles() {
+    return invariant(window.__MARIMO_STATIC__ !== void 0, "Not a static notebook"), window.__MARIMO_STATIC__.files;
+  }
   function base64ToDataURL(e, r) {
     return `data:${r};base64,${e}`;
   }
@@ -40319,12 +40325,6 @@ ${c.sqlString}
       type: d
     });
   }
-  function isStaticNotebook() {
-    return (window == null ? void 0 : window.__MARIMO_STATIC__) !== void 0;
-  }
-  function getStaticVirtualFiles() {
-    return invariant(window.__MARIMO_STATIC__ !== void 0, "Not a static notebook"), window.__MARIMO_STATIC__.files;
-  }
   function withoutLeadingDot(e) {
     return e.startsWith(".") ? e.slice(1) : e;
   }
@@ -40571,7 +40571,10 @@ ${c.sqlString}
           getMarimoInternal(y).updateAndEmitDiffs(v);
           return;
         }
-        e.create(c, (e2) => new Model(v, {
+        e.create(c, (e2) => new Model(v, isStaticNotebook() ? {
+          sendUpdate: async () => void 0,
+          sendCustomMessage: async () => void 0
+        } : {
           async sendUpdate(r3) {
             if (e2.aborted) {
               Logger.debug(`[Model] sendUpdate suppressed for model=${c} (signal aborted)`);
@@ -51904,7 +51907,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
     let w, E, O, M, I, z;
     if (r[2] !== y || r[3] !== d || r[4] !== _ || r[5] !== f || r[6] !== c || r[7] !== S || r[8] !== v) {
-      let e2 = c.filter(_temp7$2), G2 = c.filter(_temp8$1), q2 = c.filter(_temp9$1), IY = c.filter(_temp0$1), LY = c.filter(_temp1$1), RY = c.filter(_temp10), zY = c.filter(_temp11), BY = c.filter(_temp12), VY = c.filter(_temp13), HY = c.filter(_temp14), UY = c.filter(_temp15), WY = c.filter(_temp16), GY = c.filter(_temp17), KY;
+      let e2 = c.filter(_temp7$3), G2 = c.filter(_temp8$2), q2 = c.filter(_temp9$1), IY = c.filter(_temp0$1), LY = c.filter(_temp1$1), RY = c.filter(_temp10), zY = c.filter(_temp11), BY = c.filter(_temp12), VY = c.filter(_temp13), HY = c.filter(_temp14), UY = c.filter(_temp15), WY = c.filter(_temp16), GY = c.filter(_temp17), KY;
       r[15] === _ ? KY = r[16] : (KY = () => {
         _.openApplication("scratchpad");
       }, r[15] = _, r[16] = KY);
@@ -52276,10 +52279,10 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function _temp6$6(e) {
     return e.type === "exception";
   }
-  function _temp7$2(e) {
+  function _temp7$3(e) {
     return e.type === "setup-refs";
   }
-  function _temp8$1(e) {
+  function _temp8$2(e) {
     return e.type === "cycle";
   }
   function _temp9$1(e) {
@@ -59131,7 +59134,7 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
       hasConsoleOutput: (v == null ? void 0 : v.consoleOutputs) != null
     };
   }
-  const LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-CKEbZakX.js"));
+  const LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-t_VsTNa-.js"));
   var import_compiler_runtime$115 = require_compiler_runtime(), extensions = [
     EditorView.lineWrapping
   ], SUPPORTED_LANGUAGES = /* @__PURE__ */ new Set([
@@ -62110,7 +62113,7 @@ Defaulting to \`null\`.`;
     }
   ];
   const DownloadAs = (e) => {
-    let r = (0, import_compiler_runtime$104.c)(18), { locale: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
+    let r = (0, import_compiler_runtime$104.c)(19), { locale: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "download-as-button",
       size: "xs",
@@ -62159,31 +62162,31 @@ Defaulting to \`null\`.`;
       children: f
     }), r[6] = O) : O = r[6];
     let M;
-    r[7] === v ? M = r[8] : (M = options.map((e2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+    r[7] !== v || r[8] !== e.downloadFileName ? (M = options.map((r2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
       onSelect: async () => {
-        let r2 = await v(e2.format), c2 = e2.format;
-        downloadByURL(r2, `download.${c2}`);
+        let c2 = await v(r2.format), d2 = r2.format, f2 = (e.downloadFileName ?? "").trim();
+        downloadByURL(c2, `${Filenames.withoutExtension(f2) || "download"}.${d2}`);
       },
       children: [
-        (0, import_jsx_runtime.jsx)(e2.icon, {
+        (0, import_jsx_runtime.jsx)(r2.icon, {
           className: "mo-dropdown-icon"
         }),
-        e2.label
+        r2.label
       ]
-    }, e2.label)), r[7] = v, r[8] = M);
+    }, r2.label)), r[7] = v, r[8] = e.downloadFileName, r[9] = M) : M = r[9];
     let I;
-    r[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), r[9] = I) : I = r[9];
+    r[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), r[10] = I) : I = r[10];
     let z;
-    r[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = (0, import_jsx_runtime.jsxs)(DropdownMenuSubTrigger, {
+    r[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = (0, import_jsx_runtime.jsxs)(DropdownMenuSubTrigger, {
       children: [
         (0, import_jsx_runtime.jsx)(ClipboardList, {
           className: "mo-dropdown-icon"
         }),
         "Copy to clipboard"
       ]
-    }), r[10] = z) : z = r[10];
+    }), r[11] = z) : z = r[11];
     let G;
-    r[11] === S ? G = r[12] : (G = clipboardOptions.map((e2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+    r[12] === S ? G = r[13] : (G = clipboardOptions.map((e2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
       onSelect: async () => {
         try {
           await S(e2.format);
@@ -62212,18 +62215,18 @@ Defaulting to \`null\`.`;
           ]
         })
       ]
-    }, e2.label)), r[11] = S, r[12] = G);
+    }, e2.label)), r[12] = S, r[13] = G);
     let q;
-    r[13] === G ? q = r[14] : (q = (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
+    r[14] === G ? q = r[15] : (q = (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
       children: [
         z,
         (0, import_jsx_runtime.jsx)(DropdownMenuSubContent, {
           children: G
         })
       ]
-    }), r[13] = G, r[14] = q);
+    }), r[14] = G, r[15] = q);
     let IY;
-    return r[15] !== M || r[16] !== q ? (IY = (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    return r[16] !== M || r[17] !== q ? (IY = (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       modal: false,
       children: [
         O,
@@ -62237,7 +62240,7 @@ Defaulting to \`null\`.`;
           ]
         })
       ]
-    }), r[15] = M, r[16] = q, r[17] = IY) : IY = r[17], IY;
+    }), r[16] = M, r[17] = q, r[18] = IY) : IY = r[18], IY;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -62495,7 +62498,7 @@ Defaulting to \`null\`.`;
   const prettifyRowColumnCount = (e, r, c) => [
     e === "too_many" ? "Unknown" : prettifyRowCount(e, c),
     `${prettyNumber(r, c)} ${new PluralWord("column").pluralize(r)}`
-  ].join(", "), TableActions = ({ enableSearch: e, onSearchQueryChange: r, isSearchEnabled: c, setIsSearchEnabled: d, pagination: f, totalColumns: _, selection: v, onRowSelectionChange: y, table: S, downloadAs: E, getRowIds: O, toggleDisplayHeader: M, showChartBuilder: I, showColumnExplorer: z, showRowExplorer: G, showPageSizeSelector: q, togglePanel: IY, isPanelOpen: LY, tableLoading: RY }) => (0, import_jsx_runtime.jsxs)("div", {
+  ].join(", "), TableActions = ({ enableSearch: e, onSearchQueryChange: r, isSearchEnabled: c, setIsSearchEnabled: d, pagination: f, totalColumns: _, selection: v, onRowSelectionChange: y, table: S, downloadAs: E, downloadFileName: O, getRowIds: M, toggleDisplayHeader: I, showChartBuilder: z, showColumnExplorer: G, showRowExplorer: q, showPageSizeSelector: IY, togglePanel: LY, isPanelOpen: RY, tableLoading: zY }) => (0, import_jsx_runtime.jsxs)("div", {
     className: "flex items-center shrink-0 pt-1",
     children: [
       r && e && (0, import_jsx_runtime.jsx)(Tooltip, {
@@ -62510,41 +62513,41 @@ Defaulting to \`null\`.`;
           })
         })
       }),
-      I && (0, import_jsx_runtime.jsx)(Tooltip, {
+      z && (0, import_jsx_runtime.jsx)(Tooltip, {
         content: "Chart builder",
         children: (0, import_jsx_runtime.jsx)(Button, {
           variant: "text",
           size: "xs",
           className: "mb-0 print:hidden",
-          onClick: M,
+          onClick: I,
           children: (0, import_jsx_runtime.jsx)(ChartSpline, {
             className: "w-4 h-4 text-muted-foreground"
           })
         })
       }),
-      IY && LY !== void 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      LY && RY !== void 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
-          G && (0, import_jsx_runtime.jsx)(Tooltip, {
+          q && (0, import_jsx_runtime.jsx)(Tooltip, {
             content: "Toggle row viewer",
             children: (0, import_jsx_runtime.jsx)(Button, {
               variant: "text",
               size: "xs",
-              onClick: () => IY("row-viewer"),
+              onClick: () => LY("row-viewer"),
               className: "print:hidden",
               children: (0, import_jsx_runtime.jsx)(PanelRight, {
-                className: cn("w-4 h-4 text-muted-foreground", LY("row-viewer") && "text-primary")
+                className: cn("w-4 h-4 text-muted-foreground", RY("row-viewer") && "text-primary")
               })
             })
           }),
-          z && (0, import_jsx_runtime.jsx)(Tooltip, {
+          G && (0, import_jsx_runtime.jsx)(Tooltip, {
             content: "Toggle column explorer",
             children: (0, import_jsx_runtime.jsx)(Button, {
               variant: "text",
               size: "xs",
-              onClick: () => IY("column-explorer"),
+              onClick: () => LY("column-explorer"),
               className: "print:hidden",
               children: (0, import_jsx_runtime.jsx)(ChartColumnStacked, {
-                className: cn("w-4 h-4 text-muted-foreground", LY("column-explorer") && "text-primary")
+                className: cn("w-4 h-4 text-muted-foreground", RY("column-explorer") && "text-primary")
               })
             })
           })
@@ -62568,11 +62571,11 @@ Defaulting to \`null\`.`;
             ]);
             y(Object.fromEntries(e3));
           };
-          if (!O) {
+          if (!M) {
             r2();
             return;
           }
-          O({}).then((e3) => {
+          M({}).then((e3) => {
             if (e3.error) {
               toast({
                 title: "Not available",
@@ -62588,32 +62591,33 @@ Defaulting to \`null\`.`;
           });
         },
         table: S,
-        tableLoading: RY,
-        showPageSizeSelector: q
+        tableLoading: zY,
+        showPageSizeSelector: IY
       }),
       (0, import_jsx_runtime.jsx)("div", {
         className: "ml-auto",
         children: E && (0, import_jsx_runtime.jsx)(DownloadAs, {
-          downloadAs: E
+          downloadAs: E,
+          downloadFileName: O
         })
       })
     ]
-  }), DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: r, maxHeight: c, columns: d, data: f, selection: _, totalColumns: v, totalRows: y, manualSorting: S = false, sorting: w, setSorting: E, rowSelection: O, cellSelection: M, cellStyling: I, hoverTemplate: z, cellHoverTexts: G, paginationState: q, setPaginationState: IY, downloadAs: LY, manualPagination: RY = false, pagination: zY = false, onRowSelectionChange: BY, onCellSelectionChange: VY, getRowIds: HY, enableSearch: UY = false, searchQuery: WY, onSearchQueryChange: GY, showFilters: KY = false, filters: qY, onFiltersChange: JY, reloading: YY, freezeColumnsLeft: XY, freezeColumnsRight: ZY, toggleDisplayHeader: QY, showChartBuilder: $Y, showPageSizeSelector: eX, showColumnExplorer: tX, showRowExplorer: nX, togglePanel: rX, isPanelOpen: iX, viewedRowIdx: aX, onViewedRowChange: oX }) => {
-    let [sX, cX] = import_react.useState(false), [lX, uX] = import_react.useState(false), { locale: dX } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: fX, setColumnPinning: pX } = useColumnPinning(XY, ZY);
+  }), DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: r, maxHeight: c, columns: d, data: f, selection: _, totalColumns: v, totalRows: y, manualSorting: S = false, sorting: w, setSorting: E, rowSelection: O, cellSelection: M, cellStyling: I, hoverTemplate: z, cellHoverTexts: G, paginationState: q, setPaginationState: IY, downloadAs: LY, downloadFileName: RY, manualPagination: zY = false, pagination: BY = false, onRowSelectionChange: VY, onCellSelectionChange: HY, getRowIds: UY, enableSearch: WY = false, searchQuery: GY, onSearchQueryChange: KY, showFilters: qY = false, filters: JY, onFiltersChange: YY, reloading: XY, freezeColumnsLeft: ZY, freezeColumnsRight: QY, toggleDisplayHeader: $Y, showChartBuilder: eX, showPageSizeSelector: tX, showColumnExplorer: nX, showRowExplorer: rX, togglePanel: iX, isPanelOpen: aX, viewedRowIdx: oX, onViewedRowChange: sX }) => {
+    let [cX, lX] = import_react.useState(false), [uX, dX] = import_react.useState(false), { locale: fX } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: pX, setColumnPinning: mX } = useColumnPinning(ZY, QY);
     import_react.useEffect(() => {
       let e2;
-      return YY ? e2 = setTimeout(() => {
-        uX(true);
-      }, 300) : uX(false), () => {
+      return XY ? e2 = setTimeout(() => {
+        dX(true);
+      }, 300) : dX(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      YY
+      XY
     ]);
-    function mX(e2, r2) {
-      return q ? r2 + (RY ? q.pageIndex * q.pageSize : 0) : r2;
+    function hX(e2, r2) {
+      return q ? r2 + (zY ? q.pageIndex * q.pageSize : 0) : r2;
     }
-    let hX = useReactTable({
+    let gX = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -62634,12 +62638,12 @@ Defaulting to \`null\`.`;
         getRowId: (e2, r2) => {
           let c2 = getStableRowId(e2);
           if (c2) return c2;
-          let d2 = mX(e2, r2);
+          let d2 = hX(e2, r2);
           return String(d2);
         }
       } : {},
-      locale: dX,
-      manualPagination: RY,
+      locale: fX,
+      manualPagination: zY,
       getPaginationRowModel: getPaginationRowModel(),
       ...E ? {
         onSortingChange: E
@@ -62648,24 +62652,24 @@ Defaulting to \`null\`.`;
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: KY,
+      enableColumnFilters: qY,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: JY,
-      onRowSelectionChange: BY,
-      onCellSelectionChange: VY,
+      onColumnFiltersChange: YY,
+      onRowSelectionChange: VY,
+      onCellSelectionChange: HY,
       enableCellSelection: _ === "single-cell" || _ === "multi-cell",
       enableMultiCellSelection: _ === "multi-cell",
-      onColumnPinningChange: pX,
+      onColumnPinningChange: mX,
       enableFocusRow: true,
-      onFocusRowChange: oX,
+      onFocusRowChange: sX,
       state: {
         ...w ? {
           sorting: w
         } : {},
-        columnFilters: qY,
+        columnFilters: JY,
         ...q ? {
           pagination: q
-        } : zY && !q ? {} : {
+        } : BY && !q ? {} : {
           pagination: {
             pageIndex: 0,
             pageSize: f.length
@@ -62674,14 +62678,14 @@ Defaulting to \`null\`.`;
         rowSelection: O ?? {},
         cellSelection: M ?? [],
         cellStyling: I,
-        columnPinning: fX,
+        columnPinning: pX,
         cellHoverTemplate: z,
         cellHoverTexts: G ?? {}
       }
-    }), gX = (iX == null ? void 0 : iX("row-viewer")) ?? false, _X = import_react.useRef(null);
+    }), _X = (aX == null ? void 0 : aX("row-viewer")) ?? false, vX = import_react.useRef(null);
     return import_react.useEffect(() => {
-      if (!_X.current) return;
-      let e2 = _X.current.parentElement;
+      if (!vX.current) return;
+      let e2 = vX.current.parentElement;
       e2 && (c ? (e2.style.maxHeight = `${c}px`, e2.style.overflow || (e2.style.overflow = "auto")) : e2.style.removeProperty("max-height"));
     }, [
       c
@@ -62689,34 +62693,34 @@ Defaulting to \`null\`.`;
       className: cn(e, "flex flex-col space-y-1"),
       children: [
         (0, import_jsx_runtime.jsx)(FilterPills, {
-          filters: qY,
-          table: hX
+          filters: JY,
+          table: gX
         }),
         (0, import_jsx_runtime.jsxs)("div", {
           className: cn(r || "rounded-md border overflow-hidden"),
           children: [
-            GY && UY && (0, import_jsx_runtime.jsx)(SearchBar, {
-              value: WY || "",
-              onHide: () => cX(false),
-              handleSearch: GY,
-              hidden: !sX,
-              reloading: YY
+            KY && WY && (0, import_jsx_runtime.jsx)(SearchBar, {
+              value: GY || "",
+              onHide: () => lX(false),
+              handleSearch: KY,
+              hidden: !cX,
+              reloading: XY
             }),
             (0, import_jsx_runtime.jsxs)(Table, {
               className: "relative",
-              ref: _X,
+              ref: vX,
               children: [
-                lX && (0, import_jsx_runtime.jsx)("thead", {
+                uX && (0, import_jsx_runtime.jsx)("thead", {
                   className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
                 }),
-                renderTableHeader(hX, !!c),
+                renderTableHeader(gX, !!c),
                 (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
                   children: (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: hX,
+                    table: gX,
                     columns: d,
-                    rowViewerPanelOpen: gX,
-                    getRowIndex: mX,
-                    viewedRowIdx: aX
+                    rowViewerPanelOpen: _X,
+                    getRowIndex: hX,
+                    viewedRowIdx: oX
                   })
                 })
               ]
@@ -62724,25 +62728,26 @@ Defaulting to \`null\`.`;
           ]
         }),
         (0, import_jsx_runtime.jsx)(TableActions, {
-          enableSearch: UY,
+          enableSearch: WY,
           totalColumns: v,
-          onSearchQueryChange: GY,
-          isSearchEnabled: sX,
-          setIsSearchEnabled: cX,
-          pagination: zY,
+          onSearchQueryChange: KY,
+          isSearchEnabled: cX,
+          setIsSearchEnabled: lX,
+          pagination: BY,
           selection: _,
-          onRowSelectionChange: BY,
-          table: hX,
+          onRowSelectionChange: VY,
+          table: gX,
           downloadAs: LY,
-          getRowIds: HY,
-          toggleDisplayHeader: QY,
-          showChartBuilder: $Y,
-          showPageSizeSelector: eX,
-          showColumnExplorer: tX,
-          showRowExplorer: nX,
-          togglePanel: rX,
-          isPanelOpen: iX,
-          tableLoading: YY
+          downloadFileName: RY,
+          getRowIds: UY,
+          toggleDisplayHeader: $Y,
+          showChartBuilder: eX,
+          showPageSizeSelector: tX,
+          showColumnExplorer: nX,
+          showRowExplorer: rX,
+          togglePanel: iX,
+          isPanelOpen: aX,
+          tableLoading: XY
         })
       ]
     });
@@ -64528,41 +64533,41 @@ ${O}`,
   }
   const AnyWidgetPlugin = createPlugin("marimo-anywidget").withData(object$1({
     jsUrl: string$2(),
-    jsHash: string$2(),
-    css: string$2().nullish()
+    jsHash: string$2()
   })).withFunctions({}).renderer((e) => (0, import_jsx_runtime.jsx)(AnyWidgetSlot, {
     ...e
   }));
   var AnyWidgetSlot = (e) => {
     var _a2;
-    let r = (0, import_compiler_runtime$98.c)(15), { css: c, jsUrl: d, jsHash: f } = e.data, { model_id: _ } = e.value, v = e.host, y;
-    r[0] !== f || r[1] !== d ? (y = {
-      jsUrl: d,
-      jsHash: f
-    }, r[0] = f, r[1] = d, r[2] = y) : y = r[2];
-    let { jsModule: S, error: w } = useAnyWidgetModule(y);
-    if (useMountCss(c, v), w) {
+    let r = (0, import_compiler_runtime$98.c)(16), { jsUrl: c, jsHash: d } = e.data, { model_id: f } = e.value, _ = e.host, v;
+    r[0] !== d || r[1] !== c ? (v = {
+      jsUrl: c,
+      jsHash: d
+    }, r[0] = d, r[1] = c, r[2] = v) : v = r[2];
+    let { jsModule: y, error: S } = useAnyWidgetModule(v);
+    if (S) {
       let e2;
-      return r[3] === w ? e2 = r[4] : (e2 = (0, import_jsx_runtime.jsx)(ErrorBanner, {
-        error: w
-      }), r[3] = w, r[4] = e2), e2;
-    }
-    if (!S) return null;
-    if (!isAnyWidgetModule(S)) {
-      let e2 = `Module at ${d} does not appear to be a valid anywidget`, c2;
-      r[5] === e2 ? c2 = r[6] : (c2 = Error(e2), r[5] = e2, r[6] = c2);
-      let f2 = c2, _2;
+      return r[3] === S ? e2 = r[4] : (e2 = (0, import_jsx_runtime.jsx)(ErrorBanner, {
+        error: S
+      }), r[3] = S, r[4] = e2), e2;
+    }
+    if (!y) return null;
+    if (!isAnyWidgetModule(y)) {
+      let e2 = `Module at ${c} does not appear to be a valid anywidget`, d2;
+      r[5] === e2 ? d2 = r[6] : (d2 = Error(e2), r[5] = e2, r[6] = d2);
+      let f2 = d2, _2;
       return r[7] === f2 ? _2 = r[8] : (_2 = (0, import_jsx_runtime.jsx)(ErrorBanner, {
         error: f2
       }), r[7] = f2, r[8] = _2), _2;
     }
-    let E;
-    r[9] === e.host ? E = r[10] : (E = (_a2 = e.host.closest("[random-id]")) == null ? void 0 : _a2.getAttribute("random-id"), r[9] = e.host, r[10] = E);
-    let O = E ?? d, M;
-    return r[11] !== S.default || r[12] !== O || r[13] !== _ ? (M = (0, import_jsx_runtime.jsx)(LoadedSlot, {
-      widget: S.default,
-      modelId: _
-    }, O), r[11] = S.default, r[12] = O, r[13] = _, r[14] = M) : M = r[14], M;
+    let w;
+    r[9] === e.host ? w = r[10] : (w = (_a2 = e.host.closest("[random-id]")) == null ? void 0 : _a2.getAttribute("random-id"), r[9] = e.host, r[10] = w);
+    let E = w ?? c, O;
+    return r[11] !== _ || r[12] !== y.default || r[13] !== E || r[14] !== f ? (O = (0, import_jsx_runtime.jsx)(LoadedSlot, {
+      widget: y.default,
+      modelId: f,
+      host: _
+    }, E), r[11] = _, r[12] = y.default, r[13] = E, r[14] = f, r[15] = O) : O = r[15], O;
   };
   async function runAnyWidgetModule(e, r, c, d, f) {
     d.innerHTML = "";
@@ -64577,24 +64582,22 @@ ${O}`,
     return e.default ? typeof e.default == "function" || typeof ((_a2 = e.default) == null ? void 0 : _a2.render) == "function" || typeof ((_b3 = e.default) == null ? void 0 : _b3.initialize) == "function" : false;
   }
   var LoadedSlot = (e) => {
-    let r = (0, import_compiler_runtime$98.c)(8), { widget: c, modelId: d } = e, f = (0, import_react.useRef)(null), _;
-    r[0] === d ? _ = r[1] : (_ = MODEL_MANAGER.getSync(d), r[0] = d, r[1] = _);
-    let v = _;
-    v || Logger.error("Model not found for modelId", d);
-    let y, S;
-    r[2] !== v || r[3] !== d || r[4] !== c ? (y = () => {
-      if (!f.current || !v) return;
+    let r = (0, import_compiler_runtime$98.c)(9), { widget: c, modelId: d, host: f } = e, _ = (0, import_react.useRef)(null), v, y;
+    r[0] === d ? (v = r[1], y = r[2]) : (v = MODEL_MANAGER.getSync(d), v || Logger.error("Model not found for modelId", d), y = v == null ? void 0 : v.get("_css"), r[0] = d, r[1] = v, r[2] = y), useMountCss(y, f);
+    let S, w;
+    r[3] !== v || r[4] !== d || r[5] !== c ? (S = () => {
+      if (!_.current || !v) return;
       let e2 = new AbortController();
-      return runAnyWidgetModule(c, v, d, f.current, e2.signal), () => e2.abort();
-    }, S = [
+      return runAnyWidgetModule(c, v, d, _.current, e2.signal), () => e2.abort();
+    }, w = [
       c,
       d,
       v
-    ], r[2] = v, r[3] = d, r[4] = c, r[5] = y, r[6] = S) : (y = r[5], S = r[6]), (0, import_react.useEffect)(y, S);
-    let w;
-    return r[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (0, import_jsx_runtime.jsx)("div", {
-      ref: f
-    }), r[7] = w) : w = r[7], w;
+    ], r[3] = v, r[4] = d, r[5] = c, r[6] = S, r[7] = w) : (S = r[6], w = r[7]), (0, import_react.useEffect)(S, w);
+    let E;
+    return r[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)("div", {
+      ref: _
+    }), r[8] = E) : E = r[8], E;
   }, import_compiler_runtime$97 = require_compiler_runtime();
   const KeyboardHotkeys = (e) => {
     let r = (0, import_compiler_runtime$97.c)(10), { shortcut: c, className: d } = e;
@@ -73304,7 +73307,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.10-dev9"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.11-dev0"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$88 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -74313,9 +74316,9 @@ Image URL: ${r.imageUrl}`)), contextToXml({
           ]
         }),
         (0, import_jsx_runtime.jsxs)("form", {
-          onSubmit: async (e2) => {
-            e2.preventDefault();
-            let c2 = y ? await convertToFileUIPart(y) : void 0;
+          onSubmit: async (c2) => {
+            if (c2.preventDefault(), e.disabled) return;
+            let d2 = y ? await convertToFileUIPart(y) : void 0;
             RY({
               role: "user",
               parts: [
@@ -74323,12 +74326,13 @@ Image URL: ${r.imageUrl}`)), contextToXml({
                   type: "text",
                   text: r
                 },
-                ...c2 ?? []
+                ...d2 ?? []
               ]
             }), ZY();
           },
           ref: E,
-          className: "flex w-full border-t border-(--slate-6) px-2 py-1 items-center",
+          inert: e.disabled || void 0,
+          className: cn("flex w-full border-t border-(--slate-6) px-2 py-1 items-center", e.disabled && "opacity-50 cursor-not-allowed"),
           children: [
             e.showConfigurationControls && (0, import_jsx_runtime.jsx)(ConfigPopup, {
               config: d,
@@ -74745,7 +74749,8 @@ Image URL: ${r.imageUrl}`)), contextToXml({
     allowAttachments: union([
       boolean$2(),
       string$2().array()
-    ])
+    ]),
+    disabled: boolean$2().default(false)
   })).withFunctions({
     get_chat_history: rpc.input(object$1({})).output(object$1({
       messages: messageSchema
@@ -74767,6 +74772,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
           showConfigurationControls: e.data.showConfigurationControls,
           maxHeight: e.data.maxHeight,
           allowAttachments: e.data.allowAttachments,
+          disabled: e.data.disabled,
           config: e.data.config,
           get_chat_history: e.functions.get_chat_history,
           delete_chat_history: e.functions.delete_chat_history,
@@ -79671,7 +79677,7 @@ ${c}
       render: w
     }), r[5] = c, r[6] = S.control, r[7] = w, r[8] = E) : E = r[8], E;
   }, AggregationSelect = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(12), { fieldName: c, selectedDataType: d, binFieldName: f, defaultAggregation: _ } = e, v = useFormContext(), y = d === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: S } = useChartFormContext(), w = S !== ChartType.HEATMAP, E = _temp6$5, O = _temp7$1, M;
+    let r = (0, import_compiler_runtime$73.c)(12), { fieldName: c, selectedDataType: d, binFieldName: f, defaultAggregation: _ } = e, v = useFormContext(), y = d === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: S } = useChartFormContext(), w = S !== ChartType.HEATMAP, E = _temp6$5, O = _temp7$2, M;
     r[0] !== f || r[1] !== v ? (M = (e2) => {
       let { value: r2, previousValue: c2, onChange: d2 } = e2;
       r2 === "bin" ? v.setValue(f, true) : c2 === "bin" && v.setValue(f, false), d2(r2);
@@ -79730,7 +79736,7 @@ ${c}
       render: z
     }), r[8] = c, r[9] = v.control, r[10] = z, r[11] = G) : G = r[11], G;
   }, TooltipSelect = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: _ } = useChartFormContext(), v = _temp8, y;
+    let r = (0, import_compiler_runtime$73.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: _ } = useChartFormContext(), v = _temp8$1, y;
     r[0] !== _ || r[1] !== d ? (y = (e2) => {
       var _a2;
       let { field: r2 } = e2, c2 = ((_a2 = r2.value) == null ? void 0 : _a2.map(_temp9)) ?? [];
@@ -79843,7 +79849,7 @@ ${c}
       children: e
     });
   }
-  function _temp7$1(e) {
+  function _temp7$2(e) {
     let { value: r, Icon: c, subtitle: d } = e;
     return (0, import_jsx_runtime.jsx)(SelectItem, {
       value: r,
@@ -79860,7 +79866,7 @@ ${c}
       })
     }, r);
   }
-  function _temp8(e, r) {
+  function _temp8$1(e, r) {
     var _a2;
     return {
       field: e,
@@ -83555,7 +83561,8 @@ ${c}
     hoverTemplate: string$2().optional(),
     cellHoverTexts: cellHoverTextSchema,
     lazy: boolean$2().default(false),
-    preload: boolean$2().default(false)
+    preload: boolean$2().default(false),
+    downloadFileName: string$2().optional()
   })).withFunctions({
     download_as: DownloadAsSchema,
     get_column_summaries: rpc.input(looseObject({})).output(object$1({
@@ -83852,8 +83859,8 @@ ${c}
     }), r[98] = sX, r[99] = _X, r[100] = vX) : vX = r[100], vX;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, totalRows: c, maxColumns: d, pagination: f, selection: _, value: v, showFilters: y, showDownload: S, showPageSizeSelector: w, showColumnExplorer: E, showRowExplorer: O, showChartBuilder: M, showDataTypes: I, rowHeaders: z, fieldTypes: G, paginationState: q, setPaginationState: IY, download_as: LY, columnSummaries: RY, className: zY, setValue: BY, sorting: VY, setSorting: HY, enableSearch: UY, searchQuery: WY, setSearchQuery: GY, filters: KY, setFilters: qY, reloading: JY, freezeColumnsLeft: YY, freezeColumnsRight: XY, textJustifyColumns: ZY, wrappedColumns: QY, headerTooltip: $Y, totalColumns: eX, get_row_ids: tX, cellStyles: nX, hoverTemplate: rX, cellHoverTexts: iX, toggleDisplayHeader: oX, calculate_top_k_rows: sX, preview_column: cX, getRow: lX, cellId: uX, maxHeight: dX }) => {
-    let fX = (0, import_react.useId)(), [pX, mX] = (0, import_react.useState)(0), { isPanelOpen: hX, togglePanel: gX } = usePanelOwnership(fX, uX), _X = (0, import_react.useMemo)(() => {
+  var DataTableComponent = ({ label: e, data: r, totalRows: c, maxColumns: d, pagination: f, selection: _, value: v, showFilters: y, showDownload: S, showPageSizeSelector: w, showColumnExplorer: E, showRowExplorer: O, showChartBuilder: M, showDataTypes: I, rowHeaders: z, fieldTypes: G, paginationState: q, setPaginationState: IY, download_as: LY, columnSummaries: RY, className: zY, setValue: BY, sorting: VY, setSorting: HY, enableSearch: UY, searchQuery: WY, setSearchQuery: GY, filters: KY, setFilters: qY, reloading: JY, freezeColumnsLeft: YY, freezeColumnsRight: XY, textJustifyColumns: ZY, wrappedColumns: QY, headerTooltip: $Y, totalColumns: eX, get_row_ids: tX, cellStyles: nX, hoverTemplate: rX, cellHoverTexts: iX, downloadFileName: oX, toggleDisplayHeader: sX, calculate_top_k_rows: cX, preview_column: lX, getRow: uX, cellId: dX, maxHeight: fX }) => {
+    let pX = (0, import_react.useId)(), [mX, hX] = (0, import_react.useState)(0), { isPanelOpen: gX, togglePanel: _X } = usePanelOwnership(pX, dX), vX = (0, import_react.useMemo)(() => {
       if (!RY || !G || !RY.stats) return ColumnChartSpecModel.EMPTY;
       let e2 = toFieldTypes(G);
       return new ColumnChartSpecModel(RY.data || [], e2, RY.stats, RY.bin_values, RY.value_counts, {
@@ -83862,55 +83869,55 @@ ${c}
     }, [
       G,
       RY
-    ]), vX = useDeepCompareMemoize(G ?? inferFieldTypes(r)), yX = (0, import_react.useMemo)(() => d === "all" ? vX : vX.slice(0, d), [
+    ]), yX = useDeepCompareMemoize(G ?? inferFieldTypes(r)), bX = (0, import_react.useMemo)(() => d === "all" ? yX : yX.slice(0, d), [
       d,
-      vX
-    ]), bX = useDeepCompareMemoize(z), xX = useDeepCompareMemoize(ZY), SX = useDeepCompareMemoize(QY), CX = useDeepCompareMemoize(_X), wX = yX.length;
+      yX
+    ]), xX = useDeepCompareMemoize(z), SX = useDeepCompareMemoize(ZY), CX = useDeepCompareMemoize(QY), wX = useDeepCompareMemoize(vX), TX = bX.length;
     G || (I = false);
-    let TX = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: bX,
+    let EX = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: xX,
       selection: _,
-      chartSpecModel: CX,
-      fieldTypes: yX,
-      textJustifyColumns: xX,
-      wrappedColumns: SX,
+      chartSpecModel: wX,
+      fieldTypes: bX,
+      textJustifyColumns: SX,
+      wrappedColumns: CX,
       headerTooltip: $Y,
       showDataTypes: I,
-      calculateTopKRows: sX
+      calculateTopKRows: cX
     }), [
       _,
       I,
-      CX,
-      bX,
-      yX,
+      wX,
       xX,
+      bX,
       SX,
+      CX,
       $Y,
-      sX
-    ]), EX = (0, import_react.useMemo)(() => Object.fromEntries((v || []).map((e2) => [
+      cX
+    ]), DX = (0, import_react.useMemo)(() => Object.fromEntries((v || []).map((e2) => [
       e2,
       true
     ])), [
       v
-    ]), DX = useEvent_default((e2) => {
+    ]), OX = useEvent_default((e2) => {
       if (_ === "single") {
         let r2 = Functions.asUpdater(e2)({});
         BY(Object.keys(r2).slice(0, 1));
       }
       if (_ === "multi") {
-        let r2 = Functions.asUpdater(e2)(EX);
+        let r2 = Functions.asUpdater(e2)(DX);
         BY(Object.keys(r2));
       }
-    }), OX = useEvent_default((e2) => {
-      if (mX(e2), e2 < 0 || typeof c == "number" && e2 >= c || c === "too_many") return;
+    }), kX = useEvent_default((e2) => {
+      if (hX(e2), e2 < 0 || typeof c == "number" && e2 >= c || c === "too_many") return;
       let r2 = getPageIndexForRow(e2, q.pageIndex, q.pageSize);
       r2 !== null && IY((e3) => ({
         ...e3,
         pageIndex: r2
       }));
-    }), kX = v.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), AX = useEvent_default((e2) => {
-      _ === "single-cell" && BY(Functions.asUpdater(e2)(kX).slice(0, 1)), _ === "multi-cell" && BY(Functions.asUpdater(e2)(kX));
-    }), jX = _ === "multi" || _ === "single", MX = E && cX && hX("column-explorer"), NX = isInVscodeExtension();
+    }), AX = v.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), jX = useEvent_default((e2) => {
+      _ === "single-cell" && BY(Functions.asUpdater(e2)(AX).slice(0, 1)), _ === "multi-cell" && BY(Functions.asUpdater(e2)(AX));
+    }), MX = _ === "multi" || _ === "single", NX = E && lX && gX("column-explorer"), PX = isInVscodeExtension();
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         c === "too_many" && q.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
@@ -83921,11 +83928,11 @@ ${c}
             " rows."
           ]
         }),
-        wX < eX && wX > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        TX < eX && TX > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            wX,
+            TX,
             " of ",
             eX,
             " columns."
@@ -83935,38 +83942,38 @@ ${c}
           className: "mb-1 rounded",
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
-        hX("row-viewer") && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        gX("row-viewer") && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
           children: (0, import_jsx_runtime.jsx)(RowViewerPanel, {
-            getRow: lX,
-            fieldTypes: vX,
+            getRow: uX,
+            fieldTypes: yX,
             totalRows: c,
-            rowIdx: pX,
-            setRowIdx: OX,
-            isSelectable: jX,
-            isRowSelected: EX[pX],
-            handleRowSelectionChange: DX
+            rowIdx: mX,
+            setRowIdx: kX,
+            isSelectable: MX,
+            isRowSelected: DX[mX],
+            handleRowSelectionChange: OX
           })
         }),
-        MX && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        NX && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
           children: (0, import_jsx_runtime.jsx)(ColumnExplorerPanel, {
-            previewColumn: cX,
-            fieldTypes: vX,
+            previewColumn: lX,
+            fieldTypes: yX,
             totalRows: c,
             totalColumns: eX,
-            tableId: fX
+            tableId: pX
           })
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: _X,
+          value: vX,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
             fullWidth: true,
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
-              columns: TX,
+              columns: EX,
               className: zY,
-              maxHeight: dX,
+              maxHeight: fX,
               sorting: VY,
               totalRows: c,
               totalColumns: eX,
@@ -83977,12 +83984,13 @@ ${c}
               selection: _,
               paginationState: q,
               setPaginationState: IY,
-              rowSelection: EX,
-              cellSelection: kX,
+              rowSelection: DX,
+              cellSelection: AX,
               cellStyling: nX,
               hoverTemplate: rX,
               cellHoverTexts: iX,
               downloadAs: S ? LY : void 0,
+              downloadFileName: oX,
               enableSearch: UY,
               searchQuery: WY,
               onSearchQueryChange: GY,
@@ -83990,20 +83998,20 @@ ${c}
               filters: KY,
               onFiltersChange: qY,
               reloading: JY,
-              onRowSelectionChange: DX,
+              onRowSelectionChange: OX,
               freezeColumnsLeft: YY,
               freezeColumnsRight: XY,
-              onCellSelectionChange: AX,
+              onCellSelectionChange: jX,
               getRowIds: tX,
-              toggleDisplayHeader: oX,
+              toggleDisplayHeader: sX,
               showChartBuilder: M,
               showPageSizeSelector: w,
-              showColumnExplorer: E && !NX,
-              showRowExplorer: O && !NX,
-              togglePanel: gX,
-              isPanelOpen: hX,
-              viewedRowIdx: pX,
-              onViewedRowChange: (e2) => mX(e2)
+              showColumnExplorer: E && !PX,
+              showRowExplorer: O && !PX,
+              togglePanel: _X,
+              isPanelOpen: gX,
+              viewedRowIdx: mX,
+              onViewedRowChange: (e2) => hX(e2)
             })
           })
         })
@@ -84515,7 +84523,7 @@ ${c}
                 children: _temp6$2
               }),
               (0, import_jsx_runtime.jsx)(CalendarGridBody, {
-                children: _temp7
+                children: _temp7$1
               })
             ]
           })
@@ -84561,7 +84569,7 @@ ${c}
       children: e
     });
   }
-  function _temp7(e) {
+  function _temp7$1(e) {
     return (0, import_jsx_runtime.jsx)(CalendarCell, {
       date: e
     });
@@ -86685,6 +86693,7 @@ ${c}
     label: string$2().nullish(),
     pageSize: number$2().default(5),
     showDownload: boolean$2().default(true),
+    dataframeName: string$2().optional(),
     columns: array$2(tuple([
       string$2().or(number$2()),
       string$2(),
@@ -86742,37 +86751,37 @@ ${c}
     transforms: []
   };
   const DataFrameComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$39.c)(69), { columns: c, pageSize: d, showDownload: f, lazy: _, value: v, setValue: y, get_dataframe: S, get_column_values: w, search: E, download_as: O, host: M } = e, I;
-    r[0] === S ? I = r[1] : (I = () => S({}), r[0] = S, r[1] = I);
-    let z = v == null ? void 0 : v.transforms, G;
-    r[2] === z ? G = r[3] : (G = [
-      z
-    ], r[2] = z, r[3] = G);
-    let { data: q, error: IY, isPending: LY } = useAsyncData(I, G), RY;
-    r[4] === q ? RY = r[5] : (RY = q || {}, r[4] = q, r[5] = RY);
-    let { url: zY, total_rows: BY, row_headers: VY, field_types: HY, column_types_per_step: UY, python_code: WY, sql_code: GY } = RY, KY = HY == null ? void 0 : HY.length, [qY, JY] = (0, import_react.useState)(v || EMPTY), YY = (0, import_react.useRef)(null), XY;
-    r[6] === _ ? XY = r[7] : (XY = (e2) => {
+    let r = (0, import_compiler_runtime$39.c)(70), { columns: c, dataframeName: d, pageSize: f, showDownload: _, lazy: v, value: y, setValue: S, get_dataframe: w, get_column_values: E, search: O, download_as: M, host: I } = e, z;
+    r[0] === w ? z = r[1] : (z = () => w({}), r[0] = w, r[1] = z);
+    let G = y == null ? void 0 : y.transforms, q;
+    r[2] === G ? q = r[3] : (q = [
+      G
+    ], r[2] = G, r[3] = q);
+    let { data: IY, error: LY, isPending: RY } = useAsyncData(z, q), zY;
+    r[4] === IY ? zY = r[5] : (zY = IY || {}, r[4] = IY, r[5] = zY);
+    let { url: BY, total_rows: VY, row_headers: HY, field_types: UY, column_types_per_step: WY, python_code: GY, sql_code: KY } = zY, qY = UY == null ? void 0 : UY.length, [JY, YY] = (0, import_react.useState)(y || EMPTY), XY = (0, import_react.useRef)(null), ZY;
+    r[6] === v ? ZY = r[7] : (ZY = (e2) => {
       var _a2;
-      _ && e2 !== "transform" && ((_a2 = YY.current) == null ? void 0 : _a2.submit());
-    }, r[6] = _, r[7] = XY);
-    let ZY = XY, QY = (0, import_react.useRef)(qY), $Y;
-    r[8] === qY ? $Y = r[9] : ($Y = () => {
-      QY.current = qY;
-    }, r[8] = qY, r[9] = $Y), (0, import_react.useEffect)($Y);
-    let eX;
-    r[10] !== y || r[11] !== (v == null ? void 0 : v.transforms.length) ? (eX = () => {
-      let e2 = QY.current;
-      (v == null ? void 0 : v.transforms.length) !== e2.transforms.length && y(e2);
-    }, r[10] = y, r[11] = v == null ? void 0 : v.transforms.length, r[12] = eX) : eX = r[12];
-    let tX = v == null ? void 0 : v.transforms.length, nX;
-    r[13] !== q || r[14] !== y || r[15] !== tX ? (nX = [
-      q,
-      tX,
-      QY,
-      y
-    ], r[13] = q, r[14] = y, r[15] = tX, r[16] = nX) : nX = r[16], (0, import_react.useEffect)(eX, nX);
-    let rX;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (rX = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+      v && e2 !== "transform" && ((_a2 = XY.current) == null ? void 0 : _a2.submit());
+    }, r[6] = v, r[7] = ZY);
+    let QY = ZY, $Y = (0, import_react.useRef)(JY), eX;
+    r[8] === JY ? eX = r[9] : (eX = () => {
+      $Y.current = JY;
+    }, r[8] = JY, r[9] = eX), (0, import_react.useEffect)(eX);
+    let tX;
+    r[10] !== S || r[11] !== (y == null ? void 0 : y.transforms.length) ? (tX = () => {
+      let e2 = $Y.current;
+      (y == null ? void 0 : y.transforms.length) !== e2.transforms.length && S(e2);
+    }, r[10] = S, r[11] = y == null ? void 0 : y.transforms.length, r[12] = tX) : tX = r[12];
+    let nX = y == null ? void 0 : y.transforms.length, rX;
+    r[13] !== IY || r[14] !== S || r[15] !== nX ? (rX = [
+      IY,
+      nX,
+      $Y,
+      S
+    ], r[13] = IY, r[14] = S, r[15] = nX, r[16] = rX) : rX = r[16], (0, import_react.useEffect)(tX, rX);
+    let iX;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (iX = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -86781,9 +86790,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = rX) : rX = r[17];
-    let iX;
-    r[18] === WY ? iX = r[19] : (iX = WY && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = iX) : iX = r[17];
+    let aX;
+    r[18] === GY ? aX = r[19] : (aX = GY && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -86792,9 +86801,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = WY, r[19] = iX);
-    let aX;
-    r[20] === GY ? aX = r[21] : (aX = GY && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = GY, r[19] = aX);
+    let oX;
+    r[20] === KY ? oX = r[21] : (oX = KY && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -86803,111 +86812,112 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = GY, r[21] = aX);
-    let oX;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oX = (0, import_jsx_runtime.jsx)("div", {
-      className: "grow"
-    }), r[22] = oX) : oX = r[22];
+    }), r[20] = KY, r[21] = oX);
     let sX;
-    r[23] !== iX || r[24] !== aX ? (sX = (0, import_jsx_runtime.jsxs)(TabsList, {
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (sX = (0, import_jsx_runtime.jsx)("div", {
+      className: "grow"
+    }), r[22] = sX) : sX = r[22];
+    let cX;
+    r[23] !== aX || r[24] !== oX ? (cX = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        rX,
         iX,
         aX,
-        oX
+        oX,
+        sX
       ]
-    }), r[23] = iX, r[24] = aX, r[25] = sX) : sX = r[25];
-    let cX;
-    r[26] === LY ? cX = r[27] : (cX = LY && (0, import_jsx_runtime.jsx)(Spinner, {
-      size: "small"
-    }), r[26] = LY, r[27] = cX);
+    }), r[23] = aX, r[24] = oX, r[25] = cX) : cX = r[25];
     let lX;
-    r[28] !== sX || r[29] !== cX ? (lX = (0, import_jsx_runtime.jsxs)("div", {
+    r[26] === RY ? lX = r[27] : (lX = RY && (0, import_jsx_runtime.jsx)(Spinner, {
+      size: "small"
+    }), r[26] = RY, r[27] = lX);
+    let uX;
+    r[28] !== cX || r[29] !== lX ? (uX = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        sX,
-        cX
+        cX,
+        lX
       ]
-    }), r[28] = sX, r[29] = cX, r[30] = lX) : lX = r[30];
-    let uX;
-    r[31] !== y || r[32] !== v ? (uX = (e2) => {
-      isEqual_default(e2, v) || (y(e2), JY(e2));
-    }, r[31] = y, r[32] = v, r[33] = uX) : uX = r[33];
+    }), r[28] = cX, r[29] = lX, r[30] = uX) : uX = r[30];
     let dX;
-    r[34] !== UY || r[35] !== c || r[36] !== w || r[37] !== qY || r[38] !== _ || r[39] !== uX ? (dX = (0, import_jsx_runtime.jsx)(TabsContent, {
+    r[31] !== S || r[32] !== y ? (dX = (e2) => {
+      isEqual_default(e2, y) || (S(e2), YY(e2));
+    }, r[31] = S, r[32] = y, r[33] = dX) : dX = r[33];
+    let fX;
+    r[34] !== WY || r[35] !== c || r[36] !== E || r[37] !== JY || r[38] !== v || r[39] !== dX ? (fX = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: YY,
-        initialValue: qY,
+        ref: XY,
+        initialValue: JY,
         columns: c,
-        onChange: uX,
-        onInvalidChange: JY,
-        getColumnValues: w,
-        columnTypesPerStep: UY,
-        lazy: _
+        onChange: dX,
+        onInvalidChange: YY,
+        getColumnValues: E,
+        columnTypesPerStep: WY,
+        lazy: v
       })
-    }), r[34] = UY, r[35] = c, r[36] = w, r[37] = qY, r[38] = _, r[39] = uX, r[40] = dX) : dX = r[40];
-    let fX;
-    r[41] === WY ? fX = r[42] : (fX = WY && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = WY, r[35] = c, r[36] = E, r[37] = JY, r[38] = v, r[39] = dX, r[40] = fX) : fX = r[40];
+    let pX;
+    r[41] === GY ? pX = r[42] : (pX = GY && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
         minHeight: "215px",
         maxHeight: "215px",
-        code: WY,
+        code: GY,
         language: "python"
       })
-    }), r[41] = WY, r[42] = fX);
-    let pX;
-    r[43] === GY ? pX = r[44] : (pX = GY && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = GY, r[42] = pX);
+    let mX;
+    r[43] === KY ? mX = r[44] : (mX = KY && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
         minHeight: "215px",
         maxHeight: "215px",
-        code: GY,
+        code: KY,
         language: "sql"
       })
-    }), r[43] = GY, r[44] = pX);
-    let mX;
-    r[45] !== ZY || r[46] !== lX || r[47] !== dX || r[48] !== fX || r[49] !== pX ? (mX = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = KY, r[44] = mX);
+    let hX;
+    r[45] !== QY || r[46] !== uX || r[47] !== fX || r[48] !== pX || r[49] !== mX ? (hX = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: ZY,
+      onValueChange: QY,
       children: [
-        lX,
-        dX,
+        uX,
         fX,
-        pX
+        pX,
+        mX
       ]
-    }), r[45] = ZY, r[46] = lX, r[47] = dX, r[48] = fX, r[49] = pX, r[50] = mX) : mX = r[50];
-    let hX;
-    r[51] === IY ? hX = r[52] : (hX = IY && (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: IY
-    }), r[51] = IY, r[52] = hX);
-    let gX = zY || "", _X = BY ?? 0, vX = KY ?? 0, yX = VY || Arrays.EMPTY, bX = BY && BY > 5 || false, xX;
-    r[53] !== O || r[54] !== HY || r[55] !== M || r[56] !== d || r[57] !== E || r[58] !== f || r[59] !== gX || r[60] !== _X || r[61] !== vX || r[62] !== yX || r[63] !== bX ? (xX = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[45] = QY, r[46] = uX, r[47] = fX, r[48] = pX, r[49] = mX, r[50] = hX) : hX = r[50];
+    let gX;
+    r[51] === LY ? gX = r[52] : (gX = LY && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+      error: LY
+    }), r[51] = LY, r[52] = gX);
+    let _X = BY || "", vX = VY ?? 0, yX = qY ?? 0, bX = HY || Arrays.EMPTY, xX = VY && VY > 5 || false, SX;
+    r[53] !== d || r[54] !== M || r[55] !== UY || r[56] !== I || r[57] !== f || r[58] !== O || r[59] !== _ || r[60] !== _X || r[61] !== vX || r[62] !== yX || r[63] !== bX || r[64] !== xX ? (SX = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: gX,
+      data: _X,
       hasStableRowId: false,
-      totalRows: _X,
-      totalColumns: vX,
+      totalRows: vX,
+      totalColumns: yX,
       maxColumns: "all",
-      pageSize: d,
+      pageSize: f,
       pagination: true,
-      fieldTypes: HY,
-      rowHeaders: yX,
-      showDownload: f,
-      download_as: O,
+      fieldTypes: UY,
+      rowHeaders: bX,
+      showDownload: _,
+      downloadFileName: d,
+      download_as: M,
       enableSearch: false,
       showFilters: false,
-      search: E,
+      search: O,
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: bX,
+      showPageSizeSelector: xX,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -86915,16 +86925,16 @@ ${c}
       setValue: Functions.NOOP,
       selection: null,
       lazy: false,
-      host: M
-    }), r[53] = O, r[54] = HY, r[55] = M, r[56] = d, r[57] = E, r[58] = f, r[59] = gX, r[60] = _X, r[61] = vX, r[62] = yX, r[63] = bX, r[64] = xX) : xX = r[64];
-    let SX;
-    return r[65] !== mX || r[66] !== hX || r[67] !== xX ? (SX = (0, import_jsx_runtime.jsxs)("div", {
+      host: I
+    }), r[53] = d, r[54] = M, r[55] = UY, r[56] = I, r[57] = f, r[58] = O, r[59] = _, r[60] = _X, r[61] = vX, r[62] = yX, r[63] = bX, r[64] = xX, r[65] = SX) : SX = r[65];
+    let CX;
+    return r[66] !== hX || r[67] !== gX || r[68] !== SX ? (CX = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        mX,
         hX,
-        xX
+        gX,
+        SX
       ]
-    }), r[65] = mX, r[66] = hX, r[67] = xX, r[68] = SX) : SX = r[68], SX;
+    }), r[66] = hX, r[67] = gX, r[68] = SX, r[69] = CX) : CX = r[69], CX;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -94113,7 +94123,7 @@ ${c}
         setValue: e.setValue
       });
     }
-  }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-CmsrWWji.js").then((e) => ({
+  }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-C9vQQj4X.js").then((e) => ({
     default: e.Plot
   }))), SUNBURST_DATA_KEYS = [
     "color",
@@ -94131,7 +94141,7 @@ ${c}
     "value"
   ], TREE_MAP_DATA_KEYS = SUNBURST_DATA_KEYS;
   const PlotlyComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$30.c)(34), { figure: c, value: d, setValue: f, config: _ } = e, v = useScript("https://cdn.jsdelivr.net/npm/mathjax-full@3.2.2/es5/tex-mml-svg.min.js") === "ready", y;
+    let r = (0, import_compiler_runtime$30.c)(37), { figure: c, value: d, setValue: f, config: _ } = e, v = useScript("https://cdn.jsdelivr.net/npm/mathjax-full@3.2.2/es5/tex-mml-svg.min.js") === "ready", y;
     r[0] !== v || r[1] !== c || r[2] !== d ? (y = {
       originalFigure: c,
       initialValue: d,
@@ -94196,16 +94206,24 @@ ${c}
     }, r[19] = f, r[20] = HY);
     let UY = useEvent_default(HY), WY;
     r[21] === f ? WY = r[22] : (WY = (e2) => {
+      e2 && e2.points.some(_temp5$1) && f((r2) => ({
+        ...r2,
+        points: extractPoints(e2.points),
+        indices: e2.points.map(_temp6)
+      }));
+    }, r[21] = f, r[22] = WY);
+    let GY = useEvent_default(WY), KY;
+    r[23] === f ? KY = r[24] : (KY = (e2) => {
       e2 && f((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
         points: extractPoints(e2.points),
-        indices: e2.points.map(_temp5$1),
+        indices: e2.points.map(_temp7),
         range: e2.range
       }));
-    }, r[21] = f, r[22] = WY);
-    let GY = useEvent_default(WY), KY = S.frames ?? void 0, qY = useEvent_default(_temp6), JY;
-    return r[23] !== S || r[24] !== w || r[25] !== IY || r[26] !== VY || r[27] !== UY || r[28] !== GY || r[29] !== KY || r[30] !== qY || r[31] !== LY || r[32] !== zY ? (JY = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[23] = f, r[24] = KY);
+    let qY = useEvent_default(KY), JY = S.frames ?? void 0, YY = useEvent_default(_temp8), XY;
+    return r[25] !== S || r[26] !== w || r[27] !== IY || r[28] !== VY || r[29] !== UY || r[30] !== GY || r[31] !== qY || r[32] !== JY || r[33] !== YY || r[34] !== LY || r[35] !== zY ? (XY = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...S,
       layout: w,
       onRelayout: LY,
@@ -94213,20 +94231,32 @@ ${c}
       onTreemapClick: VY,
       onSunburstClick: UY,
       config: IY,
-      onSelected: GY,
+      onClick: GY,
+      onSelected: qY,
       className: "w-full",
       useResizeHandler: true,
-      frames: KY,
-      onError: qY
-    }), r[23] = S, r[24] = w, r[25] = IY, r[26] = VY, r[27] = UY, r[28] = GY, r[29] = KY, r[30] = qY, r[31] = LY, r[32] = zY, r[33] = JY) : JY = r[33], JY;
+      frames: JY,
+      onError: YY
+    }), r[25] = S, r[26] = w, r[27] = IY, r[28] = VY, r[29] = UY, r[30] = GY, r[31] = qY, r[32] = JY, r[33] = YY, r[34] = LY, r[35] = zY, r[36] = XY) : XY = r[36], XY;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
+  var STANDARD_POINT_KEYS = [
+    "x",
+    "y",
+    "z",
+    "lat",
+    "lon",
+    "curveNumber",
+    "pointNumber",
+    "pointIndex"
+  ];
   function extractPoints(e) {
     if (!e) return [];
     let r;
     return e.map((e2) => {
+      var _a2;
       let c = Array.isArray(e2.data.hovertemplate) ? e2.data.hovertemplate[0] : e2.data.hovertemplate;
-      return r = r ? r.update(c) : createParser(c), r.parse(e2);
+      return !c || ((_a2 = e2.data) == null ? void 0 : _a2.type) === "heatmap" ? pick_default(e2, STANDARD_POINT_KEYS) : (r = r ? r.update(c) : createParser(c), r.parse(e2));
     });
   }
   function _temp$7(e) {
@@ -94248,9 +94278,16 @@ ${c}
     return pick_default(e, SUNBURST_DATA_KEYS);
   }
   function _temp5$1(e) {
-    return e.pointIndex;
+    var _a2;
+    return ((_a2 = e.data) == null ? void 0 : _a2.type) === "heatmap";
   }
   function _temp6(e) {
+    return e.pointIndex;
+  }
+  function _temp7(e) {
+    return e.pointIndex;
+  }
+  function _temp8(e) {
     Logger.error("PlotlyPlugin: ", e);
   }
   var import_compiler_runtime$29 = require_compiler_runtime(), RadioPlugin = class {
@@ -102159,7 +102196,7 @@ ${c}
     }), r[12] = y, r[13] = z, r[14] = G) : G = r[14], G;
   };
   var import_compiler_runtime$1 = require_compiler_runtime(), VerticalLayoutRenderer = (e) => {
-    let r = (0, import_compiler_runtime$1.c)(34), { cells: c, appConfig: d, mode: f } = e, { invisible: _ } = useDelayVisibility(c.length, f), v = useAtomValue(kioskModeAtom), y = useAtomValue(kernelStateAtom), [S] = useResolvedMarimoConfig(), w = useAtomValue(showCodeInRunModeAtom), E;
+    let r = (0, import_compiler_runtime$1.c)(37), { cells: c, appConfig: d, mode: f } = e, { invisible: _ } = useDelayVisibility(c.length, f), v = useAtomValue(kioskModeAtom), y = useAtomValue(kernelStateAtom), [S] = useResolvedMarimoConfig(), w = useAtomValue(showCodeInRunModeAtom), E;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = new URLSearchParams(window.location.search), r[0] = E) : E = r[0];
     let O = E, M;
     r[1] !== v || r[2] !== w ? (M = () => {
@@ -102224,32 +102261,33 @@ ${c}
     }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: c.map(LY)
     }), r[14] = d.width, r[15] = c, r[16] = _, r[17] = y, r[18] = LY, r[19] = RY) : RY = r[19];
-    let zY = RY, BY;
-    r[20] !== q || r[21] !== zY || r[22] !== I ? (BY = I && q ? (0, import_jsx_runtime.jsxs)("div", {
-      className: "flex flex-col gap-5",
-      children: [
-        " ",
-        zY()
-      ]
-    }) : zY(), r[20] = q, r[21] = zY, r[22] = I, r[23] = BY) : BY = r[23];
-    let VY;
-    r[24] !== q || r[25] !== f || r[26] !== I ? (VY = f === "read" && (0, import_jsx_runtime.jsx)(ActionButtons, {
+    let zY = RY, BY = I && q && "gap-5", VY;
+    r[20] === BY ? VY = r[21] : (VY = cn("flex flex-col", BY), r[20] = BY, r[21] = VY);
+    let HY;
+    r[22] === zY ? HY = r[23] : (HY = zY(), r[22] = zY, r[23] = HY);
+    let UY;
+    r[24] !== VY || r[25] !== HY ? (UY = (0, import_jsx_runtime.jsx)("div", {
+      className: VY,
+      children: HY
+    }), r[24] = VY, r[25] = HY, r[26] = UY) : UY = r[26];
+    let WY;
+    r[27] !== q || r[28] !== f || r[29] !== I ? (WY = f === "read" && (0, import_jsx_runtime.jsx)(ActionButtons, {
       canShowCode: q,
       showCode: I,
       onToggleShowCode: () => z(_temp2$1)
-    }), r[24] = q, r[25] = f, r[26] = I, r[27] = VY) : VY = r[27];
-    let HY;
-    r[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (HY = (0, import_jsx_runtime.jsx)(FloatingOutline, {}), r[28] = HY) : HY = r[28];
-    let UY;
-    return r[29] !== d || r[30] !== _ || r[31] !== BY || r[32] !== VY ? (UY = (0, import_jsx_runtime.jsxs)(VerticalLayoutWrapper, {
+    }), r[27] = q, r[28] = f, r[29] = I, r[30] = WY) : WY = r[30];
+    let GY;
+    r[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (GY = (0, import_jsx_runtime.jsx)(FloatingOutline, {}), r[31] = GY) : GY = r[31];
+    let KY;
+    return r[32] !== d || r[33] !== _ || r[34] !== WY || r[35] !== UY ? (KY = (0, import_jsx_runtime.jsxs)(VerticalLayoutWrapper, {
       invisible: _,
       appConfig: d,
       children: [
-        BY,
-        VY,
-        HY
+        UY,
+        WY,
+        GY
       ]
-    }), r[29] = d, r[30] = _, r[31] = BY, r[32] = VY, r[33] = UY) : UY = r[33], UY;
+    }), r[32] = d, r[33] = _, r[34] = WY, r[35] = UY, r[36] = KY) : KY = r[36], KY;
   }, ActionButtons = (e) => {
     let r = (0, import_compiler_runtime$1.c)(26), { canShowCode: c, showCode: d, onToggleShowCode: f } = e, { readCode: _ } = useRequestClient(), v = _temp3, y = _temp4, S;
     r[0] === _ ? S = r[1] : (S = async () => {