@marimo-team/islands 0.23.2-dev48 → 0.23.2-dev50

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 { $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-DIDd7H4Z.js";
+import { $t as requestClientAtom, A as MarimoIncomingMessageEvent, An as Trigger2, At as MarkdownLanguageAdapter, B as DotFilledIcon, Bn as FileText, Bt as adaptForLocalStorage, Cn as atomWithStorage, Ct as getCellDomProps, D as AccordionContent, Dn as Content2$1, Dt as normalizeName, E as Accordion, En as Close$1, Et as isInternalCellName, F as BorderAllIcon, Fn as NotebookPen, Ft as goToCellLine, G as base64ToDataView, Gn as CircleAlert, Gt as DATA_TYPE_ICON, H as PinRightIcon, Hn as Database, In as LoaderCircle, It as DeferredRequestRegistry, J as extractBase64FromDataURL, Jn as import_lib, K as base64ToUint8Array, Kn as Braces, Kt as getDataTypeColor, L as CheckIcon, Ln as Layers, Lt as generateUUID, M as MarimoValueReadyEvent, Mn as Trash2, Mt as PathBuilder, N as MarimoValueUpdateEvent, Nn as Table2, Nt as Paths, O as AccordionItem, On as Item$1, Ot as Checkbox, P as createInputEvent, Pn as PaintRoller, Q as hasRunAnyCellAtom, Qt as getRequestClient, R as ChevronDownIcon, Rn as Info, Rt as useChromeActions, Sn as atomWithReducer, St as DATA_CELL_ID, Tt as getValidName, U as deserializeBlob, Un as Columns2, Ut as PluralWord, V as PinLeftIcon, Vn as Eye, Vt as jotaiJsonStorage, Wn as CircleX, Wt as PluralWords, X as safeExtractSetUIElementMessageBuffers, Y as isDataURLString, Z as renderHTML, Zt as convertStatsName, _ as useExpandedConsoleOutput, _n as OBJECT_ID_ATTR, _t as outputIsLoading, a as toPng, an as getTracebackInfo, at as numColumnsAtom, b as getDatasourceContext, bn as jsonToMarkdown, bt as headingToIdentifier, c as useCellFocusActions, cn as filenameAtom, ct as useCellIds, d as Spinner, dn as parseInitialValue, dt as AnsiUp, en as useRequestClient, et as createActions, f as Popover$1, fn as CellOutputId, ft as getInitialAppMode, g as isOutputEmpty, gn as findCellId, gt as viewStateAtom, h as PopoverTrigger, hn as UIElementId, ht as useInstallAllowed, i as PythonIcon, in as extractAllTracebackInfo, it as notebookOutline, j as MarimoValueInputEvent, jn as Wrench, k as AccordionTrigger, kn as Root2$4, kt as customPythonLanguageSupport, l as useLastFocusedCellId, ln as parseAttrValue, lt as useCellNames, m as PopoverContent, mn as SCRATCH_CELL_ID, mt as kioskModeAtom, n as blobToString, nt as getCellNames, o as MarkdownRenderer, on as NotebookScopedLocalStorage, ot as reducer, p as PopoverClose$1, pn as HTMLCellId, pt as initialModeAtom, q as dataViewToBase64, qn as esm_default$1, qt as require_client, r as filesToBase64, rn as elementContainsMarimoCellFile, rt as notebookAtom, s as LazyAnyLanguageCodeMirror, st as useCellActions, t as processOutput, tn as isUninstantiated, tt as getCellEditorView, u as maybeAddAltairImport, un as parseDataset, ut as createCell, v as useExpandedOutput, vn as RANDOM_ID_ATTR, vt as outputIsStale, wn as selectAtom, wt as displayCellName, xn as jsonToTSV, xt as sanitizeHtml, yn as jsonParseWithSpecialChar, yt as isErrorMime, z as ChevronRightIcon, zn as File, zt as repl, __tla as __tla_0 } from "./process-output-DQxp17Bc.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";
@@ -10510,7 +10510,7 @@ Defaulting to \`null\`.`;
   function set$1(e, r, c) {
     return e == null ? e : _baseSet_default(e, r, c);
   }
-  var set_default = set$1, import_compiler_runtime$143 = require_compiler_runtime(), hydratedMap = /* @__PURE__ */ new WeakMap();
+  var set_default = set$1, import_compiler_runtime$144 = require_compiler_runtime(), hydratedMap = /* @__PURE__ */ new WeakMap();
   function useHydrateAtoms(e, r) {
     let c = useStore(r), d = getHydratedSet(c);
     for (let [f, ...h] of e) (!d.has(f) || (r == null ? void 0 : r.dangerouslyForceHydrate)) && (d.add(f), c.set(f, ...h));
@@ -13806,7 +13806,7 @@ Defaulting to \`null\`.`;
   }
   repl(MODEL_MANAGER, "MODEL_MANAGER");
   var NavigationMenu = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$143.c)(16), d, f, h, _;
+    let c = (0, import_compiler_runtime$144.c)(16), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: f, children: d, orientation: h, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let y = h === "horizontal" && "max-w-max flex-1 items-center justify-center", S = h === "vertical" && "", w;
     c[5] !== f || c[6] !== y || c[7] !== S ? (w = cn(y, S, "relative z-10", f), c[5] = f, c[6] = y, c[7] = S, c[8] = w) : w = c[8];
@@ -13836,7 +13836,7 @@ Defaulting to \`null\`.`;
       orientation: "horizontal"
     }
   }), NavigationMenuList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$143.c)(11), d, f, h;
+    let c = (0, import_compiler_runtime$144.c)(11), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, orientation: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] !== d || c[5] !== f ? (_ = cn(navigationMenuListStyle({
@@ -13861,7 +13861,7 @@ Defaulting to \`null\`.`;
       orientation: "horizontal"
     }
   }), NavigationMenuTrigger = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$143.c)(12), d, f, h;
+    let c = (0, import_compiler_runtime$144.c)(12), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: f, children: d, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] === f ? _ = c[5] : (_ = cn(navigationMenuTriggerStyle(), "group", f), c[4] = f, c[5] = _);
@@ -13884,7 +13884,7 @@ Defaulting to \`null\`.`;
   });
   NavigationMenuTrigger.displayName = Trigger$1.displayName;
   var NavigationMenuContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$143.c)(9), d, f;
+    let c = (0, import_compiler_runtime$144.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", d), c[3] = d, c[4] = h);
@@ -13897,7 +13897,7 @@ Defaulting to \`null\`.`;
   });
   NavigationMenuContent.displayName = Content$1.displayName;
   var NavigationMenuLink = Link, NavigationMenuViewport = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$143.c)(10), d, f;
+    let c = (0, import_compiler_runtime$144.c)(10), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = cn("absolute left-0 top-full flex justify-center"), c[3] = h) : h = c[3];
@@ -13915,7 +13915,7 @@ Defaulting to \`null\`.`;
   });
   NavigationMenuViewport.displayName = Viewport.displayName;
   var NavigationMenuIndicator = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$143.c)(10), d, f;
+    let c = (0, import_compiler_runtime$144.c)(10), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", d), c[3] = d, c[4] = h);
@@ -13932,7 +13932,7 @@ Defaulting to \`null\`.`;
     }), c[6] = f, c[7] = r, c[8] = h, c[9] = y) : y = c[9], y;
   });
   NavigationMenuIndicator.displayName = Indicator$2.displayName;
-  var import_compiler_runtime$142 = require_compiler_runtime(), NavigationMenuPlugin = class {
+  var import_compiler_runtime$143 = require_compiler_runtime(), NavigationMenuPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-nav-menu");
       __publicField(this, "menuItemValidator", object({
@@ -13961,7 +13961,7 @@ Defaulting to \`null\`.`;
       });
     }
   }, NavMenuComponent = (e) => {
-    let r = (0, import_compiler_runtime$142.c)(13), { items: c, orientation: d } = e, f = _temp$38, h = _temp2$25, _ = _temp3$17, v;
+    let r = (0, import_compiler_runtime$143.c)(13), { items: c, orientation: d } = e, f = _temp$37, h = _temp2$25, _ = _temp3$17, v;
     r[0] === d ? v = r[1] : (v = (e2) => "items" in e2 ? d === "horizontal" ? (0, import_jsx_runtime.jsx)(NavigationMenu, {
       orientation: "horizontal",
       children: (0, import_jsx_runtime.jsx)(NavigationMenuList, {
@@ -14042,7 +14042,7 @@ Defaulting to \`null\`.`;
       children: w
     }), r[10] = d, r[11] = w, r[12] = E) : E = r[12], E;
   }, ListItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$142.c)(19), d, f, h, _;
+    let c = (0, import_compiler_runtime$143.c)(19), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: f, label: h, children: d, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let y;
     c[5] === f ? y = c[6] : (y = cn("block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", f), c[5] = f, c[6] = y);
@@ -14077,7 +14077,7 @@ Defaulting to \`null\`.`;
     }), c[13] = _, c[14] = r, c[15] = y, c[16] = w, c[17] = E, c[18] = O) : O = c[18], O;
   });
   ListItem.displayName = "ListItem";
-  function _temp$38(e, r) {
+  function _temp$37(e, r) {
     return r ? (0, import_jsx_runtime.jsx)(Tooltip, {
       delayDuration: 200,
       content: renderHTML({
@@ -16942,9 +16942,9 @@ Defaulting to \`null\`.`;
         isSelected: _
       }
     }, M.children));
-  }), import_compiler_runtime$141 = require_compiler_runtime();
+  }), import_compiler_runtime$142 = require_compiler_runtime();
   const LocaleProvider = (e) => {
-    let r = (0, import_compiler_runtime$141.c)(5), { children: c } = e, d = useAtomValue(localeAtom), f;
+    let r = (0, import_compiler_runtime$142.c)(5), { children: c } = e, d = useAtomValue(localeAtom), f;
     r[0] === d ? f = r[1] : (f = safeLocale(d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)($18f2051aff69b9bf$export$a54013f0d02a8f82, {
@@ -17923,9 +17923,9 @@ Defaulting to \`null\`.`;
       r,
       d.name
     ]), null;
-  }), import_compiler_runtime$140 = require_compiler_runtime();
+  }), import_compiler_runtime$141 = require_compiler_runtime();
   const EmotionCacheProvider = (e) => {
-    let r = (0, import_compiler_runtime$140.c)(6), { container: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$141.c)(6), { container: c, children: d } = e, f;
     bb0: {
       if (!c) {
         let e3;
@@ -23093,9 +23093,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
         })
       })
     });
-  }, import_compiler_runtime$139 = require_compiler_runtime();
+  }, import_compiler_runtime$140 = require_compiler_runtime();
   const HtmlOutput = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$139.c)(10), { html: c, inline: d, className: f, alwaysSanitizeHtml: h } = e, _ = d === void 0 ? false : d;
+    let r = (0, import_compiler_runtime$140.c)(10), { html: c, inline: d, className: f, alwaysSanitizeHtml: h } = e, _ = d === void 0 ? false : d;
     if (!c) return null;
     let y = !_, S;
     r[0] !== f || r[1] !== _ || r[2] !== y ? (S = cn(f, {
@@ -23114,9 +23114,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
     }), r[7] = S, r[8] = w, r[9] = E) : E = r[9], E;
   });
   HtmlOutput.displayName = "HtmlOutput";
-  var import_compiler_runtime$138 = require_compiler_runtime();
+  var import_compiler_runtime$139 = require_compiler_runtime();
   const ImageOutput = (e) => {
-    let r = (0, import_compiler_runtime$138.c)(8), { src: c, alt: d, width: f, height: h, className: _ } = e, v = d === void 0 ? "" : d, y;
+    let r = (0, import_compiler_runtime$139.c)(8), { src: c, alt: d, width: f, height: h, className: _ } = e, v = d === void 0 ? "" : d, y;
     r[0] !== v || r[1] !== h || r[2] !== c || r[3] !== f ? (y = (0, import_jsx_runtime.jsx)("img", {
       src: c,
       alt: v,
@@ -23129,9 +23129,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
       children: y
     }), r[5] = _, r[6] = y, r[7] = S) : S = r[7], S;
   };
-  var import_compiler_runtime$137 = require_compiler_runtime();
+  var import_compiler_runtime$138 = require_compiler_runtime();
   const Kbd = (e) => {
-    let r = (0, import_compiler_runtime$137.c)(5), c;
+    let r = (0, import_compiler_runtime$138.c)(5), c;
     r[0] === e.className ? c = r[1] : (c = clsx_default(e.className, "rounded-md bg-muted/40 px-2 text-[0.75rem] font-prose center border border-foreground/20 text-muted-foreground block whitespace-nowrap"), r[0] = e.className, r[1] = c);
     let d;
     return r[2] !== e.children || r[3] !== c ? (d = (0, import_jsx_runtime.jsx)("kbd", {
@@ -23139,9 +23139,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
       children: e.children
     }), r[2] = e.children, r[3] = c, r[4] = d) : d = r[4], d;
   };
-  var import_compiler_runtime$136 = require_compiler_runtime();
+  var import_compiler_runtime$137 = require_compiler_runtime();
   const ExternalLink$1 = (e) => {
-    let r = (0, import_compiler_runtime$136.c)(3), { href: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$137.c)(3), { href: c, children: d } = e, f;
     return r[0] !== d || r[1] !== c ? (f = (0, import_jsx_runtime.jsx)("a", {
       href: c,
       target: "_blank",
@@ -23312,17 +23312,17 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     os: "os",
     re: "re",
     sys: "sys"
-  }, import_compiler_runtime$135 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
+  }, import_compiler_runtime$136 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
   function useFixMode() {
-    let e = (0, import_compiler_runtime$135.c)(3), [r, c] = useAtom(fixModeAtom), d;
+    let e = (0, import_compiler_runtime$136.c)(3), [r, c] = useAtom(fixModeAtom), d;
     return e[0] !== r || e[1] !== c ? (d = {
       fixMode: r,
       setFixMode: c
     }, e[0] = r, e[1] = c, e[2] = d) : d = e[2], d;
   }
-  var import_compiler_runtime$134 = require_compiler_runtime();
+  var import_compiler_runtime$135 = require_compiler_runtime();
   const AutoFixButton = (e) => {
-    let r = (0, import_compiler_runtime$134.c)(21), { errors: c, cellId: d, className: f } = e, h = useStore(), { createNewCell: _ } = useCellActions(), y = useAtomValue(aiEnabledAtom), S;
+    let r = (0, import_compiler_runtime$135.c)(21), { errors: c, cellId: d, className: f } = e, h = useStore(), { createNewCell: _ } = useCellActions(), y = useAtomValue(aiEnabledAtom), S;
     if (r[0] !== y || r[1] !== c) {
       let e2;
       r[3] === y ? e2 = r[4] : (e2 = (e3) => getAutoFixes(e3, {
@@ -23383,7 +23383,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   };
   var PromptIcon = Sparkles, AutofixIcon = Wrench, PromptTitle = "Suggest a prompt", AutofixTitle = "Fix with AI";
   const AIFixButton = (e) => {
-    let r = (0, import_compiler_runtime$134.c)(21), { tooltip: c, openPrompt: d, applyAutofix: f } = e, { fixMode: h, setFixMode: _ } = useFixMode(), v = h === "prompt" ? d : f, y;
+    let r = (0, import_compiler_runtime$135.c)(21), { tooltip: c, openPrompt: d, applyAutofix: f } = e, { fixMode: h, setFixMode: _ } = useFixMode(), v = h === "prompt" ? d : f, y;
     r[0] === h ? y = r[1] : (y = h === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-3 w-3 mr-2 mb-0.5"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -23452,7 +23452,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), r[18] = G, r[19] = E, r[20] = q) : q = r[20], q;
   };
   var AiModeItem = (e) => {
-    let r = (0, import_compiler_runtime$134.c)(12), { mode: c } = e, d;
+    let r = (0, import_compiler_runtime$135.c)(12), { mode: c } = e, d;
     r[0] === c ? d = r[1] : (d = c === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-4 w-4"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -23489,9 +23489,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   function useFilename() {
     return useAtomValue(filenameAtom);
   }
-  var import_compiler_runtime$132 = require_compiler_runtime();
+  var import_compiler_runtime$133 = require_compiler_runtime();
   const CellLink = (e) => {
-    let r = (0, import_compiler_runtime$132.c)(12), { className: c, cellId: d, variant: f, onClick: h, formatCellName: _, skipScroll: y } = e, S = useCellNames()[d] ?? "", w = useCellIds().inOrderIds.indexOf(d), { showCellIfHidden: E } = useCellActions(), O = _ ?? _temp$37, M;
+    let r = (0, import_compiler_runtime$133.c)(12), { className: c, cellId: d, variant: f, onClick: h, formatCellName: _, skipScroll: y } = e, S = useCellNames()[d] ?? "", w = useCellIds().inOrderIds.indexOf(d), { showCellIfHidden: E } = useCellActions(), O = _ ?? _temp$36, M;
     r[0] === c ? M = r[1] : (M = cn("inline-block cursor-pointer text-link hover:underline", c), r[0] = c, r[1] = M);
     let I;
     r[2] !== d || r[3] !== h || r[4] !== E || r[5] !== y || r[6] !== f ? (I = (e2) => {
@@ -23511,13 +23511,13 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       children: z
     }), r[8] = M, r[9] = I, r[10] = z, r[11] = Y7) : Y7 = r[11], Y7;
   }, CellLinkError = (e) => {
-    let r = (0, import_compiler_runtime$132.c)(2), c;
+    let r = (0, import_compiler_runtime$133.c)(2), c;
     return r[0] === e ? c = r[1] : (c = (0, import_jsx_runtime.jsx)(CellLink, {
       ...e,
       variant: "destructive"
     }), r[0] = e, r[1] = c), c;
   }, CellLinkTraceback = (e) => {
-    let r = (0, import_compiler_runtime$132.c)(10), { cellId: c, lineNumber: d } = e, f = useFilename(), h;
+    let r = (0, import_compiler_runtime$133.c)(10), { cellId: c, lineNumber: d } = e, f = useFilename(), h;
     r[0] !== c || r[1] !== d ? (h = () => goToCellLine(c, d), r[0] = c, r[1] = d, r[2] = h) : h = r[2];
     let _;
     r[3] !== c || r[4] !== f ? (_ = (e2) => c === "__scratch__" ? "scratch" : `marimo://${f || "untitled"}#cell=${e2}`, r[3] = c, r[4] = f, r[5] = _) : _ = r[5];
@@ -23542,7 +23542,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       f.classList.remove("focus-outline");
     }, 2e3)), true);
   }
-  function _temp$37(e) {
+  function _temp$36(e) {
     return e;
   }
   const showAddPackageToast = (e, r) => {
@@ -23614,7 +23614,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       value: e2
     });
   }
-  var import_compiler_runtime$131 = require_compiler_runtime(), ansiUp = new AnsiUp();
+  var import_compiler_runtime$132 = require_compiler_runtime(), ansiUp = new AnsiUp();
   const cleanAnsiCodes = (e) => {
     let r = RegExp("\x1B\\[[0-9;]*m", "g");
     return e.replaceAll(r, "");
@@ -23682,7 +23682,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     });
   }
   var InstallPackageLink = (e) => {
-    let r = (0, import_compiler_runtime$131.c)(6), { packages: c, children: d } = e, { handleInstallPackages: f } = useInstallPackages(), h;
+    let r = (0, import_compiler_runtime$132.c)(6), { packages: c, children: d } = e, { handleInstallPackages: f } = useInstallPackages(), h;
     r[0] !== f || r[1] !== c ? (h = (e2) => {
       f(c), e2.preventDefault();
     }, r[0] = f, r[1] = c, r[2] = h) : h = r[2];
@@ -23750,15 +23750,15 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       replace: (e2) => r(e2)
     })
   }), RenderTextWithLinks = (e) => {
-    let r = (0, import_compiler_runtime$131.c)(4), { text: c } = e, d;
+    let r = (0, import_compiler_runtime$132.c)(4), { text: c } = e, d;
     r[0] === c ? d = r[1] : (d = renderTextWithReplacers(c, composeReplacers(pipInstallReplacer, urlReplacer)), r[0] = c, r[1] = d);
     let f = d, h;
     return r[2] === f ? h = r[3] : (h = (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: f
     }), r[2] = f, r[3] = h), h;
   };
-  var import_compiler_runtime$130 = require_compiler_runtime(), Tip = (e) => {
-    let r = (0, import_compiler_runtime$130.c)(10), c = e.title ?? "Tip", d;
+  var import_compiler_runtime$131 = require_compiler_runtime(), Tip = (e) => {
+    let r = (0, import_compiler_runtime$131.c)(10), c = e.title ?? "Tip", d;
     r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
       className: "pt-2 pb-2 font-normal",
       children: c
@@ -23786,8 +23786,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), r[7] = e.className, r[8] = h, r[9] = _) : _ = r[9], _;
   };
   const MarimoErrorOutput = (e) => {
-    let r = (0, import_compiler_runtime$130.c)(31), { errors: c, cellId: d, className: f } = e, h = useChromeActions(), _ = "This cell wasn't run because it has errors", y = "destructive", S = "text-error";
-    if (c.some(_temp$36)) _ = "Interrupted";
+    let r = (0, import_compiler_runtime$131.c)(31), { errors: c, cellId: d, className: f } = e, h = useChromeActions(), _ = "This cell wasn't run because it has errors", y = "destructive", S = "text-error";
+    if (c.some(_temp$35)) _ = "Interrupted";
     else if (c.some(_temp2$24)) _ = "An internal error occurred";
     else if (c.some(_temp3$16)) _ = "Ancestor prevented from running", y = "default", S = "text-secondary-foreground";
     else if (c.some(_temp4$9)) _ = "Ancestor stopped", y = "default", S = "text-secondary-foreground";
@@ -24154,7 +24154,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[25] = w, r[26] = M, r[27] = I, r[28] = z, r[29] = G, r[30] = q) : q = r[30], q;
   };
-  function _temp$36(e) {
+  function _temp$35(e) {
     return e.type === "interruption";
   }
   function _temp2$24(e) {
@@ -24463,9 +24463,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       })
     }, `sql-error-${r}`);
   }
-  var import_compiler_runtime$129 = require_compiler_runtime();
+  var import_compiler_runtime$130 = require_compiler_runtime();
   const TextOutput = (e) => {
-    let r = (0, import_compiler_runtime$129.c)(13), { text: c, channel: d, wrapText: f } = e, h = d === "stdout" || d === "stderr", _;
+    let r = (0, import_compiler_runtime$130.c)(13), { text: c, channel: d, wrapText: f } = e, h = d === "stdout" || d === "stderr", _;
     r[0] === f ? _ = r[1] : (_ = (e2) => (0, import_jsx_runtime.jsx)("span", {
       className: f ? "whitespace-pre-wrap break-words" : "whitespace-pre",
       children: (0, import_jsx_runtime.jsx)(RenderTextWithLinks, {
@@ -24482,17 +24482,17 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       children: O
     }), r[10] = E, r[11] = O, r[12] = M) : M = r[12], M;
   };
-  var import_compiler_runtime$128 = require_compiler_runtime();
+  var import_compiler_runtime$129 = require_compiler_runtime();
   const VideoOutput = (e) => {
-    let r = (0, import_compiler_runtime$128.c)(3), { src: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$129.c)(3), { src: c, className: d } = e, f;
     return r[0] !== d || r[1] !== c ? (f = (0, import_jsx_runtime.jsx)("iframe", {
       className: d,
       src: c
     }), r[0] = d, r[1] = c, r[2] = f) : f = r[2], f;
   };
-  var import_compiler_runtime$127 = require_compiler_runtime();
+  var import_compiler_runtime$128 = require_compiler_runtime();
   function useOverflowDetection(e, r) {
-    let c = (0, import_compiler_runtime$127.c)(4), d = r === void 0 ? true : r, [f, h] = (0, import_react.useState)(false), _, v;
+    let c = (0, import_compiler_runtime$128.c)(4), d = r === void 0 ? true : r, [f, h] = (0, import_react.useState)(false), _, v;
     return c[0] !== d || c[1] !== e ? (_ = () => {
       let r2 = e.current;
       if (!r2 || !d) return;
@@ -24589,9 +24589,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   const LazyVegaEmbed = import_react.lazy(() => import("./react-vega-BFLRzgl7.js").then((e) => ({
     default: e.VegaEmbed
   })));
-  var import_compiler_runtime$126 = require_compiler_runtime();
+  var import_compiler_runtime$127 = require_compiler_runtime();
   const ChartLoadingState = () => {
-    let e = (0, import_compiler_runtime$126.c)(1), r;
+    let e = (0, import_compiler_runtime$127.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2 justify-center",
       children: [
@@ -24605,7 +24605,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), e[0] = r) : r = e[0], r;
   }, ChartErrorState = (e) => {
-    let r = (0, import_compiler_runtime$126.c)(2), { error: c } = e, d;
+    let r = (0, import_compiler_runtime$127.c)(2), { error: c } = e, d;
     return r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)("div", {
       className: "flex items-center justify-center",
       children: (0, import_jsx_runtime.jsx)(ErrorBanner, {
@@ -24613,7 +24613,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       })
     }), r[0] = c, r[1] = d), d;
   }, ChartInfoState = (e) => {
-    let r = (0, import_compiler_runtime$126.c)(8), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$127.c)(8), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col items-center justify-center gap-4", d), r[0] = d, r[1] = f);
     let h;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = (0, import_jsx_runtime.jsx)(ChartPie, {
@@ -24633,8 +24633,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[5] = f, r[6] = _, r[7] = y) : y = r[7], y;
   };
-  var import_compiler_runtime$125 = require_compiler_runtime(), Tabs = Root2, TabsList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$125.c)(9), d, f;
+  var import_compiler_runtime$126 = require_compiler_runtime(), Tabs = Root2, TabsList = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$126.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("inline-flex max-h-14 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", d), c[3] = d, c[4] = h);
@@ -24647,7 +24647,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TabsList.displayName = List.displayName;
   var TabsTrigger = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$125.c)(9), d, f;
+    let c = (0, import_compiler_runtime$126.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", d), c[3] = d, c[4] = h);
@@ -24660,7 +24660,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TabsTrigger.displayName = Trigger.displayName;
   var TabsContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$125.c)(9), d, f;
+    let c = (0, import_compiler_runtime$126.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2", d), c[3] = d, c[4] = h);
@@ -24672,9 +24672,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), c[5] = f, c[6] = r, c[7] = h, c[8] = _) : _ = c[8], _;
   });
   TabsContent.displayName = Content.displayName;
-  var import_compiler_runtime$124 = require_compiler_runtime();
+  var import_compiler_runtime$125 = require_compiler_runtime();
   const WithLocale = (e) => {
-    let r = (0, import_compiler_runtime$124.c)(3), { children: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
+    let r = (0, import_compiler_runtime$125.c)(3), { children: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
     return r[0] !== c || r[1] !== d ? (f = c(d), r[0] = c, r[1] = d, r[2] = f) : f = r[2], f;
   };
   function tzName(e, r, c = "long") {
@@ -25493,8 +25493,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   function smartMatchFilter(e, r, c) {
     return smartMatch(r, e) ? 1 : c && smartMatch(r, c) ? 0.8 : 0;
   }
-  var import_compiler_runtime$123 = require_compiler_runtime(), Command = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$123.c)(9), d, f;
+  var import_compiler_runtime$124 = require_compiler_runtime(), Command = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$124.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", d), c[3] = d, c[4] = h);
@@ -25508,7 +25508,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   Command.displayName = _e$1.displayName;
   var CommandInput = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$123.c)(19), d, f, h, _;
+    let c = (0, import_compiler_runtime$124.c)(19), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: d, icon: f, rootClassName: _, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let y;
     c[5] === _ ? y = c[6] : (y = cn("flex items-center border-b px-3", _), c[5] = _, c[6] = y);
@@ -25536,7 +25536,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandInput.displayName = _e$1.Input.displayName;
   var CommandList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$123.c)(9), d, f;
+    let c = (0, import_compiler_runtime$124.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("max-h-[300px] overflow-y-auto overflow-x-hidden", d), c[3] = d, c[4] = h);
@@ -25549,7 +25549,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandList.displayName = _e$1.List.displayName;
   var CommandEmpty = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$123.c)(3), d;
+    let c = (0, import_compiler_runtime$124.c)(3), d;
     return c[0] !== e || c[1] !== r ? (d = (0, import_jsx_runtime.jsx)(_e$1.Empty, {
       ref: r,
       className: "py-6 text-center text-sm",
@@ -25558,7 +25558,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandEmpty.displayName = _e$1.Empty.displayName;
   var CommandGroup = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$123.c)(9), d, f;
+    let c = (0, import_compiler_runtime$124.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", d), c[3] = d, c[4] = h);
@@ -25571,7 +25571,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandGroup.displayName = _e$1.Group.displayName;
   var CommandSeparator = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$123.c)(9), d, f;
+    let c = (0, import_compiler_runtime$124.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = menuSeparatorVariants({
@@ -25586,7 +25586,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   CommandSeparator.displayName = _e$1.Separator.displayName;
   var CommandItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$123.c)(17), d, f, h, _, y;
+    let c = (0, import_compiler_runtime$124.c)(17), d, f, h, _, y;
     if (c[0] !== r || c[1] !== e) {
       let { className: S2, variant: w, inset: E, ...O } = e;
       d = _e$1.Item, f = r, c[7] !== S2 || c[8] !== E || c[9] !== w ? (h = cn(menuItemVariants({
@@ -25603,9 +25603,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), c[11] = d, c[12] = f, c[13] = h, c[14] = _, c[15] = y, c[16] = S) : S = c[16], S;
   });
   CommandItem.displayName = _e$1.Item.displayName;
-  var import_compiler_runtime$122 = require_compiler_runtime();
+  var import_compiler_runtime$123 = require_compiler_runtime();
   const DraggablePopover = (e) => {
-    let r = (0, import_compiler_runtime$122.c)(25), c, d, f;
+    let r = (0, import_compiler_runtime$123.c)(25), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ children: c, className: d, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
@@ -25845,7 +25845,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       negate: false
     };
   }
-  var import_compiler_runtime$121 = require_compiler_runtime(), WHITESPACE_CHARS = {
+  var import_compiler_runtime$122 = require_compiler_runtime(), WHITESPACE_CHARS = {
     " ": {
       marker: "\u2423",
       name: "space"
@@ -25918,7 +25918,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }
   };
   function SentinelCell(e) {
-    let r = (0, import_compiler_runtime$121.c)(15), { sentinel: c } = e, d = SENTINEL_CONFIG[c.type], f;
+    let r = (0, import_compiler_runtime$122.c)(15), { sentinel: c } = e, d = SENTINEL_CONFIG[c.type], f;
     r[0] !== d || r[1] !== c.value ? (f = d.label(c.value), r[0] = d, r[1] = c.value, r[2] = f) : f = r[2];
     let h = f, _;
     r[3] !== d || r[4] !== c.value ? (_ = d.tooltip(c.value), r[3] = d, r[4] = c.value, r[5] = _) : _ = r[5];
@@ -27982,7 +27982,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     ],
     unknown: []
   };
-  var import_compiler_runtime$120 = require_compiler_runtime();
+  var import_compiler_runtime$121 = require_compiler_runtime();
   function renderFormatOptions(e, r) {
     var _a3, _b3, _c3;
     let c = (_a3 = e.columnDef.meta) == null ? void 0 : _a3.dataType, d = c ? formatOptions[c] : [];
@@ -28181,7 +28181,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }) : null;
   }
   const ClearFilterMenuItem = (e) => {
-    let r = (0, import_compiler_runtime$120.c)(5), { column: c } = e, d;
+    let r = (0, import_compiler_runtime$121.c)(5), { column: c } = e, d;
     r[0] === c ? d = r[1] : (d = () => c.setFilterValue(void 0), r[0] = c, r[1] = d);
     let f;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (0, import_jsx_runtime.jsx)(FunnelX, {
@@ -28211,7 +28211,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     });
   }
   const FilterButtons = (e) => {
-    let r = (0, import_compiler_runtime$120.c)(8), { onApply: c, onClear: d, clearButtonDisabled: f } = e, h;
+    let r = (0, import_compiler_runtime$121.c)(8), { onApply: c, onClear: d, clearButtonDisabled: f } = e, h;
     r[0] === c ? h = r[1] : (h = (0, import_jsx_runtime.jsx)(Button, {
       variant: "link",
       size: "sm",
@@ -28236,9 +28236,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[5] = h, r[6] = _, r[7] = v) : v = r[7], v;
   };
-  var import_compiler_runtime$119 = require_compiler_runtime();
+  var import_compiler_runtime$120 = require_compiler_runtime();
   const MimeCell = (e) => {
-    let r = (0, import_compiler_runtime$119.c)(6), { value: c } = e, d;
+    let r = (0, import_compiler_runtime$120.c)(6), { value: c } = e, d;
     r[0] !== c.data || r[1] !== c.mimetype ? (d = {
       channel: "output",
       data: c.data,
@@ -28904,9 +28904,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let [r, c] = import_react.useState(e), [d, f] = import_react.useState(null);
     return e !== r && (f(r), c(e)), d;
   }
-  var import_compiler_runtime$118 = require_compiler_runtime();
+  var import_compiler_runtime$119 = require_compiler_runtime();
   const DelayMount = (e) => {
-    let r = (0, import_compiler_runtime$118.c)(13), { milliseconds: c, children: d, fallback: f, visibility: h, threshold: _, rootMargin: v } = e, y = h === void 0 ? false : h, S = _ === void 0 ? 0 : _, w = v === void 0 ? "0px" : v, [E, O] = (0, import_react.useState)(false), [M, I] = (0, import_react.useState)(false), z;
+    let r = (0, import_compiler_runtime$119.c)(13), { milliseconds: c, children: d, fallback: f, visibility: h, threshold: _, rootMargin: v } = e, y = h === void 0 ? false : h, S = _ === void 0 ? 0 : _, w = v === void 0 ? "0px" : v, [E, O] = (0, import_react.useState)(false), [M, I] = (0, import_react.useState)(false), z;
     r[0] !== w || r[1] !== S ? (z = {
       threshold: S,
       root: null,
@@ -28937,9 +28937,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       children: n9
     }), r[10] = t9, r[11] = n9, r[12] = r9) : r9 = r[12], r9;
   };
-  var import_compiler_runtime$117 = require_compiler_runtime();
+  var import_compiler_runtime$118 = require_compiler_runtime();
   const DatePopover = (e) => {
-    let r = (0, import_compiler_runtime$117.c)(15), { date: c, type: d, children: f } = e;
+    let r = (0, import_compiler_runtime$118.c)(15), { date: c, type: d, children: f } = e;
     if (!c || Number.isNaN(new Date(c).getTime())) return f;
     let h;
     r[0] === c ? h = r[1] : (h = new Date(c), r[0] = c, r[1] = h);
@@ -28979,7 +28979,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), r[12] = w, r[13] = E, r[14] = O) : O = r[14], O;
   };
   var TimezoneDisplay = (e) => {
-    let r = (0, import_compiler_runtime$117.c)(26), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
+    let r = (0, import_compiler_runtime$118.c)(26), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
     r[0] === d ? f = r[1] : (f = Intl.DateTimeFormat(d).resolvedOptions(), r[0] = d, r[1] = f);
     let h = f.timeZone, _ = c.getUTCMilliseconds() !== 0, v;
     r[2] === _ ? v = r[3] : (v = _ ? {
@@ -29055,7 +29055,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[23] = G, r[24] = M, r[25] = q) : q = r[25], q;
   }, DateDisplay = (e) => {
-    let r = (0, import_compiler_runtime$117.c)(6), { date: c } = e, d;
+    let r = (0, import_compiler_runtime$118.c)(6), { date: c } = e, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
       timeZone: "UTC",
       dateStyle: "long"
@@ -29067,7 +29067,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       children: h
     }), r[4] = h, r[5] = _), _;
   }, RelativeTime = (e) => {
-    let r = (0, import_compiler_runtime$117.c)(6), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f, h;
+    let r = (0, import_compiler_runtime$118.c)(6), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f, h;
     if (r[0] !== c || r[1] !== d) {
       h = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -29119,7 +29119,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     return r[4] === f ? _ = r[5] : (_ = (0, import_jsx_runtime.jsx)("span", {
       children: f
     }), r[4] = f, r[5] = _), _;
-  }, import_compiler_runtime$116 = require_compiler_runtime(), hashString = (e) => {
+  }, import_compiler_runtime$117 = require_compiler_runtime(), hashString = (e) => {
     let r = 0;
     for (let c = 0; c < e.length; c++) {
       let d = e.charCodeAt(c);
@@ -29136,7 +29136,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     return d;
   };
   const ChartSkeleton = (e) => {
-    let r = (0, import_compiler_runtime$116.c)(11), { seed: c, width: d, height: f } = e, h = d / 9, _ = f - 15, v;
+    let r = (0, import_compiler_runtime$117.c)(11), { seed: c, width: d, height: f } = e, h = d / 9, _ = f - 15, v;
     if (r[0] !== h || r[1] !== f || r[2] !== c || r[3] !== _ || r[4] !== d) {
       let e2 = generateHeights({
         numBars: 9,
@@ -30141,11 +30141,11 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }
   }, __publicField(_g, "EMPTY", new _g([], {}, {}, {}, {}, {
     includeCharts: false
-  })), _g), import_compiler_runtime$115 = require_compiler_runtime();
+  })), _g), import_compiler_runtime$116 = require_compiler_runtime();
   const ColumnChartContext = import_react.createContext(ColumnChartSpecModel.EMPTY);
   var batchedLoader = createBatchedLoader();
   const TableColumnSummary = (e) => {
-    let r = (0, import_compiler_runtime$115.c)(21), { columnId: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f = import_react.use(ColumnChartContext), { theme: h } = useTheme(), _, v, y;
+    let r = (0, import_compiler_runtime$116.c)(21), { columnId: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f = import_react.use(ColumnChartContext), { theme: h } = useTheme(), _, v, y;
     if (r[0] !== f || r[1] !== c || r[2] !== d || r[3] !== h) {
       let { spec: e2, type: S2, stats: w } = f.getHeaderSummary(c), E = null;
       if (e2) {
@@ -30356,8 +30356,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let f = e.at(-1);
     return c.push(f), c;
   }
-  var import_compiler_runtime$114 = require_compiler_runtime(), ImageWithFallback = (e) => {
-    let r = (0, import_compiler_runtime$114.c)(14), { url: c } = e, [d, f] = (0, import_react.useState)(false), [h, _] = (0, import_react.useState)(false);
+  var import_compiler_runtime$115 = require_compiler_runtime(), ImageWithFallback = (e) => {
+    let r = (0, import_compiler_runtime$115.c)(14), { url: c } = e, [d, f] = (0, import_react.useState)(false), [h, _] = (0, import_react.useState)(false);
     if (d) {
       let e2;
       return r[0] === c ? e2 = r[1] : (e2 = (0, import_jsx_runtime.jsx)(URLAnchor, {
@@ -30431,7 +30431,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     return r.some((e2) => c.has(e2.type));
   }
   const MarkdownUrlDetector = (e) => {
-    let r = (0, import_compiler_runtime$114.c)(4), { content: c, parts: d } = e;
+    let r = (0, import_compiler_runtime$115.c)(4), { content: c, parts: d } = e;
     if (isMarkdown(c)) {
       let e2;
       return r[0] === c ? e2 = r[1] : (e2 = (0, import_jsx_runtime.jsx)(MarkdownRenderer, {
@@ -30448,7 +30448,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     url: e2.url
   }, r) : e2.value);
   var URLAnchor = (e) => {
-    let r = (0, import_compiler_runtime$114.c)(3), { url: c } = e, d;
+    let r = (0, import_compiler_runtime$115.c)(3), { url: c } = e, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = Events.stopPropagation(), r[0] = d) : d = r[0];
     let f;
     return r[1] === c ? f = r[2] : (f = (0, import_jsx_runtime.jsx)("a", {
@@ -30816,8 +30816,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       maximumFractionDigits: maxFractionalDigits(c)
     }).format(e);
   };
-  var import_compiler_runtime$113 = require_compiler_runtime(), Table = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$113.c)(9), d, f;
+  var import_compiler_runtime$114 = require_compiler_runtime(), Table = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$114.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("w-full caption-bottom text-sm", d), c[3] = d, c[4] = h);
@@ -30833,7 +30833,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   Table.displayName = "Table";
   var TableHeader = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$113.c)(9), d, f;
+    let c = (0, import_compiler_runtime$114.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("[&_tr]:border-b bg-background", d), c[3] = d, c[4] = h);
@@ -30846,7 +30846,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableHeader.displayName = "TableHeader";
   var TableBody = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$113.c)(9), d, f;
+    let c = (0, import_compiler_runtime$114.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("[&_tr:last-child]:border-0", d), c[3] = d, c[4] = h);
@@ -30859,7 +30859,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableBody.displayName = "TableBody";
   var TableFooter = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$113.c)(9), d, f;
+    let c = (0, import_compiler_runtime$114.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("bg-primary font-medium text-primary-foreground", d), c[3] = d, c[4] = h);
@@ -30872,7 +30872,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableFooter.displayName = "TableFooter";
   var TableRow = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$113.c)(9), d, f;
+    let c = (0, import_compiler_runtime$114.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("border-b transition-colors bg-background hover:bg-(--slate-2) data-[state=selected]:bg-(--slate-3)", d), c[3] = d, c[4] = h);
@@ -30885,7 +30885,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableRow.displayName = "TableRow";
   var TableHead = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$113.c)(9), d, f;
+    let c = (0, import_compiler_runtime$114.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", d), c[3] = d, c[4] = h);
@@ -30898,7 +30898,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableHead.displayName = "TableHead";
   var TableCell = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$113.c)(9), d, f;
+    let c = (0, import_compiler_runtime$114.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("p-1.5 align-middle [&:has([role=checkbox])]:pr-0", d), c[3] = d, c[4] = h);
@@ -30911,7 +30911,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   TableCell.displayName = "TableCell";
   var TableCaption = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$113.c)(9), d, f;
+    let c = (0, import_compiler_runtime$114.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn("mt-4 text-sm text-muted-foreground", d), c[3] = d, c[4] = h);
@@ -32292,7 +32292,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     });
   }
   PanelResizeHandle.displayName = "PanelResizeHandle";
-  var import_compiler_runtime$112 = require_compiler_runtime(), toggleVariants = cva(cn("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"), {
+  var import_compiler_runtime$113 = require_compiler_runtime(), toggleVariants = cva(cn("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"), {
     variants: {
       variant: {
         default: "bg-transparent",
@@ -32310,7 +32310,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       size: "default"
     }
   }), Toggle = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$112.c)(13), d, f, h, _;
+    let c = (0, import_compiler_runtime$113.c)(13), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: d, variant: _, size: h, ...f } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let y;
     c[5] !== d || c[6] !== h || c[7] !== _ ? (y = cn(toggleVariants({
@@ -32333,12 +32333,12 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   }, contextAwarePanelOwner = atom(null), contextAwarePanelType = atom(null), contextAwarePanelOpen = atom(false);
   atom(false);
   const isCellAwareAtom = atom(false);
-  var import_compiler_runtime$111 = require_compiler_runtime();
+  var import_compiler_runtime$112 = require_compiler_runtime();
   const PANEL_TYPES = {
     ROW_VIEWER: "row-viewer",
     COLUMN_EXPLORER: "column-explorer"
   }, ContextAwarePanelItem = (e) => {
-    let r = (0, import_compiler_runtime$111.c)(2), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$112.c)(2), { children: c } = e, d;
     return r[0] === c ? d = r[1] : (d = (0, import_jsx_runtime.jsx)(ErrorBoundary, {
       children: (0, import_jsx_runtime.jsx)(Fill, {
         name: SlotNames.CONTEXT_AWARE_PANEL,
@@ -32537,9 +32537,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ...e
     ];
   }
-  var import_compiler_runtime$110 = require_compiler_runtime();
+  var import_compiler_runtime$111 = require_compiler_runtime();
   function useScrollContainerHeight(e) {
-    let r = (0, import_compiler_runtime$110.c)(8), { maxHeight: c, virtualize: d } = e, f = (0, import_react.useRef)(null), h, _;
+    let r = (0, import_compiler_runtime$111.c)(8), { maxHeight: c, virtualize: d } = e, f = (0, import_react.useRef)(null), h, _;
     r[0] !== c || r[1] !== d ? (h = () => {
       if (!f.current) return;
       let e2 = f.current.parentElement;
@@ -33136,9 +33136,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     var _a3;
     window.getSelection && ((_a3 = window.getSelection()) == null ? void 0 : _a3.empty());
   };
-  var import_compiler_runtime$109 = require_compiler_runtime();
+  var import_compiler_runtime$110 = require_compiler_runtime();
   const CellSelectionProvider = (e) => {
-    let r = (0, import_compiler_runtime$109.c)(3), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$110.c)(3), { children: c } = e, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = [
       cellSelectionStateAtom
     ], r[0] = d) : d = r[0];
@@ -33693,8 +33693,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ...e
     });
   }
-  var import_compiler_runtime$108 = require_compiler_runtime(), ContextMenu = Root2$3, ContextMenuTrigger = Trigger$2, ContextMenuPortal = withFullScreenAsRoot(Portal2), InternalContextMenuContent = withSmartCollisionBoundary(Content2), InternalContextMenuSubContent = withSmartCollisionBoundary(SubContent2), ContextMenuSubTrigger = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(14), d, f, h, _;
+  var import_compiler_runtime$109 = require_compiler_runtime(), ContextMenu = Root2$3, ContextMenuTrigger = Trigger$2, ContextMenuPortal = withFullScreenAsRoot(Portal2), InternalContextMenuContent = withSmartCollisionBoundary(Content2), InternalContextMenuSubContent = withSmartCollisionBoundary(SubContent2), ContextMenuSubTrigger = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$109.c)(14), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: f, inset: h, children: d, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] !== f || c[6] !== h ? (v = menuSubTriggerVariants({
@@ -33718,7 +33718,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuSubTrigger.displayName = SubTrigger2.displayName;
   var contentCommon = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", ContextMenuSubContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn(menuContentCommon({
@@ -33733,7 +33733,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuSubContent.displayName = SubContent2.displayName;
   var ContextMenuContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(15), d, f, h;
+    let c = (0, import_compiler_runtime$109.c)(15), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, scrollable: h, ...f } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _ = h === void 0 ? true : h, y;
     c[4] !== d || c[5] !== _ ? (y = cn(menuContentCommon(), contentCommon, _ && "overflow-auto", d), c[4] = d, c[5] = _, c[6] = y) : y = c[6];
@@ -33756,7 +33756,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuContent.displayName = Content2.displayName;
   var ContextMenuItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(13), d, f, h, _;
+    let c = (0, import_compiler_runtime$109.c)(13), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: d, inset: f, variant: _, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] !== d || c[6] !== f || c[7] !== _ ? (v = menuItemVariants({
@@ -33773,7 +33773,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuItem.displayName = Item2$1.displayName;
   var ContextMenuCheckboxItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(15), d, f, h, _;
+    let c = (0, import_compiler_runtime$109.c)(15), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: h, children: f, checked: d, ..._ } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let v;
     c[5] === h ? v = c[6] : (v = menuControlVariants({
@@ -33804,7 +33804,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuCheckboxItem.displayName = CheckboxItem2.displayName;
   var ContextMenuRadioItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(13), d, f, h;
+    let c = (0, import_compiler_runtime$109.c)(13), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: f, children: d, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] === f ? _ = c[5] : (_ = menuControlCheckVariants({
@@ -33834,7 +33834,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuRadioItem.displayName = RadioItem2.displayName;
   var ContextMenuLabel = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(11), d, f, h;
+    let c = (0, import_compiler_runtime$109.c)(11), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, inset: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] !== d || c[5] !== f ? (_ = menuLabelVariants({
@@ -33850,7 +33850,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   });
   ContextMenuLabel.displayName = Label2.displayName;
   var ContextMenuSeparator = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$108.c)(9), d, f;
+    let c = (0, import_compiler_runtime$109.c)(9), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h;
     c[3] === d ? h = c[4] : (h = cn(menuSeparatorVariants({
@@ -33864,9 +33864,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), c[5] = f, c[6] = r, c[7] = h, c[8] = _) : _ = c[8], _;
   });
   ContextMenuSeparator.displayName = Separator2.displayName;
-  var import_compiler_runtime$107 = require_compiler_runtime();
+  var import_compiler_runtime$108 = require_compiler_runtime();
   const DataTableContextMenu = (e) => {
-    let r = (0, import_compiler_runtime$107.c)(12), { contextMenuRef: c, tableBody: d, tableRef: f, copyAllCells: _ } = e, v;
+    let r = (0, import_compiler_runtime$108.c)(12), { contextMenuRef: c, tableBody: d, tableRef: f, copyAllCells: _ } = e, v;
     r[0] !== c || r[1] !== f ? (v = (e2) => {
       var _a3;
       let r2 = c.current;
@@ -33966,9 +33966,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     });
   };
-  var import_compiler_runtime$106 = require_compiler_runtime();
+  var import_compiler_runtime$107 = require_compiler_runtime();
   const CellRangeSelectionIndicator = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$106.c)(9), { cellId: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$107.c)(9), { cellId: c, className: d } = e, f;
     r[0] === c ? f = r[1] : (f = createCellStateAtom(c), r[0] = c, r[1] = f);
     let { isSelected: h, isCopied: _ } = useAtomValue(f);
     if (!h && !_) return null;
@@ -33981,9 +33981,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }), r[6] = c, r[7] = w, r[8] = E) : E = r[8], E;
   });
   CellRangeSelectionIndicator.displayName = "CellRangeSelectionIndicator";
-  var import_compiler_runtime$105 = require_compiler_runtime();
+  var import_compiler_runtime$106 = require_compiler_runtime();
   const useCellRangeSelection = (e) => {
-    let r = (0, import_compiler_runtime$105.c)(30), { table: c } = e, d = useCellSelectionReducerActions(), f;
+    let r = (0, import_compiler_runtime$106.c)(30), { table: c } = e, d = useCellSelectionReducerActions(), f;
     r[0] !== d || r[1] !== c ? (f = () => {
       d.handleCopy({
         table: c,
@@ -34074,9 +34074,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let r = e.target;
     return r === e.currentTarget || !(r instanceof Element) ? false : r.closest(INTERACTIVE_SELECTOR) !== null;
   }
-  var import_compiler_runtime$104 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
+  var import_compiler_runtime$105 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
   function useScrollIntoViewOnFocus(e) {
-    let r = (0, import_compiler_runtime$104.c)(2), c;
+    let r = (0, import_compiler_runtime$105.c)(2), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       (r2 == null ? void 0 : r2.cellId) && setTimeout(() => {
         var _a3;
@@ -34600,9 +34600,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     e === "too_many" ? "Unknown" : prettifyRowCount(e, c),
     `${prettyNumber(r, c)} ${new PluralWord("column").pluralize(r)}`
   ].join(", ");
-  var import_compiler_runtime$103 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
+  var import_compiler_runtime$104 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
   const CellSelectionStats = (e) => {
-    let r = (0, import_compiler_runtime$103.c)(21), { table: c, className: d } = e, { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), h = useAtomValue(selectedCellsAtom), _ = countDataCellsInSelection(h);
+    let r = (0, import_compiler_runtime$104.c)(21), { table: c, className: d } = e, { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), h = useAtomValue(selectedCellsAtom), _ = countDataCellsInSelection(h);
     if (_ < 2) {
       let e2;
       r[0] === d ? e2 = r[1] : (e2 = cn("text-xs text-muted-foreground/80 italic", d), r[0] = d, r[1] = e2);
@@ -34645,7 +34645,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
   var formatNumber = (e, r) => e.toLocaleString(r, {
     maximumFractionDigits: MAX_FRACTION_DIGITS
   }), StatSpan = (e) => {
-    let r = (0, import_compiler_runtime$103.c)(6), { name: c, value: d, locale: f } = e, h;
+    let r = (0, import_compiler_runtime$104.c)(6), { name: c, value: d, locale: f } = e, h;
     r[0] !== f || r[1] !== d ? (h = formatNumber(d, f), r[0] = f, r[1] = d, r[2] = h) : h = r[2];
     let _;
     return r[3] !== c || r[4] !== h ? (_ = (0, import_jsx_runtime.jsxs)("span", {
@@ -34656,18 +34656,18 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[3] = c, r[4] = h, r[5] = _) : _ = r[5], _;
   }, CountStat = (e) => {
-    let r = (0, import_compiler_runtime$103.c)(3), { count: c, locale: d } = e, f;
+    let r = (0, import_compiler_runtime$104.c)(3), { count: c, locale: d } = e, f;
     return r[0] !== c || r[1] !== d ? (f = (0, import_jsx_runtime.jsx)(StatSpan, {
       name: "Count",
       value: c,
       locale: d
     }), r[0] = c, r[1] = d, r[2] = f) : f = r[2], f;
   }, SumStat = (e) => {
-    let r = (0, import_compiler_runtime$103.c)(6), { numericValues: c, locale: d } = e;
+    let r = (0, import_compiler_runtime$104.c)(6), { numericValues: c, locale: d } = e;
     if (c.length === 0) return null;
     let f, h;
     if (r[0] !== c) {
-      let e2 = c.reduce(_temp$35, 0);
+      let e2 = c.reduce(_temp$34, 0);
       f = Number, h = e2.toFixed(MAX_FRACTION_DIGITS), r[0] = c, r[1] = f, r[2] = h;
     } else f = r[1], h = r[2];
     let _ = f(h), v;
@@ -34677,7 +34677,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       locale: d
     }), r[3] = d, r[4] = _, r[5] = v) : v = r[5], v;
   }, AverageStat = (e) => {
-    let r = (0, import_compiler_runtime$103.c)(5), { numericValues: c, locale: d } = e;
+    let r = (0, import_compiler_runtime$104.c)(5), { numericValues: c, locale: d } = e;
     if (c.length === 0) return null;
     let f = c.reduce(_temp2$23, 0) / c.length, h;
     r[0] === f ? h = r[1] : (h = f.toFixed(MAX_FRACTION_DIGITS), r[0] = f, r[1] = h);
@@ -34688,7 +34688,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       locale: d
     }), r[2] = _, r[3] = d, r[4] = v) : v = r[4], v;
   };
-  function _temp$35(e, r) {
+  function _temp$34(e, r) {
     return e + r;
   }
   function _temp2$23(e, r) {
@@ -34826,8 +34826,8 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     },
     replace: (e, r) => e.endsWith(`.${r}`) ? e : `${Filenames.withoutExtension(e)}.${r}`
   };
-  var import_cuid2 = require_cuid2(), import_compiler_runtime$102 = require_compiler_runtime(), Progress = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$102.c)(20), d, f, h, _;
+  var import_cuid2 = require_cuid2(), import_compiler_runtime$103 = require_compiler_runtime(), Progress = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$103.c)(20), d, f, h, _;
     c[0] === e ? (d = c[1], f = c[2], h = c[3], _ = c[4]) : ({ className: d, value: _, indeterminate: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h, c[4] = _);
     let y;
     c[5] === d ? y = c[6] : (y = cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", d), c[5] = d, c[6] = y);
@@ -34879,7 +34879,69 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let c = URL.createObjectURL(e);
     downloadByURL(c, r), URL.revokeObjectURL(c);
   }
-  var import_compiler_runtime$101 = require_compiler_runtime(), FILE_TYPES = {
+  var import_compiler_runtime$102 = require_compiler_runtime();
+  const InstallPackageButton = (e) => {
+    let r = (0, import_compiler_runtime$102.c)(13), { packages: c, showMaxPackages: d, className: f, onInstall: h } = e, { handleInstallPackages: _ } = useInstallPackages();
+    if (!c || c.length === 0) return null;
+    let y;
+    r[0] !== _ || r[1] !== h || r[2] !== c ? (y = () => {
+      _(c, h);
+    }, r[0] = _, r[1] = h, r[2] = c, r[3] = y) : y = r[3];
+    let S;
+    r[4] === f ? S = r[5] : (S = cn("ml-2", f), r[4] = f, r[5] = S);
+    let w;
+    r[6] !== c || r[7] !== d ? (w = d ? c.slice(0, d).join(", ") : c.join(", "), r[6] = c, r[7] = d, r[8] = w) : w = r[8];
+    let E;
+    return r[9] !== y || r[10] !== S || r[11] !== w ? (E = (0, import_jsx_runtime.jsxs)(Button, {
+      variant: "outline",
+      size: "xs",
+      onClick: y,
+      className: S,
+      children: [
+        "Install",
+        " ",
+        w
+      ]
+    }), r[9] = y, r[10] = S, r[11] = w, r[12] = E) : E = r[12], E;
+  };
+  var import_compiler_runtime$101 = require_compiler_runtime();
+  const MissingPackagePrompt = (e) => {
+    let r = (0, import_compiler_runtime$101.c)(16), { packages: c, featureName: d, description: f, onInstall: h, className: _ } = e;
+    if (!useInstallAllowed()) {
+      let e2;
+      r[0] === _ ? e2 = r[1] : (e2 = cn("text-xs", _), r[0] = _, r[1] = e2);
+      let c2;
+      return r[2] !== d || r[3] !== e2 ? (c2 = (0, import_jsx_runtime.jsxs)("span", {
+        className: e2,
+        children: [
+          d,
+          " isn't available in this notebook"
+        ]
+      }), r[2] = d, r[3] = e2, r[4] = c2) : c2 = r[4], c2;
+    }
+    let y;
+    r[5] === _ ? y = r[6] : (y = cn("text-xs flex flex-col items-end gap-2", _), r[5] = _, r[6] = y);
+    let S = f || `${d} requires ${c.join(", ")}`, w;
+    r[7] === S ? w = r[8] : (w = (0, import_jsx_runtime.jsx)("span", {
+      className: "self-start",
+      children: S
+    }), r[7] = S, r[8] = w);
+    let E;
+    r[9] !== h || r[10] !== c ? (E = (0, import_jsx_runtime.jsx)(InstallPackageButton, {
+      packages: c,
+      onInstall: h,
+      className: "ml-0"
+    }), r[9] = h, r[10] = c, r[11] = E) : E = r[11];
+    let O;
+    return r[12] !== y || r[13] !== w || r[14] !== E ? (O = (0, import_jsx_runtime.jsxs)("div", {
+      className: y,
+      children: [
+        w,
+        E
+      ]
+    }), r[12] = y, r[13] = w, r[14] = E, r[15] = O) : O = r[15], O;
+  };
+  var import_compiler_runtime$100 = require_compiler_runtime(), FILE_TYPES = {
     CSV: {
       label: "CSV",
       format: "csv",
@@ -34919,9 +34981,12 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     FILE_TYPES.JSON,
     FILE_TYPES.CSV,
     FILE_TYPES.MARKDOWN
-  ];
+  ], labelForDownloadFormat = (e) => {
+    var _a3;
+    return ((_a3 = downloadOptions.find((r) => r.format === e)) == null ? void 0 : _a3.label) ?? e;
+  };
   const ExportMenu = (e) => {
-    let r = (0, import_compiler_runtime$101.c)(29), { locale: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [d, f] = import_react.useState(false), h = d ? "text-primary" : "text-muted-foreground", _;
+    let r = (0, import_compiler_runtime$100.c)(48), { locale: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [d, f] = import_react.useState(false), h = d ? "text-primary" : "text-muted-foreground", _;
     r[0] === h ? _ = r[1] : (_ = cn("print:hidden text-xs gap-1", h), r[0] = h, r[1] = _);
     let y;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (0, import_jsx_runtime.jsx)(Download, {
@@ -34939,139 +35004,159 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[3] = _, r[4] = S);
     let w = S, E;
-    r[5] === e ? E = r[6] : (E = (r2) => e.downloadAs({
-      format: r2
-    }).catch(_temp$34), r[5] = e, r[6] = E);
-    let O = E, M;
-    r[7] !== O || r[8] !== c ? (M = async (e2) => {
-      let r2;
-      bb14: switch (e2) {
-        case "tsv": {
-          let { url: e3 } = await O("json");
-          r2 = jsonToTSV(await fetchJson(e3), c);
-          break bb14;
-        }
-        case "json": {
-          let { url: e3 } = await O("json"), c2 = await fetchJson(e3);
-          r2 = JSON.stringify(c2, null, 2);
-          break bb14;
-        }
-        case "csv": {
-          let { url: e3 } = await O("csv");
-          r2 = await fetchText(e3);
-          break bb14;
-        }
-        case "markdown": {
-          let { url: e3 } = await O("json");
-          r2 = jsonToMarkdown(await fetchJson(e3));
-          break bb14;
-        }
-        default:
-          logNever(e2);
-          return;
-      }
-      await copyToClipboard(r2), toast({
-        title: "Copied to clipboard"
-      });
-    }, r[7] = O, r[8] = c, r[9] = M) : M = r[9];
-    let I = M, z = d ? false : void 0, G;
-    r[10] === w ? G = r[11] : (G = (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
-      asChild: true,
-      children: w
-    }), r[10] = w, r[11] = G);
-    let q;
-    r[12] !== z || r[13] !== G ? (q = (0, import_jsx_runtime.jsx)(Tooltip, {
-      content: "Export",
-      open: z,
-      children: G
-    }), r[12] = z, r[13] = G, r[14] = q) : q = r[14];
-    let X7;
-    r[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X7 = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
-      className: "text-xs text-muted-foreground",
-      children: "Download"
-    }), r[15] = X7) : X7 = r[15];
-    let Z7;
-    r[16] === O ? Z7 = r[17] : (Z7 = downloadOptions.map((e2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
-      onSelect: async () => {
-        let { url: r2, filename: c2 } = await O(e2.format), d2 = e2.format, f2 = (c2 ?? "").trim();
-        downloadByURL(r2, `${Filenames.withoutExtension(f2) || "download"}.${d2}`);
-      },
-      children: [
-        (0, import_jsx_runtime.jsx)(e2.icon, {
-          className: "mo-dropdown-icon"
-        }),
-        (0, import_jsx_runtime.jsxs)("div", {
-          className: "flex flex-col",
-          children: [
-            (0, import_jsx_runtime.jsx)("span", {
-              children: e2.label
-            }),
-            (0, import_jsx_runtime.jsx)("span", {
-              className: "text-xs text-muted-foreground",
-              children: e2.description
-            })
-          ]
+    r[5] === e ? E = r[6] : (E = async (r2, c2) => {
+      let d2;
+      try {
+        d2 = await e.downloadAs({
+          format: r2
+        });
+      } catch (e2) {
+        let r3 = e2;
+        return toast({
+          title: "Failed to download",
+          description: typeof r3 == "object" && r3 && "message" in r3 ? String(r3.message) : String(r3)
+        }), null;
+      }
+      return d2.missing_packages && d2.missing_packages.length > 0 ? (toast({
+        title: "Export failed",
+        description: (0, import_jsx_runtime.jsx)(MissingPackagePrompt, {
+          packages: d2.missing_packages,
+          featureName: `${labelForDownloadFormat(r2)} export`,
+          description: d2.error,
+          onInstall: c2
         })
-      ]
-    }, e2.label)), r[16] = O, r[17] = Z7);
-    let Q7, $7;
-    r[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q7 = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), $7 = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
-      className: "text-xs text-muted-foreground",
-      children: "Copy to clipboard"
-    }), r[18] = Q7, r[19] = $7) : (Q7 = r[18], $7 = r[19]);
-    let n9;
-    r[20] === I ? n9 = r[21] : (n9 = copyOptions.map((e2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
-      onSelect: async () => {
-        try {
-          await I(e2.format);
-        } catch (e3) {
-          toast({
-            title: "Failed to copy to clipboard",
-            description: prettyError(e3),
-            variant: "danger"
-          });
+      }), null) : {
+        url: d2.url,
+        filename: d2.filename
+      };
+    }, r[5] = e, r[6] = E);
+    let O = E, M, I, z, G, q, X7, Z7, Q7, $7, n9, r9, i9, a9;
+    if (r[7] !== w || r[8] !== c || r[9] !== d || r[10] !== O) {
+      let e2 = async (r2) => {
+        let c2 = await O(r2, () => {
+          e2(r2);
+        });
+        if (!c2) return;
+        let d2 = (c2.filename ?? "").trim(), f2 = Filenames.withoutExtension(d2) || "download";
+        downloadByURL(c2.url, `${f2}.${r2}`);
+      }, h2 = async (e3) => {
+        let r2 = await O(e3 === "csv" ? "csv" : "json", () => {
+          h2(e3);
+        });
+        if (!r2) return;
+        let d2;
+        bb59: switch (e3) {
+          case "tsv":
+            d2 = jsonToTSV(await fetchJson(r2.url), c);
+            break bb59;
+          case "json": {
+            let e4 = await fetchJson(r2.url);
+            d2 = JSON.stringify(e4, null, 2);
+            break bb59;
+          }
+          case "csv":
+            d2 = await fetchText(r2.url);
+            break bb59;
+          case "markdown":
+            d2 = jsonToMarkdown(await fetchJson(r2.url));
+            break bb59;
+          default:
+            logNever(e3);
+            return;
         }
-      },
+        await copyToClipboard(d2), toast({
+          title: "Copied to clipboard"
+        });
+      };
+      I = DropdownMenu, q = false, X7 = d, Z7 = f;
+      let _2 = d ? false : void 0, v;
+      r[24] === w ? v = r[25] : (v = (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
+        asChild: true,
+        children: w
+      }), r[24] = w, r[25] = v), r[26] !== _2 || r[27] !== v ? (Q7 = (0, import_jsx_runtime.jsx)(Tooltip, {
+        content: "Export",
+        open: _2,
+        children: v
+      }), r[26] = _2, r[27] = v, r[28] = Q7) : Q7 = r[28], M = DropdownMenuContent, $7 = "bottom", n9 = "print:hidden", r[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r9 = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+        className: "text-xs text-muted-foreground",
+        children: "Download"
+      }), r[29] = r9) : r9 = r[29], i9 = downloadOptions.map((r2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+        onSelect: () => {
+          e2(r2.format);
+        },
+        children: [
+          (0, import_jsx_runtime.jsx)(r2.icon, {
+            className: "mo-dropdown-icon"
+          }),
+          (0, import_jsx_runtime.jsxs)("div", {
+            className: "flex flex-col",
+            children: [
+              (0, import_jsx_runtime.jsx)("span", {
+                children: r2.label
+              }),
+              (0, import_jsx_runtime.jsx)("span", {
+                className: "text-xs text-muted-foreground",
+                children: r2.description
+              })
+            ]
+          })
+        ]
+      }, r2.label)), r[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a9 = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), z = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+        className: "text-xs text-muted-foreground",
+        children: "Copy to clipboard"
+      }), r[30] = z, r[31] = a9) : (z = r[30], a9 = r[31]), G = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+        onSelect: async () => {
+          try {
+            await h2(e3.format);
+          } catch (e4) {
+            toast({
+              title: "Failed to copy to clipboard",
+              description: prettyError(e4),
+              variant: "danger"
+            });
+          }
+        },
+        children: [
+          (0, import_jsx_runtime.jsx)(e3.icon, {
+            className: "mo-dropdown-icon"
+          }),
+          (0, import_jsx_runtime.jsxs)("div", {
+            className: "flex flex-col",
+            children: [
+              (0, import_jsx_runtime.jsx)("span", {
+                children: e3.label
+              }),
+              (0, import_jsx_runtime.jsx)("span", {
+                className: "text-xs text-muted-foreground",
+                children: e3.description
+              })
+            ]
+          })
+        ]
+      }, e3.label)), r[7] = w, r[8] = c, r[9] = d, r[10] = O, r[11] = M, r[12] = I, r[13] = z, r[14] = G, r[15] = q, r[16] = X7, r[17] = Z7, r[18] = Q7, r[19] = $7, r[20] = n9, r[21] = r9, r[22] = i9, r[23] = a9;
+    } else M = r[11], I = r[12], z = r[13], G = r[14], q = r[15], X7 = r[16], Z7 = r[17], Q7 = r[18], $7 = r[19], n9 = r[20], r9 = r[21], i9 = r[22], a9 = r[23];
+    let o9;
+    r[32] !== M || r[33] !== z || r[34] !== G || r[35] !== $7 || r[36] !== n9 || r[37] !== r9 || r[38] !== i9 || r[39] !== a9 ? (o9 = (0, import_jsx_runtime.jsxs)(M, {
+      side: $7,
+      className: n9,
       children: [
-        (0, import_jsx_runtime.jsx)(e2.icon, {
-          className: "mo-dropdown-icon"
-        }),
-        (0, import_jsx_runtime.jsxs)("div", {
-          className: "flex flex-col",
-          children: [
-            (0, import_jsx_runtime.jsx)("span", {
-              children: e2.label
-            }),
-            (0, import_jsx_runtime.jsx)("span", {
-              className: "text-xs text-muted-foreground",
-              children: e2.description
-            })
-          ]
-        })
+        r9,
+        i9,
+        a9,
+        z,
+        G
       ]
-    }, e2.label)), r[20] = I, r[21] = n9);
-    let r9;
-    r[22] !== Z7 || r[23] !== n9 ? (r9 = (0, import_jsx_runtime.jsxs)(DropdownMenuContent, {
-      side: "bottom",
-      className: "print:hidden",
+    }), r[32] = M, r[33] = z, r[34] = G, r[35] = $7, r[36] = n9, r[37] = r9, r[38] = i9, r[39] = a9, r[40] = o9) : o9 = r[40];
+    let s9;
+    return r[41] !== I || r[42] !== q || r[43] !== X7 || r[44] !== Z7 || r[45] !== Q7 || r[46] !== o9 ? (s9 = (0, import_jsx_runtime.jsxs)(I, {
+      modal: q,
+      open: X7,
+      onOpenChange: Z7,
       children: [
-        X7,
-        Z7,
         Q7,
-        $7,
-        n9
-      ]
-    }), r[22] = Z7, r[23] = n9, r[24] = r9) : r9 = r[24];
-    let i9;
-    return r[25] !== d || r[26] !== r9 || r[27] !== q ? (i9 = (0, import_jsx_runtime.jsxs)(DropdownMenu, {
-      modal: false,
-      open: d,
-      onOpenChange: f,
-      children: [
-        q,
-        r9
+        o9
       ]
-    }), r[25] = d, r[26] = r9, r[27] = q, r[28] = i9) : i9 = r[28], i9;
+    }), r[41] = I, r[42] = q, r[43] = X7, r[44] = Z7, r[45] = Q7, r[46] = o9, r[47] = s9) : s9 = r[47], s9;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -35082,12 +35167,6 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       return e2.text();
     });
   }
-  function _temp$34(e) {
-    throw toast({
-      title: "Failed to download",
-      description: "message" in e ? e.message : String(e)
-    }), e;
-  }
   var NOOP_ON_SEARCH = () => {
   };
   const TableTopBar = ({ enableSearch: e, searchQuery: r, onSearchQueryChange: c, reloading: d, showChartBuilder: f, isChartBuilderOpen: h, toggleDisplayHeader: _, showTableExplorer: y, togglePanel: S, isAnyPanelOpen: w, downloadAs: E }) => {
@@ -35370,10 +35449,10 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), e.focus(), true;
   }
-  var import_compiler_runtime$99 = require_compiler_runtime(), KEY$1 = "item";
+  var import_compiler_runtime$98 = require_compiler_runtime(), KEY$1 = "item";
   const MarimoTracebackOutput = (e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$99.c)(47), { onRefactorWithAI: c, traceback: d, cellId: f } = e, h;
+    let r = (0, import_compiler_runtime$98.c)(47), { onRefactorWithAI: c, traceback: d, cellId: f } = e, h;
     r[0] === d ? h = r[1] : (h = renderHTML({
       html: d,
       additionalReplacements: [
@@ -35419,36 +35498,36 @@ ${w}`,
         e9
       ]
     }), r[17] = e9, r[18] = c9, r[19] = l9) : l9 = r[19];
-    let d9;
-    r[20] !== l9 || r[21] !== o9 ? (d9 = (0, import_jsx_runtime.jsxs)("div", {
+    let u9;
+    r[20] !== l9 || r[21] !== o9 ? (u9 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2 h-10 px-2 hover:bg-muted rounded-sm select-none items-center cursor-pointer transition-all",
       onClick: r9,
       children: [
         o9,
         l9
       ]
-    }), r[20] = l9, r[21] = o9, r[22] = d9) : d9 = r[22];
+    }), r[20] = l9, r[21] = o9, r[22] = u9) : u9 = r[22];
     let f9;
     r[23] === _ ? f9 = r[24] : (f9 = (0, import_jsx_runtime.jsx)(AccordionContent, {
       className: "text-muted-foreground px-4 pt-2 text-xs overflow-auto",
       children: _
     }), r[23] = _, r[24] = f9);
-    let m9;
-    r[25] !== d9 || r[26] !== f9 ? (m9 = (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    let p9;
+    r[25] !== u9 || r[26] !== f9 ? (p9 = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY$1,
       className: "border-none",
       children: [
-        d9,
+        u9,
         f9
       ]
-    }), r[25] = d9, r[26] = f9, r[27] = m9) : m9 = r[27];
+    }), r[25] = u9, r[26] = f9, r[27] = p9) : p9 = r[27];
     let h9;
-    r[28] !== m9 || r[29] !== n9 ? (h9 = (0, import_jsx_runtime.jsx)(Accordion, {
+    r[28] !== p9 || r[29] !== n9 ? (h9 = (0, import_jsx_runtime.jsx)(Accordion, {
       type: "single",
       collapsible: true,
       value: n9,
-      children: m9
-    }), r[28] = m9, r[29] = n9, r[30] = h9) : h9 = r[30];
+      children: p9
+    }), r[28] = p9, r[29] = n9, r[30] = h9) : h9 = r[30];
     let g9;
     r[31] !== Z7 || r[32] !== q ? (g9 = q && (0, import_jsx_runtime.jsx)(AIFixButton, {
       tooltip: "Fix with AI",
@@ -35622,7 +35701,7 @@ ${w}`,
     });
   };
   var InsertBreakpointContent = () => {
-    let e = (0, import_compiler_runtime$99.c)(1), r;
+    let e = (0, import_compiler_runtime$98.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         "Insert a ",
@@ -35676,9 +35755,9 @@ ${w}`,
         return "\u2753";
     }
   }
-  var import_compiler_runtime$98 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
+  var import_compiler_runtime$97 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
   const OutputRenderer = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$98.c)(54), { message: c, onRefactorWithAI: d, cellId: f, wrapText: h, metadata: _, renderFallback: v } = e, { theme: y } = useTheme(), S;
+    let r = (0, import_compiler_runtime$97.c)(54), { message: c, onRefactorWithAI: d, cellId: f, wrapText: h, metadata: _, renderFallback: v } = e, { theme: y } = useTheme(), S;
     bb0: {
       let e2 = c.data;
       switch (c.mimetype) {
@@ -35870,7 +35949,7 @@ ${w}`,
   OutputRenderer.displayName = "OutputRenderer";
   var MimeBundleOutputRenderer = (0, import_react.memo)((e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$98.c)(31), { data: c, channel: d, cellId: f } = e, h = Array.isArray(c) ? c[0] : c, { mode: y } = useAtomValue(viewStateAtom), S = y === "present" || y === "read", w = h[METADATA_KEY], E, O, M, I, z, Y7, G, q;
+    let r = (0, import_compiler_runtime$97.c)(31), { data: c, channel: d, cellId: f } = e, h = Array.isArray(c) ? c[0] : c, { mode: y } = useAtomValue(viewStateAtom), S = y === "present" || y === "read", w = h[METADATA_KEY], E, O, M, I, z, Y7, G, q;
     if (r[0] !== S || r[1] !== f || r[2] !== d || r[3] !== w || r[4] !== h) {
       q = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -35941,7 +36020,7 @@ ${w}`,
   });
   MimeBundleOutputRenderer.displayName = "MimeBundleOutputRenderer";
   const OutputArea = import_react.memo((e) => {
-    let r = (0, import_compiler_runtime$98.c)(17), { output: c, cellId: d, stale: f, loading: h, allowExpand: _, forceExpand: y, className: S } = e;
+    let r = (0, import_compiler_runtime$97.c)(17), { output: c, cellId: d, stale: f, loading: h, allowExpand: _, forceExpand: y, className: S } = e;
     if (c == null || c.channel === "output" && c.data === "") return null;
     let w = f ? "This output is stale" : void 0, E = _ ? ExpandableOutput : Div, O;
     r[0] === d ? O = r[1] : (O = CellOutputId.create(d), r[0] = d, r[1] = O);
@@ -35966,7 +36045,7 @@ ${w}`,
   });
   OutputArea.displayName = "OutputArea";
   var Div = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$98.c)(3), d;
+    let c = (0, import_compiler_runtime$97.c)(3), d;
     return c[0] !== e || c[1] !== r ? (d = (0, import_jsx_runtime.jsx)("div", {
       ref: r,
       ...e
@@ -35974,7 +36053,7 @@ ${w}`,
   });
   Div.displayName = "Div";
   var ExpandableOutput = import_react.memo((e) => {
-    let r = (0, import_compiler_runtime$98.c)(24), { cellId: c, children: d, forceExpand: f, ...h } = e, _ = (0, import_react.useRef)(null), [S, w] = useExpandedOutput(c), E = useOverflowDetection(_), { hasFullscreen: O } = useIframeCapabilities(), M;
+    let r = (0, import_compiler_runtime$97.c)(24), { cellId: c, children: d, forceExpand: f, ...h } = e, _ = (0, import_react.useRef)(null), [S, w] = useExpandedOutput(c), E = useOverflowDetection(_), { hasFullscreen: O } = useIframeCapabilities(), M;
     r[0] === O ? M = r[1] : (M = O && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Fullscreen",
       side: "left",
@@ -36085,8 +36164,8 @@ ${w}`,
       })
     }, r);
   }
-  var import_compiler_runtime$97 = require_compiler_runtime(), CopyButton$1 = (e) => {
-    let r = (0, import_compiler_runtime$97.c)(8), { value: c } = e, d = typeof c == "string" && (c.startsWith("text/html:") || c.startsWith("image/") || c.startsWith("video/")), [f, h] = (0, import_react.useState)(false), _;
+  var import_compiler_runtime$96 = require_compiler_runtime(), CopyButton$1 = (e) => {
+    let r = (0, import_compiler_runtime$96.c)(8), { value: c } = e, d = typeof c == "string" && (c.startsWith("text/html:") || c.startsWith("image/") || c.startsWith("video/")), [f, h] = (0, import_react.useState)(false), _;
     r[0] === c ? _ = r[1] : (_ = async (e2) => {
       e2.stopPropagation(), await copyToClipboard(c), h(true), setTimeout(() => h(false), 1e3);
     }, r[0] = c, r[1] = _);
@@ -36109,7 +36188,7 @@ ${w}`,
       children: w
     }), r[5] = y, r[6] = w, r[7] = E) : E = r[7], E;
   }, JSONCopyButton = (e) => {
-    let r = (0, import_compiler_runtime$97.c)(5), c;
+    let r = (0, import_compiler_runtime$96.c)(5), c;
     r[0] === e.value ? c = r[1] : (c = JSON.stringify(e.value, null, 2), r[0] = e.value, r[1] = c);
     let d;
     return r[2] !== e || r[3] !== c ? (d = (0, import_jsx_runtime.jsx)(CopyButton$1, {
@@ -36117,7 +36196,7 @@ ${w}`,
       value: c
     }), r[2] = e, r[3] = c, r[4] = d) : d = r[4], d;
   }, PyCopyButton = (e) => {
-    let r = (0, import_compiler_runtime$97.c)(5), c;
+    let r = (0, import_compiler_runtime$96.c)(5), c;
     r[0] === e.value ? c = r[1] : (c = getCopyValue(e.value), r[0] = e.value, r[1] = c);
     let d;
     return r[2] !== e || r[3] !== c ? (d = (0, import_jsx_runtime.jsx)(CopyButton$1, {
@@ -36126,7 +36205,7 @@ ${w}`,
     }), r[2] = e, r[3] = c, r[4] = d) : d = r[4], d;
   };
   const JsonOutput = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$97.c)(23), { data: c, format: d, name: f, valueTypes: h, className: _ } = e, y = d === void 0 ? "auto" : d, S = f === void 0 ? false : f, w = h === void 0 ? "python" : h, { theme: E } = useTheme();
+    let r = (0, import_compiler_runtime$96.c)(23), { data: c, format: d, name: f, valueTypes: h, className: _ } = e, y = d === void 0 ? "auto" : d, S = f === void 0 ? false : f, w = h === void 0 ? "python" : h, { theme: E } = useTheme();
     y === "auto" && (y = inferBestFormat(c));
     let O;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = {
@@ -36185,7 +36264,7 @@ ${w}`,
     return typeof e == "object" && e ? "tree" : "raw";
   }
   var COLLAPSED_TEXT_LENGTH = 100, CollapsibleTextOutput = (e) => {
-    let r = (0, import_compiler_runtime$97.c)(11), [c, d] = (0, import_react.useState)(true);
+    let r = (0, import_compiler_runtime$96.c)(11), [c, d] = (0, import_react.useState)(true);
     if (e.text.length <= COLLAPSED_TEXT_LENGTH) {
       let c2;
       return r[0] === e.text ? c2 = r[1] : (c2 = (0, import_jsx_runtime.jsx)("span", {
@@ -36394,9 +36473,9 @@ ${w}`,
       return c <= 20 ? void 0 : c >= 50 ? 5 : 10;
     }
   }
-  var import_compiler_runtime$96 = require_compiler_runtime(), Accordion$1 = Root2$4, AccordionContent$1 = Content2$1, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
+  var import_compiler_runtime$95 = require_compiler_runtime(), Accordion$1 = Root2$4, AccordionContent$1 = Content2$1, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
   const BadPluginData = (e) => {
-    let r = (0, import_compiler_runtime$96.c)(16), { error: c, badData: d, shadowRoot: f } = e;
+    let r = (0, import_compiler_runtime$95.c)(16), { error: c, badData: d, shadowRoot: f } = e;
     if (c instanceof ZodError) {
       let e2;
       r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(AlertTitle, {
@@ -36875,9 +36954,9 @@ ${w}`,
       }
     };
   }
-  var import_compiler_runtime$95 = require_compiler_runtime();
+  var import_compiler_runtime$94 = require_compiler_runtime();
   function useAnyWidgetModule(e) {
-    let r = (0, import_compiler_runtime$95.c)(16), { jsUrl: c, jsHash: d } = e, f;
+    let r = (0, import_compiler_runtime$94.c)(16), { jsUrl: c, jsHash: d } = e, f;
     r[0] !== d || r[1] !== c ? (f = async () => await WIDGET_DEF_REGISTRY.getModule(c, d), r[0] = d, r[1] = c, r[2] = f) : f = r[2];
     let h;
     r[3] === d ? h = r[4] : (h = [
@@ -36931,7 +37010,7 @@ ${w}`,
     ...e
   }));
   var AnyWidgetSlot = (e) => {
-    let r = (0, import_compiler_runtime$95.c)(14), { jsUrl: c, jsHash: d, modelId: f } = e.data, h = e.host, _;
+    let r = (0, import_compiler_runtime$94.c)(14), { jsUrl: c, jsHash: d, modelId: f } = e.data, h = e.host, _;
     r[0] !== d || r[1] !== c ? (_ = {
       jsUrl: c,
       jsHash: d
@@ -36972,7 +37051,7 @@ ${w}`,
     return e.default ? typeof e.default == "function" || typeof ((_a3 = e.default) == null ? void 0 : _a3.render) == "function" || typeof ((_b3 = e.default) == null ? void 0 : _b3.initialize) == "function" : false;
   }
   var LoadedSlot = (e) => {
-    let r = (0, import_compiler_runtime$95.c)(9), { widget: c, modelId: d, host: f } = e, _ = (0, import_react.useRef)(null), v, y;
+    let r = (0, import_compiler_runtime$94.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 = () => {
@@ -36988,9 +37067,9 @@ ${w}`,
     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$94 = require_compiler_runtime();
+  }, import_compiler_runtime$93 = require_compiler_runtime();
   const KeyboardHotkeys = (e) => {
-    let r = (0, import_compiler_runtime$94.c)(10), { shortcut: c, className: d } = e;
+    let r = (0, import_compiler_runtime$93.c)(10), { shortcut: c, className: d } = e;
     if (c === NOT_SET || c === "") {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("span", {}), r[0] = e2) : e2 = r[0], e2;
@@ -37226,9 +37305,9 @@ ${w}`,
         return "success";
     }
   }
-  var import_compiler_runtime$93 = require_compiler_runtime();
+  var import_compiler_runtime$92 = require_compiler_runtime();
   const Labeled = (e) => {
-    let r = (0, import_compiler_runtime$93.c)(27), { label: c, children: d, align: f, className: h, labelClassName: _, fullWidth: y, id: S } = e, w = f === void 0 ? "left" : f;
+    let r = (0, import_compiler_runtime$92.c)(27), { label: c, children: d, align: f, className: h, labelClassName: _, fullWidth: y, id: S } = e, w = f === void 0 ? "left" : f;
     if (y && (w = "top"), !c) {
       if (w === "top") {
         let e3;
@@ -37272,7 +37351,7 @@ ${w}`,
       ]
     }), r[23] = d, r[24] = I, r[25] = Z7, r[26] = Q7) : Q7 = r[26], Q7;
   };
-  var import_compiler_runtime$92 = require_compiler_runtime(), CheckboxPlugin = class {
+  var import_compiler_runtime$91 = require_compiler_runtime(), CheckboxPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-checkbox");
       __publicField(this, "validator", object({
@@ -37287,7 +37366,7 @@ ${w}`,
       });
     }
   }, CheckboxComponent = (e) => {
-    let r = (0, import_compiler_runtime$92.c)(11), { value: c, setValue: d, data: f } = e, h;
+    let r = (0, import_compiler_runtime$91.c)(11), { value: c, setValue: d, data: f } = e, h;
     r[0] === d ? h = r[1] : (h = (e2) => {
       e2 !== "indeterminate" && d(e2);
     }, r[0] = d, r[1] = h);
@@ -37306,7 +37385,7 @@ ${w}`,
       id: v,
       children: y
     }), r[7] = f.label, r[8] = v, r[9] = y, r[10] = S) : S = r[10], S;
-  }, import_compiler_runtime$91 = require_compiler_runtime(), CodeEditorPlugin = class {
+  }, import_compiler_runtime$90 = require_compiler_runtime(), CodeEditorPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-code-editor");
       __publicField(this, "validator", object({
@@ -37336,7 +37415,7 @@ ${w}`,
       });
     }
   }, CodeEditorComponent = (e) => {
-    let r = (0, import_compiler_runtime$91.c)(34), { theme: c } = useTheme(), d = e.theme || c, f = e.minHeight ? `${e.minHeight}px` : "70px", h = e.maxHeight ? `${e.maxHeight}px` : void 0, [_, v] = (0, import_react.useState)(e.value), y = Number.isFinite(e.debounce) ? e.debounce : 0, S = !Number.isFinite(e.debounce), w;
+    let r = (0, import_compiler_runtime$90.c)(34), { theme: c } = useTheme(), d = e.theme || c, f = e.minHeight ? `${e.minHeight}px` : "70px", h = e.maxHeight ? `${e.maxHeight}px` : void 0, [_, v] = (0, import_react.useState)(e.value), y = Number.isFinite(e.debounce) ? e.debounce : 0, S = !Number.isFinite(e.debounce), w;
     r[0] !== e.setValue || r[1] !== e.value || r[2] !== y || r[3] !== S ? (w = {
       initialValue: e.value,
       delay: y,
@@ -37407,7 +37486,7 @@ ${w}`,
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-D2Zk7EU6.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-d0C1glXQ.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -37471,9 +37550,9 @@ ${w}`,
       })
     });
   });
-  var dist_default = '.marimo .gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);font:var(--gdg-header-font-style)var(--gdg-font-family);min-height:var(--r17m35ur-0);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.marimo .gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px}.marimo .gdg-c1tqibwd,.marimo .gdg-d19meir1{display:flex}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);left:var(--d19meir1-1);max-height:calc(100vh - var(--d19meir1-4));max-width:400px;min-height:var(--d19meir1-3);min-width:var(--d19meir1-2);text-align:start;top:var(--d19meir1-0);flex-direction:column;width:max-content;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.marimo .gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.marimo .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5)8.5px 3px}.marimo .gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.marimo .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.marimo .gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.marimo .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.marimo .gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.marimo .gdg-b1ygi5by,.marimo .gdg-b1ygi5by .boe-bubble{display:flex}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,10px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:20px;margin:2px;padding:0 8px}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo,.marimo .gdg-u1rrojo .gdg-link-area{flex-grow:1}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.marimo .gdg-u1rrojo .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.marimo .gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.marimo .gdg-n15fjm3e>input{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);padding:0}.marimo .gdg-i2iowwq,.marimo .gdg-i2iowwq .gdg-centering-container{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center}.marimo .gdg-i2iowwq .gdg-centering-container canvas,.marimo .gdg-i2iowwq .gdg-centering-container img{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none}.marimo .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.marimo .gdg-i2iowwq .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:12px;right:0}.marimo .gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.marimo .gdg-m1pnx84e .gdg-spacer{flex:1}.marimo .gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.marimo .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.marimo .gdg-m1pnx84e .gdg-checkmark-hover:hover{background-color:var(--gdg-accent-color);color:#fff}.marimo .gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.marimo .gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.marimo .gdg-d4zsq0x{flex-wrap:wrap}.marimo .gdg-d4zsq0x,.marimo .gdg-d4zsq0x .doe-bubble{display:flex}.marimo .gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);border-radius:var(--gdg-rounding-radius,6px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:24px;margin:2px;padding:0 8px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.marimo .gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.marimo .gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translateZ(0)}.marimo .gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.marimo .gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.marimo .gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.marimo .gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 canvas{outline:none}.marimo .gdg-s1dgczr6 canvas *{height:0}.marimo .gdg-izpuzkl{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);resize:none;white-space:pre-wrap;-webkit-text-fill-color:var(--gdg-text-dark);width:100%;min-width:100%;height:100%;color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;line-height:16px;position:absolute;inset:0;overflow:hidden}.marimo .gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.marimo .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);width:max-content;min-width:100%;max-width:100%;margin:0;padding:0 0 2px;line-height:16px}.marimo .gdg-g1y0xocz{margin-top:6px;position:relative}.marimo .gdg-wmyidgi{height:var(--wmyidgi-1);min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);direction:ltr;position:relative;overflow:clip}.marimo .gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.marimo .gdg-seveqep{background-color:var(--gdg-bg-cell);border:1px solid var(--gdg-border-color);color:var(--gdg-text-dark);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.marimo .gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.marimo .gdg-seveqep .gdg-search-bar-inner{display:flex}.marimo .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.marimo .gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.marimo .gdg-seveqep input{background-color:var(--gdg-bg-cell);color:var(--gdg-textDark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{width:24px;height:24px;color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.marimo .gdg-seveqep button:hover{color:var(--gdg-text-dark)}.marimo .gdg-seveqep button .button-icon{width:16px;height:16px}.marimo .gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.marimo .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.marimo .gdg-mnuv029>*{margin:0}.marimo .gdg-mnuv029 :last-child{margin-bottom:0}.marimo .gdg-mnuv029 p img{width:100%}', import_compiler_runtime$90 = require_compiler_runtime();
+  var dist_default = '.marimo .gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);font:var(--gdg-header-font-style)var(--gdg-font-family);min-height:var(--r17m35ur-0);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.marimo .gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px}.marimo .gdg-c1tqibwd,.marimo .gdg-d19meir1{display:flex}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);left:var(--d19meir1-1);max-height:calc(100vh - var(--d19meir1-4));max-width:400px;min-height:var(--d19meir1-3);min-width:var(--d19meir1-2);text-align:start;top:var(--d19meir1-0);flex-direction:column;width:max-content;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.marimo .gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.marimo .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5)8.5px 3px}.marimo .gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.marimo .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.marimo .gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.marimo .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.marimo .gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.marimo .gdg-b1ygi5by,.marimo .gdg-b1ygi5by .boe-bubble{display:flex}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,10px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:20px;margin:2px;padding:0 8px}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo,.marimo .gdg-u1rrojo .gdg-link-area{flex-grow:1}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.marimo .gdg-u1rrojo .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.marimo .gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.marimo .gdg-n15fjm3e>input{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);padding:0}.marimo .gdg-i2iowwq,.marimo .gdg-i2iowwq .gdg-centering-container{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center}.marimo .gdg-i2iowwq .gdg-centering-container canvas,.marimo .gdg-i2iowwq .gdg-centering-container img{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none}.marimo .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.marimo .gdg-i2iowwq .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:12px;right:0}.marimo .gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.marimo .gdg-m1pnx84e .gdg-spacer{flex:1}.marimo .gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.marimo .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.marimo .gdg-m1pnx84e .gdg-checkmark-hover:hover{background-color:var(--gdg-accent-color);color:#fff}.marimo .gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.marimo .gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.marimo .gdg-d4zsq0x{flex-wrap:wrap}.marimo .gdg-d4zsq0x,.marimo .gdg-d4zsq0x .doe-bubble{display:flex}.marimo .gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);border-radius:var(--gdg-rounding-radius,6px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:24px;margin:2px;padding:0 8px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.marimo .gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.marimo .gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translateZ(0)}.marimo .gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.marimo .gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.marimo .gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.marimo .gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 canvas{outline:none}.marimo .gdg-s1dgczr6 canvas *{height:0}.marimo .gdg-izpuzkl{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);resize:none;white-space:pre-wrap;-webkit-text-fill-color:var(--gdg-text-dark);width:100%;min-width:100%;height:100%;color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;line-height:16px;position:absolute;inset:0;overflow:hidden}.marimo .gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.marimo .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);width:max-content;min-width:100%;max-width:100%;margin:0;padding:0 0 2px;line-height:16px}.marimo .gdg-g1y0xocz{margin-top:6px;position:relative}.marimo .gdg-wmyidgi{height:var(--wmyidgi-1);min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);direction:ltr;position:relative;overflow:clip}.marimo .gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.marimo .gdg-seveqep{background-color:var(--gdg-bg-cell);border:1px solid var(--gdg-border-color);color:var(--gdg-text-dark);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.marimo .gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.marimo .gdg-seveqep .gdg-search-bar-inner{display:flex}.marimo .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.marimo .gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.marimo .gdg-seveqep input{background-color:var(--gdg-bg-cell);color:var(--gdg-textDark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{width:24px;height:24px;color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.marimo .gdg-seveqep button:hover{color:var(--gdg-text-dark)}.marimo .gdg-seveqep button .button-icon{width:16px;height:16px}.marimo .gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.marimo .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.marimo .gdg-mnuv029>*{margin:0}.marimo .gdg-mnuv029 :last-child{margin-bottom:0}.marimo .gdg-mnuv029 p img{width:100%}', import_compiler_runtime$89 = require_compiler_runtime();
   const LoadingTable = (e) => {
-    let r = (0, import_compiler_runtime$90.c)(14), { wrapperClassName: c, className: d, pageSize: f } = e, h = f === void 0 ? 10 : f, _;
+    let r = (0, import_compiler_runtime$89.c)(14), { wrapperClassName: c, className: d, pageSize: f } = e, h = f === void 0 ? 10 : f, _;
     r[0] === c ? _ = r[1] : (_ = cn(c, "flex flex-col space-y-2"), r[0] = c, r[1] = _);
     let y = d || "rounded-md border", S;
     r[2] === y ? S = r[3] : (S = cn(y), r[2] = y, r[3] = S);
@@ -37551,7 +37630,7 @@ ${w}`,
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$89 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BaAX1uv-.js").then(async (m2) => {
+  var import_compiler_runtime$88 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BaAX1uv-.js").then(async (m2) => {
     await m2.__tla;
     return m2;
   }));
@@ -37596,7 +37675,7 @@ ${w}`,
     editableColumns: e.data.editableColumns
   }));
   var LoadingDataEditor = (e) => {
-    let r = (0, import_compiler_runtime$89.c)(31), c;
+    let r = (0, import_compiler_runtime$88.c)(31), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = [], r[0] = c) : c = r[0];
     let [d, f] = (0, import_react.useState)(c), h;
     r[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {}, r[1] = h) : h = r[1];
@@ -39271,8 +39350,8 @@ ${w}`,
       _.height
     ]);
   }
-  var import_compiler_runtime$88 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
-    let r = (0, import_compiler_runtime$88.c)(10), c;
+  var import_compiler_runtime$87 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
+    let r = (0, import_compiler_runtime$87.c)(10), c;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let d;
     r[2] === c.name ? d = r[3] : (d = {
@@ -39288,7 +39367,7 @@ ${w}`,
       children: f
     }, c.name), r[6] = c.name, r[7] = d, r[8] = f, r[9] = h) : h = r[9], h;
   }, useFormField = () => {
-    let e = (0, import_compiler_runtime$88.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: d, formState: f } = useFormContext(), h;
+    let e = (0, import_compiler_runtime$87.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: d, formState: f } = useFormContext(), h;
     e[0] !== r.name || e[1] !== f || e[2] !== d ? (h = d(r.name, f), e[0] = r.name, e[1] = f, e[2] = d, e[3] = h) : h = e[3];
     let _ = h;
     if (!r) throw Error("useFormField should be used within <FormField>");
@@ -39302,7 +39381,7 @@ ${w}`,
       ..._
     }, e[4] = r.name, e[5] = _, e[6] = v, e[7] = y, e[8] = S, e[9] = w, e[10] = E) : E = e[10], E;
   }, FormItemContext = import_react.createContext({}), FormItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$88.c)(14), d, f;
+    let c = (0, import_compiler_runtime$87.c)(14), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let h = import_react.useId(), _;
     c[3] === h ? _ = c[4] : (_ = {
@@ -39324,7 +39403,7 @@ ${w}`,
   });
   FormItem.displayName = "FormItem";
   var FormLabel = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$88.c)(11), d, f;
+    let c = (0, import_compiler_runtime$87.c)(11), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let { error: h, formItemId: _ } = useFormField();
     if (!f.children) return;
@@ -39340,7 +39419,7 @@ ${w}`,
   });
   FormLabel.displayName = "FormLabel";
   var FormControl = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$88.c)(8), d;
+    let c = (0, import_compiler_runtime$87.c)(8), d;
     c[0] === e ? d = c[1] : ({ ...d } = e, c[0] = e, c[1] = d);
     let { error: f, formItemId: h, formDescriptionId: _, formMessageId: v } = useFormField(), y = f ? `${_} ${v}` : _, S = !!f, w;
     return c[2] !== h || c[3] !== d || c[4] !== r || c[5] !== y || c[6] !== S ? (w = (0, import_jsx_runtime.jsx)(Slot$1, {
@@ -39353,7 +39432,7 @@ ${w}`,
   });
   FormControl.displayName = "FormControl";
   var FormDescription = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$88.c)(10), d, f;
+    let c = (0, import_compiler_runtime$87.c)(10), d, f;
     c[0] === e ? (d = c[1], f = c[2]) : ({ className: d, ...f } = e, c[0] = e, c[1] = d, c[2] = f);
     let { formDescriptionId: h } = useFormField();
     if (!f.children) return null;
@@ -39369,7 +39448,7 @@ ${w}`,
   });
   FormDescription.displayName = "FormDescription";
   var FormMessage = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$88.c)(12), d, f, h;
+    let c = (0, import_compiler_runtime$87.c)(12), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: f, children: d, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let { error: _, formMessageId: y } = useFormField(), S = (_ == null ? void 0 : _.message) ? String(_ == null ? void 0 : _.message) : d;
     if (!S) return null;
@@ -39386,7 +39465,7 @@ ${w}`,
   });
   FormMessage.displayName = "FormMessage";
   var FormMessageTooltip = (e) => {
-    let r = (0, import_compiler_runtime$88.c)(7), { className: c } = e, { error: d } = useFormField(), f = (d == null ? void 0 : d.message) ? String(d == null ? void 0 : d.message) : null;
+    let r = (0, import_compiler_runtime$87.c)(7), { className: c } = e, { error: d } = useFormField(), f = (d == null ? void 0 : d.message) ? String(d == null ? void 0 : d.message) : null;
     if (!f) return null;
     let h;
     r[0] === c ? h = r[1] : (h = cn("stroke-[1.8px]", c), r[0] = c, r[1] = h);
@@ -39544,9 +39623,9 @@ ${c}
     saveForm: Functions.NOOP,
     chartType: ChartType.LINE
   }), useChartFormContext = () => (0, import_react.use)(ChartFormContext);
-  var import_compiler_runtime$87 = require_compiler_runtime();
+  var import_compiler_runtime$86 = require_compiler_runtime();
   function useBoolean(e) {
-    let r = (0, import_compiler_runtime$87.c)(6), [c, d] = (0, import_react.useState)(e), f;
+    let r = (0, import_compiler_runtime$86.c)(6), [c, d] = (0, import_react.useState)(e), f;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (e2) => {
       var _a3;
       (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), d(true);
@@ -39576,8 +39655,8 @@ ${c}
   function _temp$27(e) {
     return !e;
   }
-  var import_compiler_runtime$86 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$86.c)(25), { className: d, valueMap: f, ...h } = e, [_, y] = useBoolean(false), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = dist_exports$1, E;
+  var import_compiler_runtime$85 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$85.c)(25), { className: d, valueMap: f, ...h } = e, [_, y] = useBoolean(false), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = dist_exports$1, E;
     c[0] === d ? E = c[1] : (E = cn("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", d), c[0] = d, c[1] = E);
     let O;
     c[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = cn("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), c[2] = O) : O = c[2];
@@ -42478,12 +42557,12 @@ ${c}
   function kn(e, r, c) {
     return r !== "normal" && !(r != null && r.endsWith("px")) && c(`${e} was not resolved to pixel value correctly`, r, Ct.WARN), r === "normal" ? 0 : parseInt(r ?? "0", 10);
   }
-  var import_compiler_runtime$85 = require_compiler_runtime();
+  var import_compiler_runtime$84 = require_compiler_runtime();
   const ComboboxContext = (0, import_react.createContext)({
     isSelected: () => false,
     onSelect: Functions.NOOP
   }), Combobox = (e) => {
-    let r = (0, import_compiler_runtime$85.c)(94), c, d, f, h, _, y, S, w, E, O, M, I, z, Y7, G, q, X7, Z7, Q7, $7, e9;
+    let r = (0, import_compiler_runtime$84.c)(94), c, d, f, h, _, y, S, w, E, O, M, I, z, Y7, G, q, X7, Z7, Q7, $7, e9;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5], y = r[6], S = r[7], w = r[8], E = r[9], O = r[10], M = r[11], I = r[12], z = r[13], Y7 = r[14], G = r[15], q = r[16], X7 = r[17], Z7 = r[18], Q7 = r[19], $7 = r[20], e9 = r[21]) : ({ children: c, displayValue: y, className: f, placeholder: z, value: e9, defaultValue: _, onValueChange: M, multiple: q, shouldFilter: X7, filterFn: S, open: I, defaultOpen: h, onOpenChange: E, inputPlaceholder: Z7, search: G, onSearchChange: O, emptyState: Q7, chips: $7, chipsClassName: d, keepPopoverOpenOnSelect: w, ...Y7 } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _, r[6] = y, r[7] = S, r[8] = w, r[9] = E, r[10] = O, r[11] = M, r[12] = I, r[13] = z, r[14] = Y7, r[15] = G, r[16] = q, r[17] = X7, r[18] = Z7, r[19] = Q7, r[20] = $7, r[21] = e9);
     let t9 = q === void 0 ? false : q, n9 = X7 === void 0 ? true : X7, r9 = Z7 === void 0 ? "Search..." : Z7, i9 = Q7 === void 0 ? "Nothing found." : Q7, a9 = $7 === void 0 ? false : $7, o9 = h ?? false, s9;
     r[22] !== E || r[23] !== I || r[24] !== o9 ? (s9 = {
@@ -42626,7 +42705,7 @@ ${c}
       ]
     }), 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;
+    let c = (0, import_compiler_runtime$84.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);
     let O;
     c[2] !== w || c[3] !== _ || c[4] !== h ? (O = () => {
@@ -42654,7 +42733,7 @@ ${c}
   function multiselectFilterFn(e, r) {
     return r.split(/\s+/).every((r2) => e.toLowerCase().includes(r2.toLowerCase())) ? 1 : 0;
   }
-  var import_compiler_runtime$84 = require_compiler_runtime(), MultiselectPlugin = class {
+  var import_compiler_runtime$83 = require_compiler_runtime(), MultiselectPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-multiselect");
       __publicField(this, "validator", object({
@@ -42674,7 +42753,7 @@ ${c}
     }
   }, SELECT_ALL_KEY = "__select_all__", DESELECT_ALL_KEY = "__deselect_all__";
   const Multiselect = (e) => {
-    let r = (0, import_compiler_runtime$84.c)(45), { options: c, label: d, value: f, setValue: h, fullWidth: _, maxSelections: y } = e, S = (0, import_react.useId)(), [w, E] = (0, import_react.useState)(""), O;
+    let r = (0, import_compiler_runtime$83.c)(45), { options: c, label: d, value: f, setValue: h, fullWidth: _, maxSelections: y } = e, S = (0, import_react.useId)(), [w, E] = (0, import_react.useState)(""), O;
     bb0: {
       if (!w) {
         O = c;
@@ -42803,9 +42882,9 @@ ${c}
   function _temp3$13(e) {
     return e;
   }
-  var import_compiler_runtime$83 = require_compiler_runtime();
+  var import_compiler_runtime$82 = require_compiler_runtime();
   function useAddCodeToNewCell() {
-    let e = (0, import_compiler_runtime$83.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
+    let e = (0, import_compiler_runtime$82.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
     return e[0] !== r || e[1] !== d || e[2] !== c ? (f = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: r,
@@ -42818,7 +42897,7 @@ ${c}
       });
     }, e[0] = r, e[1] = d, e[2] = c, e[3] = f) : f = e[3], f;
   }
-  var import_compiler_runtime$82 = require_compiler_runtime(), pythonExtensions = [
+  var import_compiler_runtime$81 = require_compiler_runtime(), pythonExtensions = [
     customPythonLanguageSupport(),
     EditorView.lineWrapping
   ], sqlExtensions = [
@@ -42826,7 +42905,7 @@ ${c}
     EditorView.lineWrapping
   ];
   const ReadonlyCode = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$82.c)(41), { theme: c } = useTheme(), d, f, h, _, y, S, w, E;
+    let r = (0, import_compiler_runtime$81.c)(41), { theme: c } = useTheme(), d, f, h, _, y, S, w, E;
     r[0] === e ? (d = r[1], f = r[2], h = r[3], _ = r[4], y = r[5], S = r[6], w = r[7], E = r[8]) : ({ code: f, className: d, initiallyHideCode: h, showHideCode: S, showCopyCode: w, insertNewCell: _, language: E, ...y } = e, r[0] = e, r[1] = d, r[2] = f, r[3] = h, r[4] = _, r[5] = y, r[6] = S, r[7] = w, r[8] = E);
     let O = S === void 0 ? true : S, M = w === void 0 ? true : w, I = E === void 0 ? "python" : E, [z, Y7] = (0, import_react.useState)(h), G;
     r[9] === d ? G = r[10] : (G = cn("relative hover-actions-parent w-full overflow-hidden", d), r[9] = d, r[10] = G);
@@ -42881,7 +42960,7 @@ ${c}
   });
   ReadonlyCode.displayName = "ReadonlyCode";
   var CopyButton = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(5), c;
+    let r = (0, import_compiler_runtime$81.c)(5), c;
     r[0] === e.text ? c = r[1] : (c = Events.stopPropagation(async () => {
       await copyToClipboard(e.text), toast({
         title: "Copied to clipboard"
@@ -42905,7 +42984,7 @@ ${c}
       })
     }), r[3] = d, r[4] = h), h;
   }, EyeCloseButton = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(3), c;
+    let r = (0, import_compiler_runtime$81.c)(3), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(EyeOff, {
       size: 14,
       strokeWidth: 1.5
@@ -42924,7 +43003,7 @@ ${c}
     }), r[1] = e.onClick, r[2] = d), d;
   };
   const HideCodeButton = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(7), c;
+    let r = (0, import_compiler_runtime$81.c)(7), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(Eye, {
       className: "hover-action w-5 h-5 text-muted-foreground cursor-pointer absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-80 hover:opacity-100 z-20"
     }), r[0] = c) : c = r[0];
@@ -42942,7 +43021,7 @@ ${c}
     }), r[3] = e.className, r[4] = e.onClick, r[5] = d, r[6] = f) : f = r[6], f;
   };
   var InsertNewCell = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(6), c = useAddCodeToNewCell(), d;
+    let r = (0, import_compiler_runtime$81.c)(6), c = useAddCodeToNewCell(), d;
     r[0] !== c || r[1] !== e.code ? (d = () => {
       c(e.code);
     }, r[0] = c, r[1] = e.code, r[2] = d) : d = r[2];
@@ -42963,9 +43042,9 @@ ${c}
         children: h
       })
     }), r[4] = f, r[5] = _), _;
-  }, import_compiler_runtime$81 = require_compiler_runtime();
+  }, import_compiler_runtime$80 = require_compiler_runtime();
   const Title = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(5), { text: c, tooltip: d } = e, f;
+    let r = (0, import_compiler_runtime$80.c)(5), { text: c, tooltip: d } = e, f;
     r[0] === d ? f = r[1] : (f = d && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: d,
       children: (0, import_jsx_runtime.jsx)(Info, {
@@ -42981,7 +43060,7 @@ ${c}
       ]
     }), r[2] = f, r[3] = c, r[4] = h) : h = r[4], h;
   }, TabContainer = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$80.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-2", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)("div", {
@@ -42989,14 +43068,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, FormSectionHorizontalRule = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(4), { className: c } = e, d;
+    let r = (0, import_compiler_runtime$80.c)(4), { className: c } = e, d;
     r[0] === c ? d = r[1] : (d = cn("my-1", c), r[0] = c, r[1] = d);
     let f;
     return r[2] === d ? f = r[3] : (f = (0, import_jsx_runtime.jsx)("hr", {
       className: d
     }), r[2] = d, r[3] = f), f;
   }, FieldSection = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$80.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-1.5", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)("section", {
@@ -43004,7 +43083,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, IconWithText = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(7), { Icon: c, text: d } = e, f;
+    let r = (0, import_compiler_runtime$80.c)(7), { Icon: c, text: d } = e, f;
     r[0] === c ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(c, {
       className: "w-3 h-3 mr-2"
     }), r[0] = c, r[1] = f);
@@ -43021,7 +43100,7 @@ ${c}
       ]
     }), r[4] = f, r[5] = h, r[6] = _) : _ = r[6], _;
   }, AccordionFormTrigger = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$80.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("py-1", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
@@ -43029,14 +43108,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, AccordionFormItem = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(3), { children: c, value: d } = e, f;
+    let r = (0, import_compiler_runtime$80.c)(3), { children: c, value: d } = e, f;
     return r[0] !== c || r[1] !== d ? (f = (0, import_jsx_runtime.jsx)(AccordionItem, {
       value: d,
       className: "border-none",
       children: c
     }), r[0] = c, r[1] = d, r[2] = f) : f = r[2], f;
   }, AccordionFormContent = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(5), { children: c, wrapperClassName: d } = e, f;
+    let r = (0, import_compiler_runtime$80.c)(5), { children: c, wrapperClassName: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("pb-2 flex flex-col gap-2", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)(AccordionContent, {
@@ -43044,7 +43123,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, CodeSnippet = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(4), { code: c, insertNewCell: d, language: f } = e, h;
+    let r = (0, import_compiler_runtime$80.c)(4), { code: c, insertNewCell: d, language: f } = e, h;
     return r[0] !== c || r[1] !== d || r[2] !== f ? (h = (0, import_jsx_runtime.jsx)(ReadonlyCode, {
       minHeight: "330px",
       maxHeight: "330px",
@@ -43055,9 +43134,9 @@ ${c}
       insertNewCell: d
     }), r[0] = c, r[1] = d, r[2] = f, r[3] = h) : h = r[3], h;
   };
-  var import_compiler_runtime$80 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
+  var import_compiler_runtime$79 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
   const ColumnSelector = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(23), { fieldName: c, columns: d, onValueChange: f, includeCountField: h } = e, _ = h === void 0 ? true : h, v = useFormContext(), y;
+    let r = (0, import_compiler_runtime$79.c)(23), { fieldName: c, columns: d, onValueChange: f, includeCountField: h } = e, _ = h === void 0 ? true : h, v = useFormContext(), y;
     r[0] === c ? y = r[1] : (y = c.replace(".field", ".type"), r[0] = c, r[1] = y);
     let S = y, w;
     r[2] === c ? w = r[3] : (w = c.replace(".field", ".selectedDataType"), r[2] = c, r[3] = w);
@@ -43139,7 +43218,7 @@ ${c}
       render: I
     }), r[19] = c, r[20] = v.control, r[21] = I, r[22] = z) : z = r[22], z;
   }, SelectField = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(8), { fieldName: c, label: d, options: f, defaultValue: h } = e, _ = useFormContext(), v;
+    let r = (0, import_compiler_runtime$79.c)(8), { fieldName: c, label: d, options: f, defaultValue: h } = e, _ = useFormContext(), v;
     r[0] !== h || r[1] !== d || r[2] !== f ? (v = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -43178,7 +43257,7 @@ ${c}
       render: v
     }), r[4] = c, r[5] = _.control, r[6] = v, r[7] = y) : y = r[7], y;
   }, InputField = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(6), { fieldName: c, label: d } = e, f = useFormContext(), h;
+    let r = (0, import_compiler_runtime$79.c)(6), { fieldName: c, label: d } = e, f = useFormContext(), h;
     r[0] === d ? h = r[1] : (h = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -43205,7 +43284,7 @@ ${c}
       render: h
     }), r[2] = c, r[3] = f.control, r[4] = h, r[5] = _) : _ = r[5], _;
   }, NumberField$1 = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(17), c, d, f, h, _, y;
+    let r = (0, import_compiler_runtime$79.c)(17), c, d, f, h, _, y;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5], y = r[6]) : ({ fieldName: d, label: _, className: c, inputClassName: f, isDisabled: h, ...y } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _, r[6] = y);
     let S = useFormContext(), w;
     r[7] !== c || r[8] !== f || r[9] !== h || r[10] !== _ || r[11] !== y ? (w = (e2) => {
@@ -43239,7 +43318,7 @@ ${c}
       render: w
     }), r[13] = d, r[14] = S.control, r[15] = w, r[16] = E) : E = r[16], E;
   }, BooleanField = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(8), { fieldName: c, label: d, className: f, defaultValue: h } = e, _ = useFormContext(), y;
+    let r = (0, import_compiler_runtime$79.c)(8), { fieldName: c, label: d, className: f, defaultValue: h } = e, _ = useFormContext(), y;
     r[0] !== f || r[1] !== h || r[2] !== d ? (y = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -43265,7 +43344,7 @@ ${c}
       render: y
     }), r[4] = c, r[5] = _.control, r[6] = y, r[7] = S) : S = r[7], S;
   }, SliderField = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(12), { fieldName: c, label: d, defaultValue: f, start: h, stop: _, step: y, className: S } = e, w = useFormContext(), E;
+    let r = (0, import_compiler_runtime$79.c)(12), { fieldName: c, label: d, defaultValue: f, start: h, stop: _, step: y, className: S } = e, w = useFormContext(), E;
     r[0] !== S || r[1] !== f || r[2] !== c || r[3] !== d || r[4] !== h || r[5] !== y || r[6] !== _ ? (E = (e2) => {
       let { field: r2 } = e2, w2 = r2.value ?? f, E2 = Number(w2), O2 = (e3) => {
         typeof e3 == "string" && (e3 = Number(e3)), r2.onChange(e3);
@@ -43308,7 +43387,7 @@ ${c}
       render: E
     }), r[8] = c, r[9] = w.control, r[10] = E, r[11] = O) : O = r[11], O;
   }, ColorArrayField = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(28), { fieldName: c, label: d, className: f } = e, h = useFormContext(), _;
+    let r = (0, import_compiler_runtime$79.c)(28), { fieldName: c, label: d, className: f } = e, h = useFormContext(), _;
     r[0] !== c || r[1] !== h ? (_ = h.watch(c), r[0] = c, r[1] = h, r[2] = _) : _ = r[2];
     let y = _, S;
     r[3] === y ? S = r[4] : (S = y ?? [], r[3] = y, r[4] = S);
@@ -43389,7 +43468,7 @@ ${c}
       render: X7
     }), r[24] = c, r[25] = h.control, r[26] = X7, r[27] = Z7) : Z7 = r[27], Z7;
   }, TimeUnitSelect = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(10), { fieldName: c, label: d } = e, f = useFormContext(), h;
+    let r = (0, import_compiler_runtime$79.c)(10), { fieldName: c, label: d } = e, f = useFormContext(), h;
     r[0] !== c || r[1] !== f ? (h = () => {
       f.setValue(c, "");
     }, r[0] = c, r[1] = f, r[2] = h) : h = r[2];
@@ -43458,7 +43537,7 @@ ${c}
       render: y
     }), r[6] = c, r[7] = f.control, r[8] = y, r[9] = S) : S = r[9], S;
   }, DataTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(9), { fieldName: c, label: d, defaultValue: f, onValueChange: h } = e, [_, v] = import_react.useState(false), y = useFormContext(), S;
+    let r = (0, import_compiler_runtime$79.c)(9), { fieldName: c, label: d, defaultValue: f, onValueChange: h } = e, [_, v] = import_react.useState(false), y = useFormContext(), S;
     r[0] !== f || r[1] !== _ || r[2] !== d || r[3] !== h ? (S = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -43514,7 +43593,7 @@ ${c}
       render: S
     }), r[5] = c, r[6] = y.control, r[7] = S, r[8] = w) : w = r[8], w;
   }, AggregationSelect = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(12), { fieldName: c, selectedDataType: d, binFieldName: f, defaultAggregation: h } = e, _ = useFormContext(), v = d === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: y } = useChartFormContext(), S = y !== ChartType.HEATMAP, w = _temp6$4, E = _temp7$1, O;
+    let r = (0, import_compiler_runtime$79.c)(12), { fieldName: c, selectedDataType: d, binFieldName: f, defaultAggregation: h } = e, _ = useFormContext(), v = d === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: y } = useChartFormContext(), S = y !== ChartType.HEATMAP, w = _temp6$4, E = _temp7$1, O;
     r[0] !== f || r[1] !== _ ? (O = (e2) => {
       let { value: r2, previousValue: c2, onChange: d2 } = e2;
       r2 === "bin" ? _.setValue(f, true) : c2 === "bin" && _.setValue(f, false), d2(r2);
@@ -43573,7 +43652,7 @@ ${c}
       render: I
     }), r[8] = c, r[9] = _.control, r[10] = I, r[11] = z) : z = r[11], z;
   }, TooltipSelect = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: h } = useChartFormContext(), _ = _temp8, v;
+    let r = (0, import_compiler_runtime$79.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: h } = useChartFormContext(), _ = _temp8, v;
     r[0] !== h || r[1] !== d ? (v = (e2) => {
       var _a3;
       let { field: r2 } = e2, c2 = ((_a3 = r2.value) == null ? void 0 : _a3.map(_temp9)) ?? [];
@@ -43599,7 +43678,7 @@ ${c}
       render: v
     }), r[3] = c, r[4] = f.control, r[5] = v, r[6] = y) : y = r[6], y;
   }, SortField = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(5), { fieldName: c, label: d, defaultValue: f } = e, h;
+    let r = (0, import_compiler_runtime$79.c)(5), { fieldName: c, label: d, defaultValue: f } = e, h;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = SORT_TYPES.map(_temp1), r[0] = h) : h = r[0];
     let _ = f ?? "ascending", v;
     return r[1] !== c || r[2] !== d || r[3] !== _ ? (v = (0, import_jsx_runtime.jsx)(SelectField, {
@@ -43610,7 +43689,7 @@ ${c}
     }), r[1] = c, r[2] = d, r[3] = _, r[4] = v) : v = r[4], v;
   }, BinFields = (e) => {
     var _a3, _b3, _c3, _d3;
-    let r = (0, import_compiler_runtime$80.c)(10), { fieldName: c } = e, d = useFormContext(), f;
+    let r = (0, import_compiler_runtime$79.c)(10), { fieldName: c } = e, d = useFormContext(), f;
     r[0] === d.control ? f = r[1] : (f = {
       control: d.control
     }, r[0] = d.control, r[1] = f);
@@ -43725,7 +43804,7 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$79 = require_compiler_runtime();
+  var import_compiler_runtime$78 = require_compiler_runtime();
   function isNonCountField(e) {
     return isFieldSet(e == null ? void 0 : e.field) && (e == null ? void 0 : e.field) !== "__count__";
   }
@@ -43749,7 +43828,7 @@ ${c}
     };
   }
   var ColumnSelectorWithAggregation = (e) => {
-    let r = (0, import_compiler_runtime$79.c)(14), { columnFieldName: c, column: d, columns: f, binFieldName: h, defaultAggregation: _ } = e, v;
+    let r = (0, import_compiler_runtime$78.c)(14), { columnFieldName: c, column: d, columns: f, binFieldName: h, defaultAggregation: _ } = e, v;
     r[0] === d ? v = r[1] : (v = getColumnDataTypes(d), r[0] = d, r[1] = v);
     let { selectedDataType: y } = v, S;
     r[2] !== c || r[3] !== f ? (S = (0, import_jsx_runtime.jsx)(ColumnSelector, {
@@ -43773,7 +43852,7 @@ ${c}
     }), r[11] = S, r[12] = w, r[13] = E) : E = r[13], E;
   };
   const ChartTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$79.c)(7), { value: c, onValueChange: d } = e, f, h;
+    let r = (0, import_compiler_runtime$78.c)(7), { value: c, onValueChange: d } = e, f, h;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = buttonVariants({
       variant: "outline",
       className: "user-select-none w-full justify-between px-3"
@@ -43809,7 +43888,7 @@ ${c}
     }), r[4] = d, r[5] = c, r[6] = y) : y = r[6], y;
   };
   var ChartSelectItem = (e) => {
-    let r = (0, import_compiler_runtime$79.c)(10), { chartType: c } = e, d = CHART_TYPE_ICON[c], f;
+    let r = (0, import_compiler_runtime$78.c)(10), { chartType: c } = e, d = CHART_TYPE_ICON[c], f;
     r[0] === d ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(d, {
       className: "w-4 h-4 mr-2"
     }), r[0] = d, r[1] = f);
@@ -43832,7 +43911,7 @@ ${c}
   };
   const XAxis = () => {
     var _a3, _b3, _c3, _d3, _e9, _f3, _g3;
-    let e = (0, import_compiler_runtime$79.c)(22), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$78.c)(22), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -43885,7 +43964,7 @@ ${c}
     }), e[17] = w, e[18] = E, e[19] = O, e[20] = M, e[21] = I) : I = e[21], I;
   }, YAxis = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$79.c)(29), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$78.c)(29), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -43942,7 +44021,7 @@ ${c}
     }), e[23] = X7, e[24] = Z7, e[25] = Y7, e[26] = G, e[27] = q, e[28] = Q7) : Q7 = e[28], Q7;
   }, ColorByAxis = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$79.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$78.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -43973,7 +44052,7 @@ ${c}
     }), e[10] = y, e[11] = S, e[12] = w) : w = e[12], w;
   }, Facet = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$79.c)(7), r = useChartFormContext().fields, c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$78.c)(7), r = useChartFormContext().fields, c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -44052,10 +44131,10 @@ ${c}
       chartType: e
     }, e);
   }
-  var import_compiler_runtime$78 = require_compiler_runtime();
+  var import_compiler_runtime$77 = require_compiler_runtime();
   const CommonChartForm = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$78.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$77.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -44107,7 +44186,7 @@ ${c}
       ]
     }), e[15] = z, e[16] = q), q;
   }, StyleForm = () => {
-    let e = (0, import_compiler_runtime$78.c)(15), { chartType: r } = useChartFormContext(), c;
+    let e = (0, import_compiler_runtime$77.c)(15), { chartType: r } = useChartFormContext(), c;
     e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(AccordionFormTrigger, {
       className: "pt-0",
       children: (0, import_jsx_runtime.jsx)(Title, {
@@ -44250,7 +44329,7 @@ ${c}
     }), e[13] = h, e[14] = z), z;
   }, OtherOptions = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$78.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$77.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), d;
     e[0] === c.control ? d = e[1] : (d = {
       control: c.control
     }, e[0] = c.control, e[1] = d);
@@ -44321,10 +44400,10 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$77 = require_compiler_runtime();
+  var import_compiler_runtime$76 = require_compiler_runtime();
   const HeatmapForm = () => {
     var _a3, _b3, _c3, _d3;
-    let e = (0, import_compiler_runtime$77.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$76.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -44367,10 +44446,10 @@ ${c}
       ]
     }), e[14] = E, e[15] = M, e[16] = Y7) : Y7 = e[16], Y7;
   };
-  var import_compiler_runtime$76 = require_compiler_runtime();
+  var import_compiler_runtime$75 = require_compiler_runtime();
   const PieForm = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$76.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), d;
+    let e = (0, import_compiler_runtime$75.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), d;
     e[0] === r.control ? d = e[1] : (d = {
       control: r.control
     }, e[0] = r.control, e[1] = d);
@@ -44437,9 +44516,9 @@ ${c}
       ]
     }), e[21] = w, e[22] = E, e[23] = z, e[24] = X7) : X7 = e[24], X7;
   };
-  var import_compiler_runtime$75 = require_compiler_runtime();
+  var import_compiler_runtime$74 = require_compiler_runtime();
   const LazyChart = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(8), { baseSpec: c, data: d, height: f } = e, { theme: h } = useTheme();
+    let r = (0, import_compiler_runtime$74.c)(8), { baseSpec: c, data: d, height: f } = e, { theme: h } = useTheme();
     if (!d) {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("div", {
@@ -44480,7 +44559,7 @@ ${c}
     }), r[5] = c, r[6] = v, r[7] = y) : y = r[7], y;
   };
   var LoadingChart$1 = () => {
-    let e = (0, import_compiler_runtime$75.c)(1), r;
+    let e = (0, import_compiler_runtime$74.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsx)(ChartInfoState, {
       className: "mt-14",
       children: "Loading chart..."
@@ -44624,7 +44703,7 @@ ${c}
     let r = initialStorageValue.get(e);
     return r ? r.length > 0 : false;
   }
-  var import_compiler_runtime$74 = require_compiler_runtime(), NEW_CHART_TYPE = "bar", DEFAULT_TAB_NAME = "table", CHART_HEIGHT = 290, CHART_MAX_ROWS = 5e4, CHART_MAX_COLUMNS = 50;
+  var import_compiler_runtime$73 = require_compiler_runtime(), NEW_CHART_TYPE = "bar", DEFAULT_TAB_NAME = "table", CHART_HEIGHT = 290, CHART_MAX_ROWS = 5e4, CHART_MAX_COLUMNS = 50;
   const TablePanel = ({ cellId: e, data: r, dataTable: c, totalRows: d, columns: f, getDataUrl: h, fieldTypes: _, displayHeader: v, onCloseChartBuilder: y }) => {
     let [S, w] = useAtom(tabsStorageAtom), E = e ? S.get(e) ?? [] : [], [O, M] = (0, import_react.useState)(DEFAULT_TAB_NAME), [I, z] = (0, import_react.useState)(E.length), G = (0, import_react.useRef)(v);
     if (v && !G.current && E.length === 0 && e) {
@@ -44890,7 +44969,7 @@ ${c}
     });
   };
   var ChartFormContainer = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(28), { form: c, saveChart: d, fieldTypes: f, chartType: h } = e, _;
+    let r = (0, import_compiler_runtime$73.c)(28), { form: c, saveChart: d, fieldTypes: f, chartType: h } = e, _;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [], r[0] = _) : _ = r[0];
     let v = _;
     if (f) {
@@ -45000,9 +45079,9 @@ ${c}
   function _temp3$11(e) {
     return e.preventDefault();
   }
-  var import_compiler_runtime$73 = require_compiler_runtime();
+  var import_compiler_runtime$72 = require_compiler_runtime();
   function usePanelOwnership(e, r) {
-    let c = (0, import_compiler_runtime$73.c)(16), d = useAtomValue(isCellAwareAtom), { focusCell: f } = useCellFocusActions(), _ = useLastFocusedCellId(), [v, y] = useAtom(contextAwarePanelType), [S, w] = useAtom(contextAwarePanelOwner), [E, O] = useAtom(contextAwarePanelOpen), M = getPanelId(e, r);
+    let c = (0, import_compiler_runtime$72.c)(16), d = useAtomValue(isCellAwareAtom), { focusCell: f } = useCellFocusActions(), _ = useLastFocusedCellId(), [v, y] = useAtom(contextAwarePanelType), [S, w] = useAtom(contextAwarePanelOwner), [E, O] = useAtom(contextAwarePanelOpen), M = getPanelId(e, r);
     !r && d && (Logger.error("CellId is not found, defaulting to fixed mode"), d = false);
     let I = (e2) => S === M && E && e2 === v, z = _ === r, Y7 = S && isPanelOwner(S, r);
     d && z && S !== M && !Y7 && w(M);
@@ -45035,11 +45114,13 @@ ${c}
     ])
   })).output(zod_default.object({
     url: zod_default.string(),
-    filename: zod_default.string()
+    filename: zod_default.string(),
+    error: zod_default.string().nullish(),
+    missing_packages: zod_default.array(zod_default.string()).nullish()
   }));
-  var import_compiler_runtime$72 = require_compiler_runtime();
+  var import_compiler_runtime$71 = require_compiler_runtime();
   const EmptyState = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(5), { content: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$71.c)(5), { content: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("text-sm text-muted-foreground py-1", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)("div", {
@@ -45047,7 +45128,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, ErrorState = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(9), { error: c, style: d, className: f, showIcon: h } = e, _ = h === void 0 ? true : h, y;
+    let r = (0, import_compiler_runtime$71.c)(9), { error: c, style: d, className: f, showIcon: h } = e, _ = h === void 0 ? true : h, y;
     r[0] === f ? y = r[1] : (y = cn("text-sm bg-red-50 dark:bg-red-900 text-red-600 dark:text-red-50 flex items-center gap-2 p-2 h-8", f), r[0] = f, r[1] = y);
     let S;
     r[2] === _ ? S = r[3] : (S = _ && (0, import_jsx_runtime.jsx)(X, {
@@ -45063,7 +45144,7 @@ ${c}
       ]
     }), r[4] = c.message, r[5] = d, r[6] = y, r[7] = S, r[8] = w) : w = r[8], w;
   }, LoadingState = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(6), { message: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$71.c)(6), { message: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("text-sm bg-blue-50 dark:bg-(--accent) text-blue-500 dark:text-blue-50 flex items-center gap-2 p-2 h-8", d), r[0] = d, r[1] = f);
     let h;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = (0, import_jsx_runtime.jsx)(LoaderCircle, {
@@ -45078,7 +45159,7 @@ ${c}
       ]
     }), r[3] = c, r[4] = f, r[5] = _) : _ = r[5], _;
   }, ColumnPreviewContainer = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, className: d } = e, f;
     r[0] === d ? f = r[1] : (f = cn("flex flex-col gap-2 relative", d), r[0] = d, r[1] = f);
     let h;
     return r[2] !== c || r[3] !== f ? (h = (0, import_jsx_runtime.jsx)("div", {
@@ -45086,7 +45167,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = f, r[4] = h) : h = r[4], h;
   }, ColumnName = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(6), { columnName: c, dataType: d } = e, f = DATA_TYPE_ICON[d], h = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(d)}`, _;
+    let r = (0, import_compiler_runtime$71.c)(6), { columnName: c, dataType: d } = e, f = DATA_TYPE_ICON[d], h = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(d)}`, _;
     r[0] !== f || r[1] !== h ? (_ = (0, import_jsx_runtime.jsx)(f, {
       className: h
     }), r[0] = f, r[1] = h, r[2] = _) : _ = r[2];
@@ -45099,31 +45180,6 @@ ${c}
       ]
     }), r[3] = c, r[4] = _, r[5] = v) : v = r[5], v;
   };
-  var import_compiler_runtime$71 = require_compiler_runtime();
-  const InstallPackageButton = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(13), { packages: c, showMaxPackages: d, className: f, onInstall: h } = e, { handleInstallPackages: _ } = useInstallPackages();
-    if (!c || c.length === 0) return null;
-    let y;
-    r[0] !== _ || r[1] !== h || r[2] !== c ? (y = () => {
-      _(c, h);
-    }, r[0] = _, r[1] = h, r[2] = c, r[3] = y) : y = r[3];
-    let S;
-    r[4] === f ? S = r[5] : (S = cn("ml-2", f), r[4] = f, r[5] = S);
-    let w;
-    r[6] !== c || r[7] !== d ? (w = d ? c.slice(0, d).join(", ") : c.join(", "), r[6] = c, r[7] = d, r[8] = w) : w = r[8];
-    let E;
-    return r[9] !== y || r[10] !== S || r[11] !== w ? (E = (0, import_jsx_runtime.jsxs)(Button, {
-      variant: "outline",
-      size: "xs",
-      onClick: y,
-      className: S,
-      children: [
-        "Install",
-        " ",
-        w
-      ]
-    }), r[9] = y, r[10] = S, r[11] = w, r[12] = E) : E = r[12], E;
-  };
   var import_compiler_runtime$70 = require_compiler_runtime();
   function renderPreviewError({ error: e, missingPackages: r, refetchPreview: c }) {
     return (0, import_jsx_runtime.jsxs)("div", {
@@ -49514,8 +49570,8 @@ ${c}
     r[31] !== v || r[32] !== _ ? (C9 = (e2) => {
       dequal(e2, _) || (v(e2), s9(e2));
     }, 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, {
+    let T9;
+    r[34] !== n9 || r[35] !== c || r[36] !== S || r[37] !== o9 || r[38] !== h || r[39] !== C9 ? (T9 = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
@@ -49528,9 +49584,9 @@ ${c}
         columnTypesPerStep: n9,
         lazy: h
       })
-    }), 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, {
+    }), r[34] = n9, r[35] = c, r[36] = S, r[37] = o9, r[38] = h, r[39] = C9, r[40] = T9) : T9 = r[40];
+    let E9;
+    r[41] === r9 ? E9 = r[42] : (E9 = 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, {
@@ -49539,9 +49595,9 @@ ${c}
         code: r9,
         language: "python"
       })
-    }), r[41] = r9, r[42] = T9);
-    let E9;
-    r[43] === i9 ? E9 = r[44] : (E9 = i9 && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = r9, r[42] = E9);
+    let D9;
+    r[43] === i9 ? D9 = r[44] : (D9 = 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, {
@@ -49550,35 +49606,35 @@ ${c}
         code: i9,
         language: "sql"
       })
-    }), 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, {
+    }), r[43] = i9, r[44] = D9);
+    let O9;
+    r[45] !== u9 || r[46] !== S9 || r[47] !== T9 || r[48] !== E9 || r[49] !== D9 ? (O9 = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
       onValueChange: u9,
       children: [
         S9,
-        w9,
         T9,
-        E9
+        E9,
+        D9
       ]
-    }), 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, {
+    }), r[45] = u9, r[46] = S9, 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, {
       error: G
-    }), 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, {
+    }), 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, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: k9,
+      data: A9,
       hasStableRowId: false,
-      totalRows: A9,
-      totalColumns: j9,
+      totalRows: j9,
+      totalColumns: M9,
       maxColumns: "all",
       pageSize: d,
       pagination: true,
       fieldTypes: t9,
-      rowHeaders: M9,
+      rowHeaders: N9,
       showDownload: f,
       download_as: E,
       enableSearch: false,
@@ -49587,7 +49643,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: N9,
+      showPageSizeSelector: P9,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -49596,15 +49652,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] = 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", {
+    }), 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", {
       children: [
-        D9,
         O9,
-        P9
+        k9,
+        F9
       ]
-    }), r[65] = D9, r[66] = O9, r[67] = P9, r[68] = F9) : F9 = r[68], F9;
+    }), r[65] = O9, r[66] = k9, r[67] = F9, r[68] = I9) : I9 = r[68], I9;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -49813,8 +49869,8 @@ ${c}
         ...c2
       ]), M("Deselect all");
     }
-    let p9 = [];
-    p9.push((0, import_jsx_runtime.jsxs)(TableRow, {
+    let f9 = [];
+    f9.push((0, import_jsx_runtime.jsxs)(TableRow, {
       className: "hover:bg-primary hover:bg-opacity-25 select-none",
       onClick: () => s9(PARENT_DIRECTORY),
       children: [
@@ -49859,7 +49915,7 @@ ${c}
         size: 16,
         className: "mr-2"
       });
-      p9.push((0, import_jsx_runtime.jsxs)(TableRow, {
+      f9.push((0, import_jsx_runtime.jsxs)(TableRow, {
         className: cn("hover:bg-primary hover:bg-opacity-25 group select-none", {
           "bg-primary bg-opacity-25": f2
         }),
@@ -49879,12 +49935,12 @@ ${c}
         ]
       }, e2.id));
     }
-    let { parentDirectories: m9 } = getProtocolAndParentDirectories({
+    let { parentDirectories: p9 } = getProtocolAndParentDirectories({
       path: w,
       delimiter: n9,
       initialPath: c,
       restrictNavigation: _
-    }), h9 = d === "all" ? PluralWords.of("file", "folder") : d === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+    }), m9 = 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, {
@@ -49892,7 +49948,7 @@ ${c}
           children: Q7.message
         }),
         (() => {
-          h ?? (h = `Select ${h9.join(" and ", 2)}...`);
+          h ?? (h = `Select ${m9.join(" and ", 2)}...`);
           let e2 = (0, import_jsx_runtime.jsx)(Label, {
             children: renderHTML({
               html: h
@@ -49923,7 +49979,7 @@ ${c}
           placeholder: w,
           value: w,
           onChange: (e2) => s9(e2.target.value),
-          children: m9.map((e2) => (0, import_jsx_runtime.jsx)("option", {
+          children: p9.map((e2) => (0, import_jsx_runtime.jsx)("option", {
             value: e2,
             selected: e2 === w,
             children: e2
@@ -49956,7 +50012,7 @@ ${c}
             (0, import_jsx_runtime.jsx)(Table, {
               className: "cursor-pointer table-fixed",
               children: (0, import_jsx_runtime.jsx)(TableBody, {
-                children: p9
+                children: f9
               })
             })
           ]
@@ -49973,7 +50029,7 @@ ${c}
                     children: [
                       e.length,
                       " ",
-                      h9.join(" or ", e.length),
+                      m9.join(" or ", e.length),
                       " ",
                       "selected"
                     ]
@@ -56154,8 +56210,8 @@ ${c}
         h9
       ]
     }), r[33] = h9, r[34] = d9, r[35] = g9) : g9 = r[35];
-    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", {
+    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", {
       className: o9,
       onKeyDown: s9,
       children: [
@@ -56164,14 +56220,14 @@ ${c}
         u9,
         g9
       ]
-    }), 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", {
+    }), 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", {
       className: "contents",
       ref: Z7,
       onSubmit: i9,
-      children: v9
-    }), r[43] = v9, r[44] = i9, r[45] = y9) : y9 = r[45], y9;
+      children: _9
+    }), r[43] = _9, r[44] = i9, r[45] = v9) : v9 = r[45], v9;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$44.c)(24), c, d, f, h, _, v;
@@ -69021,7 +69077,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.2-dev48"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.2-dev50"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {
@@ -69395,27 +69451,27 @@ ${c}
         ]
       }), r[35] = i9, r[36] = z2, r[37] = S2, r[38] = E2, r[39] = O2, r[40] = M2, r[41] = Y72) : Y72 = r[41], Y72;
     }
-    let a9 = isErrorMime(c == null ? void 0 : c.mimetype), o9 = X7 && a9 && Array.isArray(c == null ? void 0 : c.data) && c.data.some(_temp6);
-    if ((S || E || y || a9) && !o9) return null;
-    let s9;
-    r[42] !== h || r[43] !== G ? (s9 = cellDomProps(h, G), r[42] = h, r[43] = G, r[44] = s9) : s9 = r[44];
-    let c9 = Y7 === "edit", l9;
-    r[45] !== h || r[46] !== t9 || r[47] !== c || r[48] !== $7 || r[49] !== c9 ? (l9 = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: c9,
+    let o9 = isErrorMime(c == null ? void 0 : c.mimetype), s9 = X7 && o9 && Array.isArray(c == null ? void 0 : c.data) && c.data.some(_temp6);
+    if ((S || E || y || o9) && !s9) return null;
+    let c9;
+    r[42] !== h || r[43] !== G ? (c9 = cellDomProps(h, G), r[42] = h, r[43] = G, r[44] = c9) : c9 = r[44];
+    let l9 = Y7 === "edit", u9;
+    r[45] !== h || r[46] !== t9 || r[47] !== c || r[48] !== $7 || r[49] !== l9 ? (u9 = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: l9,
       output: c,
       className: CSSClasses.outputArea,
       cellId: h,
       stale: $7,
       loading: t9
-    }), r[45] = h, r[46] = t9, r[47] = c, r[48] = $7, r[49] = c9, r[50] = l9) : l9 = r[50];
-    let u9;
-    return r[51] !== i9 || r[52] !== s9 || r[53] !== l9 ? (u9 = (0, import_jsx_runtime.jsx)("div", {
+    }), r[45] = h, r[46] = t9, r[47] = c, r[48] = $7, r[49] = l9, r[50] = u9) : u9 = r[50];
+    let d9;
+    return r[51] !== i9 || r[52] !== c9 || r[53] !== u9 ? (d9 = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: Z7,
       className: i9,
-      ...s9,
-      children: l9
-    }), r[51] = i9, r[52] = s9, r[53] = l9, r[54] = u9) : u9 = r[54], u9;
+      ...c9,
+      children: u9
+    }), r[51] = i9, r[52] = c9, r[53] = u9, r[54] = d9) : d9 = r[54], d9;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {