npm - @marimo-team/islands - Versions diffs - 0.23.2-dev53 → 0.23.2-dev54 - Mend

@marimo-team/islands 0.23.2-dev53 → 0.23.2-dev54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/main.js +761 -677
package/dist/style.css +1 -1
package/package.json +1 -1
package/src/plugins/impl/FileBrowserPlugin.tsx +81 -81

package/dist/main.js CHANGED Viewed

@@ -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$144 = require_compiler_runtime(), hydratedMap = /* @__PURE__ */ new WeakMap();
+  var set_default = set$1, import_compiler_runtime$145 = 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$144.c)(16), d, f, h, _;
+    let c = (0, import_compiler_runtime$145.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$144.c)(11), d, f, h;
+    let c = (0, import_compiler_runtime$145.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$144.c)(12), d, f, h;
+    let c = (0, import_compiler_runtime$145.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$144.c)(9), d, f;
+    let c = (0, import_compiler_runtime$145.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$144.c)(10), d, f;
+    let c = (0, import_compiler_runtime$145.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$144.c)(10), d, f;
+    let c = (0, import_compiler_runtime$145.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$143 = require_compiler_runtime(), NavigationMenuPlugin = class {
+  var import_compiler_runtime$144 = 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$143.c)(13), { items: c, orientation: d } = e, f = _temp$37, h = _temp2$25, _ = _temp3$17, v;
+    let r = (0, import_compiler_runtime$144.c)(13), { items: c, orientation: d } = e, f = _temp$38, h = _temp2$26, _ = _temp3$18, 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$143.c)(19), d, f, h, _;
+    let c = (0, import_compiler_runtime$144.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$37(e, r) {
+  function _temp$38(e, r) {
     return r ? (0, import_jsx_runtime.jsx)(Tooltip, {
       delayDuration: 200,
       content: renderHTML({
@@ -14086,10 +14086,10 @@ Defaulting to \`null\`.`;
       children: e
     }) : e;
   }
-  function _temp2$25(e) {
+  function _temp2$26(e) {
     return e.startsWith("http") ? "_blank" : "_self";
   }
-  function _temp3$17(e) {
+  function _temp3$18(e) {
     return appendQueryParams({
       href: e,
       queryParams: new URL(globalThis.location.href).search,
@@ -16942,9 +16942,9 @@ Defaulting to \`null\`.`;
         isSelected: _
       }
     }, M.children));
-  }), import_compiler_runtime$142 = require_compiler_runtime();
+  }), import_compiler_runtime$143 = require_compiler_runtime();
   const LocaleProvider = (e) => {
-    let r = (0, import_compiler_runtime$142.c)(5), { children: c } = e, d = useAtomValue(localeAtom), f;
+    let r = (0, import_compiler_runtime$143.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$141 = require_compiler_runtime();
+  }), import_compiler_runtime$142 = require_compiler_runtime();
   const EmotionCacheProvider = (e) => {
-    let r = (0, import_compiler_runtime$141.c)(6), { container: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$142.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$140 = require_compiler_runtime();
+  }, import_compiler_runtime$141 = require_compiler_runtime();
   const HtmlOutput = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$140.c)(10), { html: c, inline: d, className: f, alwaysSanitizeHtml: h } = e, _ = d === void 0 ? false : d;
+    let r = (0, import_compiler_runtime$141.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$139 = require_compiler_runtime();
+  var import_compiler_runtime$140 = require_compiler_runtime();
   const ImageOutput = (e) => {
-    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;
+    let r = (0, import_compiler_runtime$140.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$138 = require_compiler_runtime();
+  var import_compiler_runtime$139 = require_compiler_runtime();
   const Kbd = (e) => {
-    let r = (0, import_compiler_runtime$138.c)(5), c;
+    let r = (0, import_compiler_runtime$139.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$137 = require_compiler_runtime();
+  var import_compiler_runtime$138 = require_compiler_runtime();
   const ExternalLink$1 = (e) => {
-    let r = (0, import_compiler_runtime$137.c)(3), { href: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$138.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$136 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
+  }, import_compiler_runtime$137 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
   function useFixMode() {
-    let e = (0, import_compiler_runtime$136.c)(3), [r, c] = useAtom(fixModeAtom), d;
+    let e = (0, import_compiler_runtime$137.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$135 = require_compiler_runtime();
+  var import_compiler_runtime$136 = require_compiler_runtime();
   const AutoFixButton = (e) => {
-    let r = (0, import_compiler_runtime$135.c)(21), { errors: c, cellId: d, className: f } = e, h = useStore(), { createNewCell: _ } = useCellActions(), y = useAtomValue(aiEnabledAtom), S;
+    let r = (0, import_compiler_runtime$136.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$135.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$136.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$135.c)(12), { mode: c } = e, d;
+    let r = (0, import_compiler_runtime$136.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$133 = require_compiler_runtime();
+  var import_compiler_runtime$134 = require_compiler_runtime();
   const CellLink = (e) => {
-    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;
+    let r = (0, import_compiler_runtime$134.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;
     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$133.c)(2), c;
+    let r = (0, import_compiler_runtime$134.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$133.c)(10), { cellId: c, lineNumber: d } = e, f = useFilename(), h;
+    let r = (0, import_compiler_runtime$134.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$36(e) {
+  function _temp$37(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$132 = require_compiler_runtime(), ansiUp = new AnsiUp();
+  var import_compiler_runtime$133 = 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$132.c)(6), { packages: c, children: d } = e, { handleInstallPackages: f } = useInstallPackages(), h;
+    let r = (0, import_compiler_runtime$133.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$132.c)(4), { text: c } = e, d;
+    let r = (0, import_compiler_runtime$133.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$131 = require_compiler_runtime(), Tip = (e) => {
-    let r = (0, import_compiler_runtime$131.c)(10), c = e.title ?? "Tip", d;
+  var import_compiler_runtime$132 = require_compiler_runtime(), Tip = (e) => {
+    let r = (0, import_compiler_runtime$132.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,10 +23786,10 @@ 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$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";
+    let r = (0, import_compiler_runtime$132.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";
+    else if (c.some(_temp2$25)) _ = "An internal error occurred";
+    else if (c.some(_temp3$17)) _ = "Ancestor prevented from running", y = "default", S = "text-secondary-foreground";
     else if (c.some(_temp4$9)) _ = "Ancestor stopped", y = "default", S = "text-secondary-foreground";
     else if (c.some(_temp5$5)) _ = "SQL error";
     else {
@@ -24154,13 +24154,13 @@ 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$35(e) {
+  function _temp$36(e) {
     return e.type === "interruption";
   }
-  function _temp2$24(e) {
+  function _temp2$25(e) {
     return e.type === "internal";
   }
-  function _temp3$16(e) {
+  function _temp3$17(e) {
     return e.type === "ancestor-prevented";
   }
   function _temp4$9(e) {
@@ -24463,9 +24463,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       })
     }, `sql-error-${r}`);
   }
-  var import_compiler_runtime$130 = require_compiler_runtime();
+  var import_compiler_runtime$131 = require_compiler_runtime();
   const TextOutput = (e) => {
-    let r = (0, import_compiler_runtime$130.c)(13), { text: c, channel: d, wrapText: f } = e, h = d === "stdout" || d === "stderr", _;
+    let r = (0, import_compiler_runtime$131.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$129 = require_compiler_runtime();
+  var import_compiler_runtime$130 = require_compiler_runtime();
   const VideoOutput = (e) => {
-    let r = (0, import_compiler_runtime$129.c)(3), { src: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$130.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$128 = require_compiler_runtime();
+  var import_compiler_runtime$129 = require_compiler_runtime();
   function useOverflowDetection(e, r) {
-    let c = (0, import_compiler_runtime$128.c)(4), d = r === void 0 ? true : r, [f, h] = (0, import_react.useState)(false), _, v;
+    let c = (0, import_compiler_runtime$129.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$127 = require_compiler_runtime();
+  var import_compiler_runtime$128 = require_compiler_runtime();
   const ChartLoadingState = () => {
-    let e = (0, import_compiler_runtime$127.c)(1), r;
+    let e = (0, import_compiler_runtime$128.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$127.c)(2), { error: c } = e, d;
+    let r = (0, import_compiler_runtime$128.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$127.c)(8), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$128.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$126 = require_compiler_runtime(), Tabs = Root2, TabsList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$126.c)(9), d, f;
+  var import_compiler_runtime$127 = require_compiler_runtime(), Tabs = Root2, TabsList = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$127.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$126.c)(9), d, f;
+    let c = (0, import_compiler_runtime$127.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$126.c)(9), d, f;
+    let c = (0, import_compiler_runtime$127.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$125 = require_compiler_runtime();
+  var import_compiler_runtime$126 = require_compiler_runtime();
   const WithLocale = (e) => {
-    let r = (0, import_compiler_runtime$125.c)(3), { children: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
+    let r = (0, import_compiler_runtime$126.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$124 = require_compiler_runtime(), Command = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$124.c)(9), d, f;
+  var import_compiler_runtime$125 = require_compiler_runtime(), Command = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$125.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$124.c)(19), d, f, h, _;
+    let c = (0, import_compiler_runtime$125.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$124.c)(9), d, f;
+    let c = (0, import_compiler_runtime$125.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$124.c)(3), d;
+    let c = (0, import_compiler_runtime$125.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$124.c)(9), d, f;
+    let c = (0, import_compiler_runtime$125.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$124.c)(9), d, f;
+    let c = (0, import_compiler_runtime$125.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$124.c)(17), d, f, h, _, y;
+    let c = (0, import_compiler_runtime$125.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$123 = require_compiler_runtime();
+  var import_compiler_runtime$124 = require_compiler_runtime();
   const DraggablePopover = (e) => {
-    let r = (0, import_compiler_runtime$123.c)(25), c, d, f;
+    let r = (0, import_compiler_runtime$124.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$122 = require_compiler_runtime(), WHITESPACE_CHARS = {
+  var import_compiler_runtime$123 = 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$122.c)(15), { sentinel: c } = e, d = SENTINEL_CONFIG[c.type], f;
+    let r = (0, import_compiler_runtime$123.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$121 = require_compiler_runtime();
+  var import_compiler_runtime$122 = 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$121.c)(5), { column: c } = e, d;
+    let r = (0, import_compiler_runtime$122.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$121.c)(8), { onApply: c, onClear: d, clearButtonDisabled: f } = e, h;
+    let r = (0, import_compiler_runtime$122.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$120 = require_compiler_runtime();
+  var import_compiler_runtime$121 = require_compiler_runtime();
   const MimeCell = (e) => {
-    let r = (0, import_compiler_runtime$120.c)(6), { value: c } = e, d;
+    let r = (0, import_compiler_runtime$121.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$119 = require_compiler_runtime();
+  var import_compiler_runtime$120 = require_compiler_runtime();
   const DelayMount = (e) => {
-    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;
+    let r = (0, import_compiler_runtime$120.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$118 = require_compiler_runtime();
+  var import_compiler_runtime$119 = require_compiler_runtime();
   const DatePopover = (e) => {
-    let r = (0, import_compiler_runtime$118.c)(15), { date: c, type: d, children: f } = e;
+    let r = (0, import_compiler_runtime$119.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$118.c)(26), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f;
+    let r = (0, import_compiler_runtime$119.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$118.c)(6), { date: c } = e, d;
+    let r = (0, import_compiler_runtime$119.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$118.c)(6), { date: c } = e, { locale: d } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), f, h;
+    let r = (0, import_compiler_runtime$119.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$117 = require_compiler_runtime(), hashString = (e) => {
+  }, import_compiler_runtime$118 = 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$117.c)(11), { seed: c, width: d, height: f } = e, h = d / 9, _ = f - 15, v;
+    let r = (0, import_compiler_runtime$118.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$116 = require_compiler_runtime();
+  })), _g), import_compiler_runtime$117 = require_compiler_runtime();
   const ColumnChartContext = import_react.createContext(ColumnChartSpecModel.EMPTY);
   var batchedLoader = createBatchedLoader();
   const TableColumnSummary = (e) => {
-    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;
+    let r = (0, import_compiler_runtime$117.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$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);
+  var import_compiler_runtime$116 = require_compiler_runtime(), ImageWithFallback = (e) => {
+    let r = (0, import_compiler_runtime$116.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$115.c)(4), { content: c, parts: d } = e;
+    let r = (0, import_compiler_runtime$116.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$115.c)(3), { url: c } = e, d;
+    let r = (0, import_compiler_runtime$116.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$114 = require_compiler_runtime(), Table = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$114.c)(9), d, f;
+  var import_compiler_runtime$115 = require_compiler_runtime(), Table = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$115.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$114.c)(9), d, f;
+    let c = (0, import_compiler_runtime$115.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$114.c)(9), d, f;
+    let c = (0, import_compiler_runtime$115.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$114.c)(9), d, f;
+    let c = (0, import_compiler_runtime$115.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$114.c)(9), d, f;
+    let c = (0, import_compiler_runtime$115.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$114.c)(9), d, f;
+    let c = (0, import_compiler_runtime$115.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$114.c)(9), d, f;
+    let c = (0, import_compiler_runtime$115.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$114.c)(9), d, f;
+    let c = (0, import_compiler_runtime$115.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$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"), {
+  var import_compiler_runtime$114 = 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$113.c)(13), d, f, h, _;
+    let c = (0, import_compiler_runtime$114.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$112 = require_compiler_runtime();
+  var import_compiler_runtime$113 = require_compiler_runtime();
   const PANEL_TYPES = {
     ROW_VIEWER: "row-viewer",
     COLUMN_EXPLORER: "column-explorer"
   }, ContextAwarePanelItem = (e) => {
-    let r = (0, import_compiler_runtime$112.c)(2), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$113.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$111 = require_compiler_runtime();
+  var import_compiler_runtime$112 = require_compiler_runtime();
   function useScrollContainerHeight(e) {
-    let r = (0, import_compiler_runtime$111.c)(8), { maxHeight: c, virtualize: d } = e, f = (0, import_react.useRef)(null), h, _;
+    let r = (0, import_compiler_runtime$112.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$110 = require_compiler_runtime();
+  var import_compiler_runtime$111 = require_compiler_runtime();
   const CellSelectionProvider = (e) => {
-    let r = (0, import_compiler_runtime$110.c)(3), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$111.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$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, _;
+  var import_compiler_runtime$110 = 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$110.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$109.c)(9), d, f;
+    let c = (0, import_compiler_runtime$110.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$109.c)(15), d, f, h;
+    let c = (0, import_compiler_runtime$110.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$109.c)(13), d, f, h, _;
+    let c = (0, import_compiler_runtime$110.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$109.c)(15), d, f, h, _;
+    let c = (0, import_compiler_runtime$110.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$109.c)(13), d, f, h;
+    let c = (0, import_compiler_runtime$110.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$109.c)(11), d, f, h;
+    let c = (0, import_compiler_runtime$110.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$109.c)(9), d, f;
+    let c = (0, import_compiler_runtime$110.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$108 = require_compiler_runtime();
+  var import_compiler_runtime$109 = require_compiler_runtime();
   const DataTableContextMenu = (e) => {
-    let r = (0, import_compiler_runtime$108.c)(12), { contextMenuRef: c, tableBody: d, tableRef: f, copyAllCells: _ } = e, v;
+    let r = (0, import_compiler_runtime$109.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$107 = require_compiler_runtime();
+  var import_compiler_runtime$108 = require_compiler_runtime();
   const CellRangeSelectionIndicator = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$107.c)(9), { cellId: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$108.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$106 = require_compiler_runtime();
+  var import_compiler_runtime$107 = require_compiler_runtime();
   const useCellRangeSelection = (e) => {
-    let r = (0, import_compiler_runtime$106.c)(30), { table: c } = e, d = useCellSelectionReducerActions(), f;
+    let r = (0, import_compiler_runtime$107.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$105 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
+  var import_compiler_runtime$106 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
   function useScrollIntoViewOnFocus(e) {
-    let r = (0, import_compiler_runtime$105.c)(2), c;
+    let r = (0, import_compiler_runtime$106.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$104 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
+  var import_compiler_runtime$105 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
   const CellSelectionStats = (e) => {
-    let r = (0, import_compiler_runtime$104.c)(21), { table: c, className: d } = e, { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), h = useAtomValue(selectedCellsAtom), _ = countDataCellsInSelection(h);
+    let r = (0, import_compiler_runtime$105.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$104.c)(6), { name: c, value: d, locale: f } = e, h;
+    let r = (0, import_compiler_runtime$105.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$104.c)(3), { count: c, locale: d } = e, f;
+    let r = (0, import_compiler_runtime$105.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$104.c)(6), { numericValues: c, locale: d } = e;
+    let r = (0, import_compiler_runtime$105.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$34, 0);
+      let e2 = c.reduce(_temp$35, 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,9 +34677,9 @@ 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$104.c)(5), { numericValues: c, locale: d } = e;
+    let r = (0, import_compiler_runtime$105.c)(5), { numericValues: c, locale: d } = e;
     if (c.length === 0) return null;
-    let f = c.reduce(_temp2$23, 0) / c.length, h;
+    let f = c.reduce(_temp2$24, 0) / c.length, h;
     r[0] === f ? h = r[1] : (h = f.toFixed(MAX_FRACTION_DIGITS), r[0] = f, r[1] = h);
     let _ = Number(h), v;
     return r[2] !== _ || r[3] !== d ? (v = (0, import_jsx_runtime.jsx)(StatSpan, {
@@ -34688,10 +34688,10 @@ 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$34(e, r) {
+  function _temp$35(e, r) {
     return e + r;
   }
-  function _temp2$23(e, r) {
+  function _temp2$24(e, r) {
     return e + r;
   }
   const TableBottomBar = ({ pagination: e, totalColumns: r, selection: c, onRowSelectionChange: d, table: f, getRowIds: h, showPageSizeSelector: _, tableLoading: S, part: w, className: E }) => {
@@ -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$103 = require_compiler_runtime(), Progress = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$103.c)(20), d, f, h, _;
+  var import_cuid2 = require_cuid2(), import_compiler_runtime$104 = require_compiler_runtime(), Progress = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$104.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,9 +34879,9 @@ 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$102 = require_compiler_runtime();
+  var import_compiler_runtime$103 = 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();
+    let r = (0, import_compiler_runtime$103.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 = () => {
@@ -34904,9 +34904,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), r[9] = y, r[10] = S, r[11] = w, r[12] = E) : E = r[12], E;
   };
-  var import_compiler_runtime$101 = require_compiler_runtime();
+  var import_compiler_runtime$102 = 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;
+    let r = (0, import_compiler_runtime$102.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);
@@ -34941,7 +34941,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), 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 = {
+  var import_compiler_runtime$101 = require_compiler_runtime(), FILE_TYPES = {
     CSV: {
       label: "CSV",
       format: "csv",
@@ -34986,7 +34986,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     return ((_a3 = downloadOptions.find((r) => r.format === e)) == null ? void 0 : _a3.label) ?? e;
   };
   const ExportMenu = (e) => {
-    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", _;
+    let r = (0, import_compiler_runtime$101.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, {
@@ -35449,10 +35449,10 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     }), e.focus(), true;
   }
-  var import_compiler_runtime$98 = require_compiler_runtime(), KEY$1 = "item";
+  var import_compiler_runtime$99 = require_compiler_runtime(), KEY$1 = "item";
   const MarimoTracebackOutput = (e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$98.c)(47), { onRefactorWithAI: c, traceback: d, cellId: f } = e, h;
+    let r = (0, import_compiler_runtime$99.c)(47), { onRefactorWithAI: c, traceback: d, cellId: f } = e, h;
     r[0] === d ? h = r[1] : (h = renderHTML({
       html: d,
       additionalReplacements: [
@@ -35474,7 +35474,7 @@ ${w}`,
         triggerImmediately: e2
       });
     }, [Q7, e9] = w.split(":", 2), n9 = y ? KEY$1 : "", r9;
-    r[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r9 = () => S(_temp$33), r[10] = r9) : r9 = r[10];
+    r[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r9 = () => S(_temp$34), r[10] = r9) : r9 = r[10];
     let i9 = y ? "rotate-180" : "rotate-0", a9;
     r[11] === i9 ? a9 = r[12] : (a9 = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", i9), r[11] = i9, r[12] = a9);
     let o9;
@@ -35701,7 +35701,7 @@ ${w}`,
     });
   };
   var InsertBreakpointContent = () => {
-    let e = (0, import_compiler_runtime$98.c)(1), r;
+    let e = (0, import_compiler_runtime$99.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 ",
@@ -35713,7 +35713,7 @@ ${w}`,
       ]
     }), e[0] = r) : r = e[0], r;
   };
-  function _temp$33(e) {
+  function _temp$34(e) {
     return !e;
   }
   function renderMimeIcon(e) {
@@ -35755,9 +35755,9 @@ ${w}`,
         return "\u2753";
     }
   }
-  var import_compiler_runtime$97 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
+  var import_compiler_runtime$98 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
   const OutputRenderer = (0, import_react.memo)((e) => {
-    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;
+    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;
     bb0: {
       let e2 = c.data;
       switch (c.mimetype) {
@@ -35949,11 +35949,11 @@ ${w}`,
   OutputRenderer.displayName = "OutputRenderer";
   var MimeBundleOutputRenderer = (0, import_react.memo)((e) => {
     var _a3;
-    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;
+    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;
     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: {
-        let { entries: e2 } = processMimeBundle(Objects.entries(h).filter(_temp$32).map(_temp2$22)), c2 = (_a3 = e2[0]) == null ? void 0 : _a3[0];
+        let { entries: e2 } = processMimeBundle(Objects.entries(h).filter(_temp$33).map(_temp2$23)), c2 = (_a3 = e2[0]) == null ? void 0 : _a3[0];
         if (!c2) {
           q = null;
           break bb0;
@@ -35974,7 +35974,7 @@ ${w}`,
         let y2 = S && "mt-4", X72;
         r[13] === y2 ? X72 = r[14] : (X72 = cn("self-start max-h-none flex flex-col gap-2 mr-3 shrink-0", y2), r[13] = y2, r[14] = X72), z = (0, import_jsx_runtime.jsx)(TabsList, {
           className: X72,
-          children: e2.map(_temp3$15)
+          children: e2.map(_temp3$16)
         }), O = "flex-1 w-full";
         let Z72;
         r[15] !== f || r[16] !== d || r[17] !== w ? (Z72 = (e3) => {
@@ -36020,7 +36020,7 @@ ${w}`,
   });
   MimeBundleOutputRenderer.displayName = "MimeBundleOutputRenderer";
   const OutputArea = import_react.memo((e) => {
-    let r = (0, import_compiler_runtime$97.c)(17), { output: c, cellId: d, stale: f, loading: h, allowExpand: _, forceExpand: y, className: S } = e;
+    let r = (0, import_compiler_runtime$98.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);
@@ -36045,7 +36045,7 @@ ${w}`,
   });
   OutputArea.displayName = "OutputArea";
   var Div = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$97.c)(3), d;
+    let c = (0, import_compiler_runtime$98.c)(3), d;
     return c[0] !== e || c[1] !== r ? (d = (0, import_jsx_runtime.jsx)("div", {
       ref: r,
       ...e
@@ -36053,7 +36053,7 @@ ${w}`,
   });
   Div.displayName = "Div";
   var ExpandableOutput = import_react.memo((e) => {
-    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;
+    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;
     r[0] === O ? M = r[1] : (M = O && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Fullscreen",
       side: "left",
@@ -36138,18 +36138,18 @@ ${w}`,
     }), r[22] = Z7, r[23] = $7), $7;
   });
   ExpandableOutput.displayName = "ExpandableOutput";
-  function _temp$32(e) {
+  function _temp$33(e) {
     let [r] = e;
     return r !== METADATA_KEY;
   }
-  function _temp2$22(e) {
+  function _temp2$23(e) {
     let [r, c] = e;
     return [
       r,
       c
     ];
   }
-  function _temp3$15(e) {
+  function _temp3$16(e) {
     let [r] = e;
     return (0, import_jsx_runtime.jsx)(TabsTrigger, {
       value: r,
@@ -36164,8 +36164,8 @@ ${w}`,
       })
     }, r);
   }
-  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), _;
+  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), _;
     r[0] === c ? _ = r[1] : (_ = async (e2) => {
       e2.stopPropagation(), await copyToClipboard(c), h(true), setTimeout(() => h(false), 1e3);
     }, r[0] = c, r[1] = _);
@@ -36188,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$96.c)(5), c;
+    let r = (0, import_compiler_runtime$97.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, {
@@ -36196,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$96.c)(5), c;
+    let r = (0, import_compiler_runtime$97.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, {
@@ -36205,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$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();
+    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();
     y === "auto" && (y = inferBestFormat(c));
     let O;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = {
@@ -36264,7 +36264,7 @@ ${w}`,
     return typeof e == "object" && e ? "tree" : "raw";
   }
   var COLLAPSED_TEXT_LENGTH = 100, CollapsibleTextOutput = (e) => {
-    let r = (0, import_compiler_runtime$96.c)(11), [c, d] = (0, import_react.useState)(true);
+    let r = (0, import_compiler_runtime$97.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", {
@@ -36473,16 +36473,16 @@ ${w}`,
       return c <= 20 ? void 0 : c >= 50 ? 5 : 10;
     }
   }
-  var import_compiler_runtime$95 = require_compiler_runtime(), Accordion$1 = Root2$4, AccordionContent$1 = Content2$1, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
+  var import_compiler_runtime$96 = 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$95.c)(16), { error: c, badData: d, shadowRoot: f } = e;
+    let r = (0, import_compiler_runtime$96.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, {
         children: "Bad Data"
       }), r[0] = e2) : e2 = r[0];
       let h2;
-      r[1] === c.issues ? h2 = r[2] : (h2 = c.issues.map(_temp$31), r[1] = c.issues, r[2] = h2);
+      r[1] === c.issues ? h2 = r[2] : (h2 = c.issues.map(_temp$32), r[1] = c.issues, r[2] = h2);
       let _;
       r[3] === h2 ? _ = r[4] : (_ = (0, import_jsx_runtime.jsx)("div", {
         className: "text-md prose dark:prose-invert",
@@ -36540,7 +36540,7 @@ ${w}`,
       shadowRoot: c
     });
   }
-  function _temp$31(e) {
+  function _temp$32(e) {
     let r = e.path.join(".");
     return (0, import_jsx_runtime.jsxs)("li", {
       children: [
@@ -36954,9 +36954,9 @@ ${w}`,
       }
     };
   }
-  var import_compiler_runtime$94 = require_compiler_runtime();
+  var import_compiler_runtime$95 = require_compiler_runtime();
   function useAnyWidgetModule(e) {
-    let r = (0, import_compiler_runtime$94.c)(16), { jsUrl: c, jsHash: d } = e, f;
+    let r = (0, import_compiler_runtime$95.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 = [
@@ -37010,7 +37010,7 @@ ${w}`,
     ...e
   }));
   var AnyWidgetSlot = (e) => {
-    let r = (0, import_compiler_runtime$94.c)(14), { jsUrl: c, jsHash: d, modelId: f } = e.data, h = e.host, _;
+    let r = (0, import_compiler_runtime$95.c)(14), { jsUrl: c, jsHash: d, modelId: f } = e.data, h = e.host, _;
     r[0] !== d || r[1] !== c ? (_ = {
       jsUrl: c,
       jsHash: d
@@ -37051,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$94.c)(9), { widget: c, modelId: d, host: f } = e, _ = (0, import_react.useRef)(null), v, y;
+    let r = (0, import_compiler_runtime$95.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 = () => {
@@ -37067,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$93 = require_compiler_runtime();
+  }, import_compiler_runtime$94 = require_compiler_runtime();
   const KeyboardHotkeys = (e) => {
-    let r = (0, import_compiler_runtime$93.c)(10), { shortcut: c, className: d } = e;
+    let r = (0, import_compiler_runtime$94.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;
@@ -37077,7 +37077,7 @@ ${w}`,
     let f, h;
     if (r[1] !== d || r[2] !== c) {
       let e2 = c.split("-");
-      r[5] === d ? f = r[6] : (f = cn("flex gap-1", d), r[5] = d, r[6] = f), h = e2.map(prettyPrintHotkey).map(_temp$30), r[1] = d, r[2] = c, r[3] = f, r[4] = h;
+      r[5] === d ? f = r[6] : (f = cn("flex gap-1", d), r[5] = d, r[6] = f), h = e2.map(prettyPrintHotkey).map(_temp$31), r[1] = d, r[2] = c, r[3] = f, r[4] = h;
     } else f = r[3], h = r[4];
     let _;
     return r[7] !== f || r[8] !== h ? (_ = (0, import_jsx_runtime.jsx)("div", {
@@ -37231,7 +37231,7 @@ ${w}`,
   function capitalize$1(e) {
     return e.charAt(0).toUpperCase() + e.slice(1);
   }
-  function _temp$30(e) {
+  function _temp$31(e) {
     let [r, c] = e;
     return c ? (0, import_jsx_runtime.jsx)(Tooltip, {
       asChild: false,
@@ -37305,9 +37305,9 @@ ${w}`,
         return "success";
     }
   }
-  var import_compiler_runtime$92 = require_compiler_runtime();
+  var import_compiler_runtime$93 = require_compiler_runtime();
   const Labeled = (e) => {
-    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;
+    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;
     if (y && (w = "top"), !c) {
       if (w === "top") {
         let e3;
@@ -37351,7 +37351,7 @@ ${w}`,
       ]
     }), r[23] = d, r[24] = I, r[25] = Z7, r[26] = Q7) : Q7 = r[26], Q7;
   };
-  var import_compiler_runtime$91 = require_compiler_runtime(), CheckboxPlugin = class {
+  var import_compiler_runtime$92 = require_compiler_runtime(), CheckboxPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-checkbox");
       __publicField(this, "validator", object({
@@ -37366,7 +37366,7 @@ ${w}`,
       });
     }
   }, CheckboxComponent = (e) => {
-    let r = (0, import_compiler_runtime$91.c)(11), { value: c, setValue: d, data: f } = e, h;
+    let r = (0, import_compiler_runtime$92.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);
@@ -37385,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$90 = require_compiler_runtime(), CodeEditorPlugin = class {
+  }, import_compiler_runtime$91 = require_compiler_runtime(), CodeEditorPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-code-editor");
       __publicField(this, "validator", object({
@@ -37415,7 +37415,7 @@ ${w}`,
       });
     }
   }, CodeEditorComponent = (e) => {
-    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;
+    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;
     r[0] !== e.setValue || r[1] !== e.value || r[2] !== y || r[3] !== S ? (w = {
       initialValue: e.value,
       delay: y,
@@ -37550,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$89 = 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$90 = require_compiler_runtime();
   const LoadingTable = (e) => {
-    let r = (0, import_compiler_runtime$89.c)(14), { wrapperClassName: c, className: d, pageSize: f } = e, h = f === void 0 ? 10 : f, _;
+    let r = (0, import_compiler_runtime$90.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);
@@ -37560,7 +37560,7 @@ ${w}`,
     r[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (0, import_jsx_runtime.jsx)(TableHeader, {
       children: Array.from({
         length: 1
-      }).map(_temp2$21)
+      }).map(_temp2$22)
     }), r[4] = w) : w = r[4];
     let E;
     r[5] === h ? E = r[6] : (E = (0, import_jsx_runtime.jsxs)(Table, {
@@ -37592,21 +37592,21 @@ ${w}`,
       ]
     }), r[11] = _, r[12] = O, r[13] = I) : I = r[13], I;
   };
-  function _temp$29(e, r) {
+  function _temp$30(e, r) {
     return (0, import_jsx_runtime.jsx)(TableHead, {
       children: (0, import_jsx_runtime.jsx)("div", {
         className: "h-4 bg-(--slate-5) animate-pulse rounded-md w-[70%]"
       })
     }, r);
   }
-  function _temp2$21(e, r) {
+  function _temp2$22(e, r) {
     return (0, import_jsx_runtime.jsx)(TableRow, {
       children: Array.from({
         length: 8
-      }).map(_temp$29)
+      }).map(_temp$30)
     }, r);
   }
-  function _temp3$14(e, r) {
+  function _temp3$15(e, r) {
     return (0, import_jsx_runtime.jsx)(TableCell, {
       children: (0, import_jsx_runtime.jsx)("div", {
         className: "h-4 bg-(--slate-5) animate-pulse rounded-md w-[90%]"
@@ -37617,7 +37617,7 @@ ${w}`,
     return (0, import_jsx_runtime.jsx)(TableRow, {
       children: Array.from({
         length: 8
-      }).map(_temp3$14)
+      }).map(_temp3$15)
     }, r);
   }
   const DATA_TYPES = [
@@ -37630,7 +37630,7 @@ ${w}`,
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$88 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BaAX1uv-.js").then(async (m2) => {
+  var import_compiler_runtime$89 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-BaAX1uv-.js").then(async (m2) => {
     await m2.__tla;
     return m2;
   }));
@@ -37675,7 +37675,7 @@ ${w}`,
     editableColumns: e.data.editableColumns
   }));
   var LoadingDataEditor = (e) => {
-    let r = (0, import_compiler_runtime$88.c)(31), c;
+    let r = (0, import_compiler_runtime$89.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];
@@ -37751,7 +37751,7 @@ ${w}`,
     let M, I, z, Y7;
     r[15] === e ? (M = r[16], I = r[17], z = r[18], Y7 = r[19]) : (M = (r2) => {
       e.onEdits((e2) => {
-        let c2 = r2.map(_temp$28);
+        let c2 = r2.map(_temp$29);
         return {
           ...e2,
           edits: [
@@ -37812,7 +37812,7 @@ ${w}`,
       onAddColumn: Y7
     }), r[20] = _, r[21] = d, r[22] = e.editableColumns, r[23] = e.edits.edits, r[24] = E, r[25] = O, r[26] = M, r[27] = I, r[28] = z, r[29] = Y7, r[30] = G) : G = r[30], G;
   };
-  function _temp$28(e, r) {
+  function _temp$29(e, r) {
     return {
       rowIdx: e - r,
       type: BulkEdit.Remove
@@ -39350,8 +39350,8 @@ ${w}`,
       _.height
     ]);
   }
-  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;
+  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;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let d;
     r[2] === c.name ? d = r[3] : (d = {
@@ -39367,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$87.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: d, formState: f } = useFormContext(), h;
+    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;
     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>");
@@ -39381,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$87.c)(14), d, f;
+    let c = (0, import_compiler_runtime$88.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] : (_ = {
@@ -39403,7 +39403,7 @@ ${w}`,
   });
   FormItem.displayName = "FormItem";
   var FormLabel = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$87.c)(11), d, f;
+    let c = (0, import_compiler_runtime$88.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;
@@ -39419,7 +39419,7 @@ ${w}`,
   });
   FormLabel.displayName = "FormLabel";
   var FormControl = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$87.c)(8), d;
+    let c = (0, import_compiler_runtime$88.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, {
@@ -39432,7 +39432,7 @@ ${w}`,
   });
   FormControl.displayName = "FormControl";
   var FormDescription = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$87.c)(10), d, f;
+    let c = (0, import_compiler_runtime$88.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;
@@ -39448,7 +39448,7 @@ ${w}`,
   });
   FormDescription.displayName = "FormDescription";
   var FormMessage = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$87.c)(12), d, f, h;
+    let c = (0, import_compiler_runtime$88.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;
@@ -39465,7 +39465,7 @@ ${w}`,
   });
   FormMessage.displayName = "FormMessage";
   var FormMessageTooltip = (e) => {
-    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;
+    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;
     if (!f) return null;
     let h;
     r[0] === c ? h = r[1] : (h = cn("stroke-[1.8px]", c), r[0] = c, r[1] = h);
@@ -39623,9 +39623,9 @@ ${c}
     saveForm: Functions.NOOP,
     chartType: ChartType.LINE
   }), useChartFormContext = () => (0, import_react.use)(ChartFormContext);
-  var import_compiler_runtime$86 = require_compiler_runtime();
+  var import_compiler_runtime$87 = require_compiler_runtime();
   function useBoolean(e) {
-    let r = (0, import_compiler_runtime$86.c)(6), [c, d] = (0, import_react.useState)(e), f;
+    let r = (0, import_compiler_runtime$87.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);
@@ -39638,7 +39638,7 @@ ${c}
     let _;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (e2) => {
       var _a3;
-      (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), d(_temp$27);
+      (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), d(_temp$28);
     }, r[2] = _) : _ = r[2];
     let v;
     r[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
@@ -39652,11 +39652,11 @@ ${c}
       v
     ], r[4] = c, r[5] = y), y;
   }
-  function _temp$27(e) {
+  function _temp$28(e) {
     return !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;
+  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;
     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];
@@ -42557,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$84 = require_compiler_runtime();
+  var import_compiler_runtime$85 = require_compiler_runtime();
   const ComboboxContext = (0, import_react.createContext)({
     isSelected: () => false,
     onSelect: Functions.NOOP
   }), Combobox = (e) => {
-    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;
+    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;
     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 = {
@@ -42705,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$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;
+    let c = (0, import_compiler_runtime$85.c)(17), { children: d, className: f, value: h, onSelect: _, disabled: y } = e, S = typeof h == "object" && "value" in h ? h.value : String(h), w = import_react.use(ComboboxContext), E;
     c[0] === f ? E = c[1] : (E = cn("pl-6 m-1 py-1", f), c[0] = f, c[1] = E);
     let O;
     c[2] !== w || c[3] !== _ || c[4] !== h ? (O = () => {
@@ -42733,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$83 = require_compiler_runtime(), MultiselectPlugin = class {
+  var import_compiler_runtime$84 = require_compiler_runtime(), MultiselectPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-multiselect");
       __publicField(this, "validator", object({
@@ -42753,7 +42753,7 @@ ${c}
     }
   }, SELECT_ALL_KEY = "__select_all__", DESELECT_ALL_KEY = "__deselect_all__";
   const Multiselect = (e) => {
-    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;
+    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;
     bb0: {
       if (!w) {
         O = c;
@@ -42772,7 +42772,7 @@ ${c}
         h([]);
         return;
       }
-      if (e2 = e2.filter(_temp$26), y === 1) {
+      if (e2 = e2.filter(_temp$27), y === 1) {
         h([
           e2[e2.length - 1]
         ]);
@@ -42835,7 +42835,7 @@ ${c}
           }) : r2;
         }
       });
-      let e2 = M.map(_temp2$20);
+      let e2 = M.map(_temp2$21);
       return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           Z7,
@@ -42851,7 +42851,7 @@ ${c}
     r[32] === $7 ? t9 = r[33] : (t9 = $7(), r[32] = $7, r[33] = t9);
     let n9;
     r[34] !== z || r[35] !== w || r[36] !== e9 || r[37] !== t9 || r[38] !== f ? (n9 = (0, import_jsx_runtime.jsx)(Combobox, {
-      displayValue: _temp3$13,
+      displayValue: _temp3$14,
       placeholder: "Select...",
       multiple: true,
       className: e9,
@@ -42870,21 +42870,21 @@ ${c}
       children: n9
     }), r[40] = _, r[41] = S, r[42] = d, r[43] = n9, r[44] = r9) : r9 = r[44], r9;
   };
-  function _temp$26(e) {
+  function _temp$27(e) {
     return e !== SELECT_ALL_KEY && e !== DESELECT_ALL_KEY;
   }
-  function _temp2$20(e) {
+  function _temp2$21(e) {
     return (0, import_jsx_runtime.jsx)(ComboboxItem, {
       value: e,
       children: e
     }, e);
   }
-  function _temp3$13(e) {
+  function _temp3$14(e) {
     return e;
   }
-  var import_compiler_runtime$82 = require_compiler_runtime();
+  var import_compiler_runtime$83 = require_compiler_runtime();
   function useAddCodeToNewCell() {
-    let e = (0, import_compiler_runtime$82.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: d } = useCellActions(), f;
+    let e = (0, import_compiler_runtime$83.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,
@@ -42897,7 +42897,7 @@ ${c}
       });
     }, e[0] = r, e[1] = d, e[2] = c, e[3] = f) : f = e[3], f;
   }
-  var import_compiler_runtime$81 = require_compiler_runtime(), pythonExtensions = [
+  var import_compiler_runtime$82 = require_compiler_runtime(), pythonExtensions = [
     customPythonLanguageSupport(),
     EditorView.lineWrapping
   ], sqlExtensions = [
@@ -42905,7 +42905,7 @@ ${c}
     EditorView.lineWrapping
   ];
   const ReadonlyCode = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$81.c)(41), { theme: c } = useTheme(), d, f, h, _, y, S, w, E;
+    let r = (0, import_compiler_runtime$82.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);
@@ -42960,7 +42960,7 @@ ${c}
   });
   ReadonlyCode.displayName = "ReadonlyCode";
   var CopyButton = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(5), c;
+    let r = (0, import_compiler_runtime$82.c)(5), c;
     r[0] === e.text ? c = r[1] : (c = Events.stopPropagation(async () => {
       await copyToClipboard(e.text), toast({
         title: "Copied to clipboard"
@@ -42984,7 +42984,7 @@ ${c}
       })
     }), r[3] = d, r[4] = h), h;
   }, EyeCloseButton = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(3), c;
+    let r = (0, import_compiler_runtime$82.c)(3), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(EyeOff, {
       size: 14,
       strokeWidth: 1.5
@@ -43003,7 +43003,7 @@ ${c}
     }), r[1] = e.onClick, r[2] = d), d;
   };
   const HideCodeButton = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(7), c;
+    let r = (0, import_compiler_runtime$82.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];
@@ -43021,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$81.c)(6), c = useAddCodeToNewCell(), d;
+    let r = (0, import_compiler_runtime$82.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];
@@ -43042,9 +43042,9 @@ ${c}
         children: h
       })
     }), r[4] = f, r[5] = _), _;
-  }, import_compiler_runtime$80 = require_compiler_runtime();
+  }, import_compiler_runtime$81 = require_compiler_runtime();
   const Title = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(5), { text: c, tooltip: d } = e, f;
+    let r = (0, import_compiler_runtime$81.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, {
@@ -43060,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$80.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$81.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", {
@@ -43068,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$80.c)(4), { className: c } = e, d;
+    let r = (0, import_compiler_runtime$81.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$80.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$81.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", {
@@ -43083,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$80.c)(7), { Icon: c, text: d } = e, f;
+    let r = (0, import_compiler_runtime$81.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);
@@ -43100,7 +43100,7 @@ ${c}
       ]
     }), r[4] = f, r[5] = h, r[6] = _) : _ = r[6], _;
   }, AccordionFormTrigger = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$81.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, {
@@ -43108,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$80.c)(3), { children: c, value: d } = e, f;
+    let r = (0, import_compiler_runtime$81.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$80.c)(5), { children: c, wrapperClassName: d } = e, f;
+    let r = (0, import_compiler_runtime$81.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, {
@@ -43123,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$80.c)(4), { code: c, insertNewCell: d, language: f } = e, h;
+    let r = (0, import_compiler_runtime$81.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",
@@ -43134,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$79 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
+  var import_compiler_runtime$80 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
   const ColumnSelector = (e) => {
-    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;
+    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;
     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);
@@ -43203,7 +43203,7 @@ ${c}
                       (0, import_jsx_runtime.jsx)(SelectSeparator, {})
                     ]
                   }),
-                  d.map(_temp$25)
+                  d.map(_temp$26)
                 ]
               })
             ]
@@ -43218,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$79.c)(8), { fieldName: c, label: d, options: f, defaultValue: h } = e, _ = useFormContext(), v;
+    let r = (0, import_compiler_runtime$80.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, {
@@ -43241,7 +43241,7 @@ ${c}
                 }),
                 (0, import_jsx_runtime.jsx)(SelectContent, {
                   children: (0, import_jsx_runtime.jsx)(SelectGroup, {
-                    children: f.filter(_temp2$19).map(_temp3$12)
+                    children: f.filter(_temp2$20).map(_temp3$13)
                   })
                 })
               ]
@@ -43257,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$79.c)(6), { fieldName: c, label: d } = e, f = useFormContext(), h;
+    let r = (0, import_compiler_runtime$80.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, {
@@ -43284,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$79.c)(17), c, d, f, h, _, y;
+    let r = (0, import_compiler_runtime$80.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) => {
@@ -43318,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$79.c)(8), { fieldName: c, label: d, className: f, defaultValue: h } = e, _ = useFormContext(), y;
+    let r = (0, import_compiler_runtime$80.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, {
@@ -43344,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$79.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$80.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);
@@ -43387,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$79.c)(28), { fieldName: c, label: d, className: f } = e, h = useFormContext(), _;
+    let r = (0, import_compiler_runtime$80.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);
@@ -43468,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$79.c)(10), { fieldName: c, label: d } = e, f = useFormContext(), h;
+    let r = (0, import_compiler_runtime$80.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];
@@ -43537,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$79.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$80.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, {
@@ -43593,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$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;
+    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;
     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);
@@ -43652,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$79.c)(7), { fieldName: c, saveFunction: d } = e, f = useFormContext(), { fields: h } = useChartFormContext(), _ = _temp8, v;
+    let r = (0, import_compiler_runtime$80.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)) ?? [];
@@ -43678,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$79.c)(5), { fieldName: c, label: d, defaultValue: f } = e, h;
+    let r = (0, import_compiler_runtime$80.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, {
@@ -43689,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$79.c)(10), { fieldName: c } = e, d = useFormContext(), f;
+    let r = (0, import_compiler_runtime$80.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);
@@ -43719,7 +43719,7 @@ ${c}
       ]
     }), r[7] = y, r[8] = w, r[9] = E) : E = r[9], E;
   };
-  function _temp$25(e) {
+  function _temp$26(e) {
     if (e.name.trim() === "") return null;
     let r = DATA_TYPE_ICON[e.type];
     return (0, import_jsx_runtime.jsx)(SelectItem, {
@@ -43735,10 +43735,10 @@ ${c}
       })
     }, e.name);
   }
-  function _temp2$19(e) {
+  function _temp2$20(e) {
     return e.value !== "";
   }
-  function _temp3$12(e) {
+  function _temp3$13(e) {
     return (0, import_jsx_runtime.jsx)(SelectItem, {
       value: e.value,
       children: e.display
@@ -43804,7 +43804,7 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$78 = require_compiler_runtime();
+  var import_compiler_runtime$79 = require_compiler_runtime();
   function isNonCountField(e) {
     return isFieldSet(e == null ? void 0 : e.field) && (e == null ? void 0 : e.field) !== "__count__";
   }
@@ -43828,7 +43828,7 @@ ${c}
     };
   }
   var ColumnSelectorWithAggregation = (e) => {
-    let r = (0, import_compiler_runtime$78.c)(14), { columnFieldName: c, column: d, columns: f, binFieldName: h, defaultAggregation: _ } = e, v;
+    let r = (0, import_compiler_runtime$79.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, {
@@ -43852,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$78.c)(7), { value: c, onValueChange: d } = e, f, h;
+    let r = (0, import_compiler_runtime$79.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"
@@ -43876,7 +43876,7 @@ ${c}
       children: [
         _,
         (0, import_jsx_runtime.jsx)(SelectContent, {
-          children: CHART_TYPES.map(_temp$24)
+          children: CHART_TYPES.map(_temp$25)
         })
       ]
     }), r[3] = v) : v = r[3];
@@ -43888,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$78.c)(10), { chartType: c } = e, d = CHART_TYPE_ICON[c], f;
+    let r = (0, import_compiler_runtime$79.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);
@@ -43911,7 +43911,7 @@ ${c}
   };
   const XAxis = () => {
     var _a3, _b3, _c3, _d3, _e9, _f3, _g3;
-    let e = (0, import_compiler_runtime$78.c)(22), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$79.c)(22), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -43964,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$78.c)(29), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$79.c)(29), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -44021,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$78.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$79.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);
@@ -44052,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$78.c)(7), r = useChartFormContext().fields, c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$79.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);
@@ -44126,15 +44126,15 @@ ${c}
       ]
     }), e[5] = _, e[6] = v), v;
   };
-  function _temp$24(e) {
+  function _temp$25(e) {
     return (0, import_jsx_runtime.jsx)(ChartSelectItem, {
       chartType: e
     }, e);
   }
-  var import_compiler_runtime$77 = require_compiler_runtime();
+  var import_compiler_runtime$78 = require_compiler_runtime();
   const CommonChartForm = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$77.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$78.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -44186,7 +44186,7 @@ ${c}
       ]
     }), e[15] = z, e[16] = q), q;
   }, StyleForm = () => {
-    let e = (0, import_compiler_runtime$77.c)(15), { chartType: r } = useChartFormContext(), c;
+    let e = (0, import_compiler_runtime$78.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, {
@@ -44281,7 +44281,7 @@ ${c}
     e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)(SelectField, {
       fieldName: "color.field",
       label: "Field",
-      options: COLOR_BY_FIELDS.map(_temp$23),
+      options: COLOR_BY_FIELDS.map(_temp$24),
       defaultValue: NONE_VALUE
     }), e[9] = E) : E = e[9];
     let O, M;
@@ -44289,7 +44289,7 @@ ${c}
       fieldName: "color.scheme",
       label: "Color scheme",
       defaultValue: DEFAULT_COLOR_SCHEME,
-      options: COLOR_SCHEMES.map(_temp2$18)
+      options: COLOR_SCHEMES.map(_temp2$19)
     }), M = (0, import_jsx_runtime.jsx)(ColorArrayField, {
       fieldName: "color.range",
       label: "Color range"
@@ -44329,7 +44329,7 @@ ${c}
     }), e[13] = h, e[14] = z), z;
   }, OtherOptions = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$77.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), d;
+    let e = (0, import_compiler_runtime$78.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);
@@ -44388,22 +44388,22 @@ ${c}
       ]
     }), e[9] = S, e[10] = w), w;
   };
-  function _temp$23(e) {
+  function _temp$24(e) {
     return {
       display: capitalize(e),
       value: e
     };
   }
-  function _temp2$18(e) {
+  function _temp2$19(e) {
     return {
       display: capitalize(e),
       value: e
     };
   }
-  var import_compiler_runtime$76 = require_compiler_runtime();
+  var import_compiler_runtime$77 = require_compiler_runtime();
   const HeatmapForm = () => {
     var _a3, _b3, _c3, _d3;
-    let e = (0, import_compiler_runtime$76.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);
@@ -44446,10 +44446,10 @@ ${c}
       ]
     }), e[14] = E, e[15] = M, e[16] = Y7) : Y7 = e[16], Y7;
   };
-  var import_compiler_runtime$75 = require_compiler_runtime();
+  var import_compiler_runtime$76 = require_compiler_runtime();
   const PieForm = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$75.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), d;
+    let e = (0, import_compiler_runtime$76.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);
@@ -44516,9 +44516,9 @@ ${c}
       ]
     }), e[21] = w, e[22] = E, e[23] = z, e[24] = X7) : X7 = e[24], X7;
   };
-  var import_compiler_runtime$74 = require_compiler_runtime();
+  var import_compiler_runtime$75 = require_compiler_runtime();
   const LazyChart = (e) => {
-    let r = (0, import_compiler_runtime$74.c)(8), { baseSpec: c, data: d, height: f } = e, { theme: h } = useTheme();
+    let r = (0, import_compiler_runtime$75.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", {
@@ -44559,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$74.c)(1), r;
+    let e = (0, import_compiler_runtime$75.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..."
@@ -44703,7 +44703,7 @@ ${c}
     let r = initialStorageValue.get(e);
     return r ? r.length > 0 : false;
   }
-  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;
+  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;
   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) {
@@ -44969,12 +44969,12 @@ ${c}
     });
   };
   var ChartFormContainer = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(28), { form: c, saveChart: d, fieldTypes: f, chartType: h } = e, _;
+    let r = (0, import_compiler_runtime$74.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) {
       let e2;
-      r[1] === f ? e2 = r[2] : (e2 = f.map(_temp2$17), r[1] = f, r[2] = e2), v = e2;
+      r[1] === f ? e2 = r[2] : (e2 = f.map(_temp2$18), r[1] = f, r[2] = e2), v = e2;
     }
     let y;
     r[3] !== c || r[4] !== d ? (y = () => {
@@ -45055,7 +45055,7 @@ ${c}
     }), r[17] = z, r[18] = q);
     let X7;
     r[19] !== S || r[20] !== q ? (X7 = (0, import_jsx_runtime.jsx)("form", {
-      onSubmit: _temp3$11,
+      onSubmit: _temp3$12,
       onChange: S,
       children: q
     }), r[19] = S, r[20] = q, r[21] = X7) : X7 = r[21];
@@ -45070,18 +45070,18 @@ ${c}
       children: Z7
     }), r[25] = Z7, r[26] = E, r[27] = Q7) : Q7 = r[27], Q7;
   };
-  function _temp2$17(e) {
+  function _temp2$18(e) {
     return {
       name: e[0],
       type: e[1][0]
     };
   }
-  function _temp3$11(e) {
+  function _temp3$12(e) {
     return e.preventDefault();
   }
-  var import_compiler_runtime$72 = require_compiler_runtime();
+  var import_compiler_runtime$73 = require_compiler_runtime();
   function usePanelOwnership(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);
+    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);
     !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);
@@ -45118,9 +45118,9 @@ ${c}
     error: zod_default.string().nullish(),
     missing_packages: zod_default.array(zod_default.string()).nullish()
   }));
-  var import_compiler_runtime$71 = require_compiler_runtime();
+  var import_compiler_runtime$72 = require_compiler_runtime();
   const EmptyState = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(5), { content: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$72.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", {
@@ -45128,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$71.c)(9), { error: c, style: d, className: f, showIcon: h } = e, _ = h === void 0 ? true : h, y;
+    let r = (0, import_compiler_runtime$72.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, {
@@ -45144,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$71.c)(6), { message: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$72.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, {
@@ -45159,7 +45159,7 @@ ${c}
       ]
     }), r[3] = c, r[4] = f, r[5] = _) : _ = r[5], _;
   }, ColumnPreviewContainer = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(5), { children: c, className: d } = e, f;
+    let r = (0, import_compiler_runtime$72.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", {
@@ -45167,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$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)}`, _;
+    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)}`, _;
     r[0] !== f || r[1] !== h ? (_ = (0, import_jsx_runtime.jsx)(f, {
       className: h
     }), r[0] = f, r[1] = h, r[2] = _) : _ = r[2];
@@ -45180,7 +45180,7 @@ ${c}
       ]
     }), r[3] = c, r[4] = _, r[5] = v) : v = r[5], v;
   };
-  var import_compiler_runtime$70 = require_compiler_runtime();
+  var import_compiler_runtime$71 = require_compiler_runtime();
   function renderPreviewError({ error: e, missingPackages: r, refetchPreview: c }) {
     return (0, import_jsx_runtime.jsxs)("div", {
       className: "text-xs text-muted-foreground p-2 border border-border rounded flex items-center justify-between",
@@ -45250,7 +45250,7 @@ ${c}
     });
   }
   const AddDataframeChart = (e) => {
-    let r = (0, import_compiler_runtime$70.c)(10), { chartCode: c } = e, d = useAtomValue(autoInstantiateAtom), f = useLastFocusedCellId(), { createNewCell: h } = useCellActions(), _;
+    let r = (0, import_compiler_runtime$71.c)(10), { chartCode: c } = e, d = useAtomValue(autoInstantiateAtom), f = useLastFocusedCellId(), { createNewCell: h } = useCellActions(), _;
     r[0] !== d || r[1] !== h || r[2] !== f ? (_ = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: d,
@@ -45281,11 +45281,11 @@ ${c}
       })
     }), r[8] = S, r[9] = E), E;
   };
-  var import_compiler_runtime$69 = require_compiler_runtime();
+  var import_compiler_runtime$70 = require_compiler_runtime();
   const ColumnExplorerPanel = (e) => {
-    let r = (0, import_compiler_runtime$69.c)(40), { previewColumn: c, fieldTypes: d, totalRows: f, totalColumns: h, tableId: _ } = e, [v, y] = (0, import_react.useState)(""), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w, E, O, M, I, z, Y7, G, q, X7;
+    let r = (0, import_compiler_runtime$70.c)(40), { previewColumn: c, fieldTypes: d, totalRows: f, totalColumns: h, tableId: _ } = e, [v, y] = (0, import_react.useState)(""), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w, E, O, M, I, z, Y7, G, q, X7;
     if (r[0] !== d || r[1] !== S || r[2] !== c || r[3] !== v || r[4] !== _ || r[5] !== h || r[6] !== f) {
-      let e2 = d == null ? void 0 : d.filter(_temp$22), Z72 = e2 == null ? void 0 : e2.filter((e3) => {
+      let e2 = d == null ? void 0 : d.filter(_temp$23), Z72 = e2 == null ? void 0 : e2.filter((e3) => {
         let [r2] = e3;
         return r2.toLowerCase().includes(v.toLowerCase());
       });
@@ -45301,7 +45301,7 @@ ${c}
           Q72,
           (0, import_jsx_runtime.jsx)(CopyClipboardIcon, {
             tooltip: "Copy column names",
-            value: (e2 == null ? void 0 : e2.map(_temp2$16).join(",\n")) || "",
+            value: (e2 == null ? void 0 : e2.map(_temp2$17).join(",\n")) || "",
             className: "h-3 w-3 ml-1 mt-0.5"
           })
         ]
@@ -45351,7 +45351,7 @@ ${c}
     }), r[36] = Q7, r[37] = q, r[38] = X7, r[39] = $7) : $7 = r[39], $7;
   };
   var ColumnItem = (e) => {
-    let r = (0, import_compiler_runtime$69.c)(31), { columnName: c, dataType: d, externalType: f, previewColumn: h, defaultExpanded: _ } = e, [v, y] = (0, import_react.useState)(_ === void 0 ? false : _), S = v ? "font-semibold" : "", w;
+    let r = (0, import_compiler_runtime$70.c)(31), { columnName: c, dataType: d, externalType: f, previewColumn: h, defaultExpanded: _ } = e, [v, y] = (0, import_react.useState)(_ === void 0 ? false : _), S = v ? "font-semibold" : "", w;
     r[0] !== c || r[1] !== S ? (w = (0, import_jsx_runtime.jsx)("span", {
       className: S,
       children: c
@@ -45423,7 +45423,7 @@ ${c}
       ]
     }), r[28] = X7, r[29] = Z7, r[30] = Q7) : Q7 = r[30], Q7;
   }, ColumnPreview = (e) => {
-    let r = (0, import_compiler_runtime$69.c)(26), { previewColumn: c, columnName: d, dataType: f } = e, { theme: h } = useTheme(), { locale: _ } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), v;
+    let r = (0, import_compiler_runtime$70.c)(26), { previewColumn: c, columnName: d, dataType: f } = e, { theme: h } = useTheme(), { locale: _ } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), v;
     r[0] !== d || r[1] !== c ? (v = async () => await c({
       column: d
     }), r[0] = d, r[1] = c, r[2] = v) : v = r[2];
@@ -45478,15 +45478,15 @@ ${c}
       ]
     }), r[21] = n9, r[22] = e9, r[23] = X7, r[24] = Q7, r[25] = r9) : r9 = r[25], r9;
   };
-  function _temp$22(e) {
+  function _temp$23(e) {
     let [r] = e;
     return !(r === "__select__" || r === "_marimo_row_id" || r.startsWith("__m_column__"));
   }
-  function _temp2$16(e) {
+  function _temp2$17(e) {
     let [r] = e;
     return r;
   }
-  var import_compiler_runtime$68 = require_compiler_runtime();
+  var import_compiler_runtime$69 = require_compiler_runtime();
   const RowViewerPanel = ({ rowIdx: e, setRowIdx: r, totalRows: c, fieldTypes: d, getRow: f, isSelectable: h, isRowSelected: _, handleRowSelectionChange: v }) => {
     let [y, S] = (0, import_react.useState)(""), w = (0, import_react.useRef)(null), E = (0, import_react.useId)(), { locale: O } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), M = c === TOO_MANY_ROWS, { data: I, error: z } = useAsyncData(async () => (await f(e)).rows, [
       f,
@@ -45718,7 +45718,7 @@ ${c}
     return h = h.toLowerCase(), d.includes(f) || h.includes(f);
   }
   var SimpleBanner = (e) => {
-    let r = (0, import_compiler_runtime$68.c)(8), { kind: c, Icon: d, message: f } = e, h;
+    let r = (0, import_compiler_runtime$69.c)(8), { kind: c, Icon: d, message: f } = e, h;
     r[0] === d ? h = r[1] : (h = (0, import_jsx_runtime.jsx)(d, {
       className: "w-5 h-5"
     }), r[0] = d, r[1] = h);
@@ -45735,9 +45735,9 @@ ${c}
         _
       ]
     }), r[4] = c, r[5] = h, r[6] = _, r[7] = v) : v = r[7], v;
-  }, import_compiler_runtime$67 = require_compiler_runtime(), tabTriggerClassName = "text-[13px] uppercase tracking-wide font-semibold cursor-pointer transition-colors", activeClassName = "text-primary", inactiveClassName = "hover:text-foreground";
+  }, import_compiler_runtime$68 = require_compiler_runtime(), tabTriggerClassName = "text-[13px] uppercase tracking-wide font-semibold cursor-pointer transition-colors", activeClassName = "text-primary", inactiveClassName = "hover:text-foreground";
   const TableExplorerPanel = (e) => {
-    let r = (0, import_compiler_runtime$67.c)(45), { rowIdx: c, setRowIdx: d, totalRows: f, fieldTypes: h, getRow: _, isSelectable: y, isRowSelected: S, handleRowSelectionChange: w, previewColumn: E, totalColumns: O, tableId: M, showRowExplorer: I, showColumnExplorer: z, activeTab: G, onTabChange: q } = e, X7 = I && z, Z7;
+    let r = (0, import_compiler_runtime$68.c)(45), { rowIdx: c, setRowIdx: d, totalRows: f, fieldTypes: h, getRow: _, isSelectable: y, isRowSelected: S, handleRowSelectionChange: w, previewColumn: E, totalColumns: O, tableId: M, showRowExplorer: I, showColumnExplorer: z, activeTab: G, onTabChange: q } = e, X7 = I && z, Z7;
     r[0] !== h || r[1] !== _ || r[2] !== w || r[3] !== S || r[4] !== y || r[5] !== c || r[6] !== d || r[7] !== f ? (Z7 = (0, import_jsx_runtime.jsx)(RowViewerPanel, {
       rowIdx: c,
       setRowIdx: d,
@@ -45825,9 +45825,9 @@ ${c}
       ]
     }), r[39] = t9, r[40] = f9, r[41] = p9, r[42] = m9, r[43] = n9, r[44] = h9) : h9 = r[44], h9;
   };
-  var import_compiler_runtime$66 = require_compiler_runtime();
+  var import_compiler_runtime$67 = require_compiler_runtime();
   function useEffectSkipFirstRender(e, r) {
-    let c = (0, import_compiler_runtime$66.c)(2), d = (0, import_react.useRef)(false), f;
+    let c = (0, import_compiler_runtime$67.c)(2), d = (0, import_react.useRef)(false), f;
     c[0] === e ? f = c[1] : (f = () => {
       if (!d.current) {
         d.current = true;
@@ -46239,7 +46239,7 @@ ${c}
   ]), TransformationsSchema = object({
     transforms: array(TransformTypeSchema)
   });
-  var import_compiler_runtime$65 = require_compiler_runtime(), maybeNumber = union([
+  var import_compiler_runtime$66 = require_compiler_runtime(), maybeNumber = union([
     number(),
     nan(),
     string()
@@ -46439,7 +46439,7 @@ ${c}
   }
   var LazyDataTableComponent = (e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$65.c)(13), { isLazy: c, children: d, preload: f, host: h } = e, _, v, y, S;
+    let r = (0, import_compiler_runtime$66.c)(13), { isLazy: c, children: d, preload: f, host: h } = e, _, v, y, S;
     if (r[0] !== h || r[1] !== c || r[2] !== f) {
       let e2 = h.closest(`[${OBJECT_ID_ATTR}]`);
       S = e2 ? UIElementId.parse(e2) : null, _ = (_a3 = h.closest(`[${RANDOM_ID_ATTR}]`)) == null ? void 0 : _a3.getAttribute(RANDOM_ID_ATTR), v = import_react.useState, y = c && !f && !wasTablePreviewed(S, _), r[0] = h, r[1] = c, r[2] = f, r[3] = _, r[4] = v, r[5] = y, r[6] = S;
@@ -46471,7 +46471,7 @@ ${c}
     return d;
   };
   const LoadingDataTableComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$65.c)(104), c;
+    let r = (0, import_compiler_runtime$66.c)(104), c;
     r[0] === e.host ? c = r[1] : (c = findCellId(e.host), r[0] = e.host, r[1] = c);
     let d = c, f = e.search, _ = e.setValue, v;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = [], r[2] = v) : v = r[2];
@@ -46513,13 +46513,13 @@ ${c}
         cellStyles: {}
       };
       let r2 = e.data, c2 = e.rawData, d2 = e.totalRows, h = e.cellStyles, _2 = e.cellHoverTexts, v2 = E.pageSize !== e.pageSize, S2 = M === "" && E.pageIndex === 0 && Y7.length === 0 && y.length === 0 && !e.lazy && !v2, w2 = f({
-        sort: y.length > 0 ? y.map(_temp$21) : void 0,
+        sort: y.length > 0 ? y.map(_temp$22) : void 0,
         query: M,
         page_number: E.pageIndex,
         page_size: E.pageSize,
         filters: filtersToFilterGroup(Y7)
       });
-      if (S2) w2.catch(_temp2$15);
+      if (S2) w2.catch(_temp2$16);
       else {
         let e2 = await w2;
         r2 = e2.data, c2 = e2.raw_data, d2 = e2.total_rows, h = e2.cell_styles || {}, _2 = e2.cell_hover_texts || {};
@@ -46553,7 +46553,7 @@ ${c}
       rows: await loadTableData((await f({
         page_number: e2,
         page_size: 1,
-        sort: y.length > 0 ? y.map(_temp3$10) : void 0,
+        sort: y.length > 0 ? y.map(_temp3$11) : void 0,
         query: M,
         filters: filtersToFilterGroup(Y7),
         max_columns: null
@@ -46845,7 +46845,7 @@ ${c}
     });
   };
   const TableProviders = (e) => {
-    let r = (0, import_compiler_runtime$65.c)(2), { children: c } = e, d;
+    let r = (0, import_compiler_runtime$66.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)(Provider, {
         store,
@@ -46856,16 +46856,16 @@ ${c}
       })
     }), r[0] = c, r[1] = d), d;
   };
-  function _temp$21(e) {
+  function _temp$22(e) {
     return {
       by: e.id,
       descending: e.desc
     };
   }
-  function _temp2$15(e) {
+  function _temp2$16(e) {
     Logger.error(e);
   }
-  function _temp3$10(e) {
+  function _temp3$11(e) {
     return {
       by: e.id,
       descending: e.desc
@@ -46877,11 +46877,11 @@ ${c}
       pageIndex: 0
     };
   }
-  var import_compiler_runtime$64 = require_compiler_runtime(), Popover = (e) => {
-    let r = (0, import_compiler_runtime$64.c)(10), c, d, f;
+  var import_compiler_runtime$65 = require_compiler_runtime(), Popover = (e) => {
+    let r = (0, import_compiler_runtime$65.c)(10), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, offset: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h = f === void 0 ? 4 : f, _;
-    r[4] === c ? _ = r[5] : (_ = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$20), r[4] = c, r[5] = _);
+    r[4] === c ? _ = r[5] : (_ = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$21), r[4] = c, r[5] = _);
     let v;
     return r[6] !== h || r[7] !== d || r[8] !== _ ? (v = (0, import_jsx_runtime.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, {
       offset: h,
@@ -46889,11 +46889,11 @@ ${c}
       ...d
     }), r[6] = h, r[7] = d, r[8] = _, r[9] = v) : v = r[9], v;
   };
-  function _temp$20(e) {
+  function _temp$21(e) {
     return cn("z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden", "data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95", "data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95", "data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2", e);
   }
-  var import_compiler_runtime$63 = require_compiler_runtime(), CalendarHeading = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(11), { direction: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
+  var import_compiler_runtime$64 = require_compiler_runtime(), CalendarHeading = (e) => {
+    let r = (0, import_compiler_runtime$64.c)(11), { direction: c } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = cn(buttonVariants({
       variant: "outline"
     }), "size-7 bg-transparent p-0 opacity-50", "data-hovered:opacity-100"), r[0] = d) : d = r[0];
@@ -46940,7 +46940,7 @@ ${c}
       ]
     }), r[7] = e, r[8] = f, r[9] = y, r[10] = S) : S = r[10], S;
   }, CalendarGrid = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(8), c, d;
+    let r = (0, import_compiler_runtime$64.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn(" border-separate border-spacing-x-0 border-spacing-y-1 ", c), r[3] = c, r[4] = f);
@@ -46950,14 +46950,14 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, CalendarGridHeader = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(4), c;
+    let r = (0, import_compiler_runtime$64.c)(4), c;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let d;
     return r[2] === c ? d = r[3] : (d = (0, import_jsx_runtime.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, {
       ...c
     }), r[2] = c, r[3] = d), d;
   }, CalendarHeaderCell = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(8), c, d;
+    let r = (0, import_compiler_runtime$64.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground", c), r[3] = c, r[4] = f);
@@ -46967,7 +46967,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, CalendarGridBody = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(8), c, d;
+    let r = (0, import_compiler_runtime$64.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("[&>tr>td]:p-0", c), r[3] = c, r[4] = f);
@@ -46977,7 +46977,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, CalendarCell = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(11), c, d;
+    let r = (0, import_compiler_runtime$64.c)(11), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f = !!import_react.use($dfd62f934fc76fed$export$5e0fc348c00f87a0), h;
     r[3] === f ? h = r[4] : (h = (e2, r2) => cn(buttonVariants({
@@ -46991,20 +46991,20 @@ ${c}
       ...d
     }), r[8] = d, r[9] = _, r[10] = y) : y = r[10], y;
   }, Calendar$1 = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(14), c, d, f;
+    let r = (0, import_compiler_runtime$64.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ errorMessage: d, className: c, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
-    r[4] === c ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$19), r[4] = c, r[5] = h);
+    r[4] === c ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$20), r[4] = c, r[5] = h);
     let _;
     r[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)(CalendarHeading, {}), r[6] = _) : _ = r[6];
     let v;
     r[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (0, import_jsx_runtime.jsxs)(CalendarGrid, {
       children: [
         (0, import_jsx_runtime.jsx)(CalendarGridHeader, {
-          children: _temp2$14
+          children: _temp2$15
         }),
         (0, import_jsx_runtime.jsx)(CalendarGridBody, {
-          children: _temp3$9
+          children: _temp3$10
         })
       ]
     }), r[7] = v) : v = r[7];
@@ -47025,7 +47025,7 @@ ${c}
       ]
     }), r[10] = f, r[11] = h, r[12] = y, r[13] = S) : S = r[13], S;
   }, RangeCalendar = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(14), c, d, f;
+    let r = (0, import_compiler_runtime$64.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ errorMessage: d, className: c, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === c ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp4$5), r[4] = c, r[5] = h);
@@ -47059,15 +47059,15 @@ ${c}
       ]
     }), r[10] = f, r[11] = h, r[12] = y, r[13] = S) : S = r[13], S;
   };
-  function _temp$19(e) {
+  function _temp$20(e) {
     return cn("w-fit", e);
   }
-  function _temp2$14(e) {
+  function _temp2$15(e) {
     return (0, import_jsx_runtime.jsx)(CalendarHeaderCell, {
       children: e
     });
   }
-  function _temp3$9(e) {
+  function _temp3$10(e) {
     return (0, import_jsx_runtime.jsx)(CalendarCell, {
       date: e
     });
@@ -47085,12 +47085,12 @@ ${c}
       date: e
     });
   }
-  var import_compiler_runtime$62 = require_compiler_runtime(), labelVariants = cva([
+  var import_compiler_runtime$63 = require_compiler_runtime(), labelVariants = cva([
     "text-sm font-medium leading-none",
     "data-disabled:cursor-not-allowed data-disabled:opacity-70",
     "group-data-invalid:text-destructive"
   ]), Label$1 = (e) => {
-    let r = (0, import_compiler_runtime$62.c)(8), c, d;
+    let r = (0, import_compiler_runtime$63.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn(labelVariants(), c), r[3] = c, r[4] = f);
@@ -47100,7 +47100,7 @@ ${c}
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, FieldError = (e) => {
-    let r = (0, import_compiler_runtime$62.c)(8), c, d;
+    let r = (0, import_compiler_runtime$63.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
     r[3] === c ? f = r[4] : (f = cn("text-sm font-medium text-destructive", c), r[3] = c, r[4] = f);
@@ -47125,7 +47125,7 @@ ${c}
       variant: "default"
     }
   }), FieldGroup = (e) => {
-    let r = (0, import_compiler_runtime$62.c)(12), c, d, f;
+    let r = (0, import_compiler_runtime$63.c)(12), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, variant: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === f ? h = r[5] : (h = (e2) => cn(fieldGroupVariants({
@@ -47138,18 +47138,18 @@ ${c}
       className: _,
       ...d
     }), r[9] = d, r[10] = _, r[11] = y) : y = r[11], y;
-  }, import_compiler_runtime$61 = require_compiler_runtime(), DateSegment = (e) => {
-    let r = (0, import_compiler_runtime$61.c)(8), c, d;
+  }, import_compiler_runtime$62 = require_compiler_runtime(), DateSegment = (e) => {
+    let r = (0, import_compiler_runtime$62.c)(8), c, d;
     r[0] === e ? (c = r[1], d = r[2]) : ({ className: c, ...d } = e, r[0] = e, r[1] = c, r[2] = d);
     let f;
-    r[3] === c ? f = r[4] : (f = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$18), r[3] = c, r[4] = f);
+    r[3] === c ? f = r[4] : (f = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp$19), r[3] = c, r[4] = f);
     let h;
     return r[5] !== d || r[6] !== f ? (h = (0, import_jsx_runtime.jsx)($40825cdb76e74f70$export$336ab7fa954c4b5f, {
       className: f,
       ...d
     }), r[5] = d, r[6] = f, r[7] = h) : h = r[7], h;
   }, DateInput = (e) => {
-    let r = (0, import_compiler_runtime$61.c)(12), c, d, f;
+    let r = (0, import_compiler_runtime$62.c)(12), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, variant: f, ...d } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
     r[4] === f ? h = r[5] : (h = (e2) => cn(fieldGroupVariants({
@@ -47161,22 +47161,22 @@ ${c}
     return r[9] !== d || r[10] !== _ ? (y = (0, import_jsx_runtime.jsx)($40825cdb76e74f70$export$7edc06cf1783b30f, {
       className: _,
       ...d,
-      children: _temp2$13
+      children: _temp2$14
     }), r[9] = d, r[10] = _, r[11] = y) : y = r[11], y;
   };
-  function _temp$18(e) {
+  function _temp$19(e) {
     return cn("type-literal:px-0 inline rounded p-0.5 caret-transparent outline-solid outline-0", "data-placeholder:text-muted-foreground", "data-disabled:cursor-not-allowed data-disabled:opacity-50", "data-focused:bg-accent data-focused:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-invalid:data-focused:bg-destructive data-invalid:data-focused:data-placeholder:text-destructive-foreground data-invalid:data-focused:text-destructive-foreground data-invalid:data-placeholder:text-destructive data-invalid:text-destructive", e);
   }
-  function _temp2$13(e) {
+  function _temp2$14(e) {
     return (0, import_jsx_runtime.jsx)(DateSegment, {
       segment: e
     });
   }
-  var import_compiler_runtime$60 = require_compiler_runtime(), DatePickerContent = (e) => {
-    let r = (0, import_compiler_runtime$60.c)(14), c, d, f;
+  var import_compiler_runtime$61 = require_compiler_runtime(), DatePickerContent = (e) => {
+    let r = (0, import_compiler_runtime$61.c)(14), c, d, f;
     r[0] === e ? (c = r[1], d = r[2], f = r[3]) : ({ className: c, popoverClassName: d, ...f } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f);
     let h;
-    r[4] === d ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(d, _temp$17), r[4] = d, r[5] = h);
+    r[4] === d ? h = r[5] : (h = $64fa3d84918910a7$export$c245e6201fed2f75(d, _temp$18), r[4] = d, r[5] = h);
     let _;
     r[6] === c ? _ = r[7] : (_ = cn("flex w-full flex-col space-y-4 outline-hidden sm:flex-row sm:space-x-4 sm:space-y-0", c), r[6] = c, r[7] = _);
     let y;
@@ -47190,10 +47190,10 @@ ${c}
       children: y
     }), r[11] = h, r[12] = y, r[13] = S) : S = r[13], S;
   }, DatePicker = (e) => {
-    let r = (0, import_compiler_runtime$60.c)(26), c, d, f, h, _;
+    let r = (0, import_compiler_runtime$61.c)(26), c, d, f, h, _;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5]) : ({ label: h, description: d, errorMessage: f, className: c, ..._ } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _);
     let [y, S] = (0, import_react.useState)(false), w;
-    r[6] === c ? w = r[7] : (w = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp2$12), r[6] = c, r[7] = w);
+    r[6] === c ? w = r[7] : (w = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp2$13), r[6] = c, r[7] = w);
     let E;
     r[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (e2) => {
       S(e2);
@@ -47247,7 +47247,7 @@ ${c}
           (0, import_jsx_runtime.jsxs)(CalendarGrid, {
             children: [
               (0, import_jsx_runtime.jsx)(CalendarGridHeader, {
-                children: _temp3$8
+                children: _temp3$9
               }),
               (0, import_jsx_runtime.jsx)(CalendarGridBody, {
                 children: _temp4$4
@@ -47272,7 +47272,7 @@ ${c}
       ]
     }), r[19] = y, r[20] = _, r[21] = w, r[22] = M, r[23] = Y7, r[24] = G, r[25] = Z7) : Z7 = r[25], Z7;
   }, DateRangePicker = (e) => {
-    let r = (0, import_compiler_runtime$60.c)(28), c, d, f, h, _;
+    let r = (0, import_compiler_runtime$61.c)(28), c, d, f, h, _;
     r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5]) : ({ label: h, description: d, errorMessage: f, className: c, ..._ } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _);
     let [y, S] = (0, import_react.useState)(false), w;
     r[6] === c ? w = r[7] : (w = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp5$2), r[6] = c, r[7] = w);
@@ -47363,13 +47363,13 @@ ${c}
       ]
     }), r[21] = y, r[22] = _, r[23] = w, r[24] = M, r[25] = q, r[26] = X7, r[27] = $7) : $7 = r[27], $7;
   };
-  function _temp$17(e) {
+  function _temp$18(e) {
     return cn("w-auto p-3", e);
   }
-  function _temp2$12(e) {
+  function _temp2$13(e) {
     return cn("group flex flex-col gap-2", e);
   }
-  function _temp3$8(e) {
+  function _temp3$9(e) {
     return (0, import_jsx_runtime.jsx)(CalendarHeaderCell, {
       children: e
     });
@@ -47392,7 +47392,7 @@ ${c}
       date: e
     });
   }
-  var import_compiler_runtime$59 = require_compiler_runtime(), DatePickerPlugin = class {
+  var import_compiler_runtime$60 = require_compiler_runtime(), DatePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-date");
       __publicField(this, "validator", object({
@@ -47414,7 +47414,7 @@ ${c}
       });
     }
   }, DatePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$59.c)(19), c;
+    let r = (0, import_compiler_runtime$60.c)(19), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let c2 = r2.toString();
@@ -47442,7 +47442,7 @@ ${c}
       fullWidth: h,
       children: w
     }), r[15] = e.fullWidth, r[16] = e.label, r[17] = w, r[18] = E) : E = r[18], E;
-  }, import_compiler_runtime$58 = require_compiler_runtime(), DateRangePickerPlugin = class {
+  }, import_compiler_runtime$59 = require_compiler_runtime(), DateRangePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-date-range");
       __publicField(this, "validator", object({
@@ -47466,7 +47466,7 @@ ${c}
       });
     }
   }, DateRangePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$58.c)(24), c;
+    let r = (0, import_compiler_runtime$59.c)(24), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let { start: c2, end: d2 } = r2, f2 = [
@@ -47504,7 +47504,7 @@ ${c}
       fullWidth: h,
       children: O
     }), r[20] = e.fullWidth, r[21] = e.label, r[22] = O, r[23] = M) : M = r[23], M;
-  }, import_compiler_runtime$57 = require_compiler_runtime(), DateTimePickerPlugin = class {
+  }, import_compiler_runtime$58 = require_compiler_runtime(), DateTimePickerPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-datetime");
       __publicField(this, "validator", object({
@@ -47530,7 +47530,7 @@ ${c}
       });
     }
   }, DateTimePickerComponent = (e) => {
-    let r = (0, import_compiler_runtime$57.c)(20), c;
+    let r = (0, import_compiler_runtime$58.c)(20), c;
     r[0] === e ? c = r[1] : (c = (r2) => {
       if (!r2) return;
       let c2 = r2.toString();
@@ -47558,7 +47558,7 @@ ${c}
       fullWidth: v,
       children: O
     }), r[16] = e.fullWidth, r[17] = e.label, r[18] = O, r[19] = M) : M = r[19], M;
-  }, import_compiler_runtime$56 = require_compiler_runtime(), DictPlugin = class {
+  }, import_compiler_runtime$57 = require_compiler_runtime(), DictPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-dict");
       __publicField(this, "validator", object({
@@ -47575,7 +47575,7 @@ ${c}
       });
     }
   }, Dict = (e) => {
-    let r = (0, import_compiler_runtime$56.c)(4), { elementIds: c, setValue: d, children: f } = e, h, _;
+    let r = (0, import_compiler_runtime$57.c)(4), { elementIds: c, setValue: d, children: f } = e, h, _;
     return r[0] !== c || r[1] !== d ? (h = () => {
       let e2 = (e3) => {
         let r2 = e3.detail.element;
@@ -47597,9 +47597,9 @@ ${c}
       c,
       d
     ], r[0] = c, r[1] = d, r[2] = h, r[3] = _) : (h = r[2], _ = r[3]), (0, import_react.useEffect)(h, _), f;
-  }, import_compiler_runtime$55 = require_compiler_runtime(), NONE_KEY = "__none__";
+  }, import_compiler_runtime$56 = require_compiler_runtime(), NONE_KEY = "__none__";
   const SearchableSelect = (e) => {
-    let r = (0, import_compiler_runtime$55.c)(25), { options: c, value: d, setValue: f, label: h, allowSelectNone: _, fullWidth: y } = e, S = (0, import_react.useId)(), [w, E] = (0, import_react.useState)(""), O;
+    let r = (0, import_compiler_runtime$56.c)(25), { options: c, value: d, setValue: f, label: h, allowSelectNone: _, fullWidth: y } = e, S = (0, import_react.useId)(), [w, E] = (0, import_react.useState)(""), O;
     bb0: {
       if (!w) {
         O = c;
@@ -47643,7 +47643,7 @@ ${c}
       }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           e2,
-          M.map(_temp$16)
+          M.map(_temp$17)
         ]
       });
     }, r[7] = _, r[8] = M, r[9] = Y7) : Y7 = r[9];
@@ -47655,7 +47655,7 @@ ${c}
     r[12] === G ? Z7 = r[13] : (Z7 = G(), r[12] = G, r[13] = Z7);
     let Q7;
     r[14] !== z || r[15] !== w || r[16] !== q || r[17] !== X7 || r[18] !== Z7 ? (Q7 = (0, import_jsx_runtime.jsx)(Combobox, {
-      displayValue: _temp2$11,
+      displayValue: _temp2$12,
       placeholder: "Select...",
       multiple: false,
       className: q,
@@ -47675,16 +47675,16 @@ ${c}
       children: Q7
     }), r[20] = y, r[21] = S, r[22] = h, r[23] = Q7, r[24] = $7) : $7 = r[24], $7;
   };
-  function _temp$16(e) {
+  function _temp$17(e) {
     return (0, import_jsx_runtime.jsx)(ComboboxItem, {
       value: e,
       children: e
     }, e);
   }
-  function _temp2$11(e) {
+  function _temp2$12(e) {
     return e === NONE_KEY ? "--" : e;
   }
-  var import_compiler_runtime$54 = require_compiler_runtime(), DropdownPlugin = class {
+  var import_compiler_runtime$55 = require_compiler_runtime(), DropdownPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-dropdown");
       __publicField(this, "validator", object({
@@ -47714,7 +47714,7 @@ ${c}
       });
     }
   }, EMPTY_VALUE = "--", Dropdown = (e) => {
-    let r = (0, import_compiler_runtime$54.c)(24), { label: c, options: d, value: f, setValue: h, allowSelectNone: _, fullWidth: y } = e, S = (0, import_react.useId)(), w = _ ? EMPTY_VALUE : d[0], E = f.length === 0 ? w : f[0], O;
+    let r = (0, import_compiler_runtime$55.c)(24), { label: c, options: d, value: f, setValue: h, allowSelectNone: _, fullWidth: y } = e, S = (0, import_react.useId)(), w = _ ? EMPTY_VALUE : d[0], E = f.length === 0 ? w : f[0], O;
     r[0] === h ? O = r[1] : (O = (e2) => {
       let r2 = e2.target.value;
       h(r2 === EMPTY_VALUE ? [] : [
@@ -47771,8 +47771,8 @@ ${c}
     values: [],
     too_many_values: false
   }));
-  var import_compiler_runtime$53 = require_compiler_runtime(), RadioGroup = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$53.c)(9), d, f;
+  var import_compiler_runtime$54 = require_compiler_runtime(), RadioGroup = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$54.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("grid gap-2", d), c[3] = d, c[4] = h);
@@ -47785,7 +47785,7 @@ ${c}
   });
   RadioGroup.displayName = Root2$1.displayName;
   var RadioGroupItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$53.c)(10), d, f;
+    let c = (0, import_compiler_runtime$54.c)(10), d, f;
     if (c[0] !== e) {
       let { className: r2, children: h2, ..._2 } = e;
       d = r2, f = _2, c[0] = e, c[1] = d, c[2] = f;
@@ -47817,8 +47817,8 @@ ${c}
   function isZodTuple(e) {
     return e instanceof zod_default.ZodTuple;
   }
-  var import_compiler_runtime$52 = require_compiler_runtime(), Textarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$52.c)(16), d, f, h;
+  var import_compiler_runtime$53 = require_compiler_runtime(), Textarea = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$53.c)(16), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: f, bottomAdornment: d, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] === f ? _ = c[5] : (_ = cn("shadow-xs-solid hover:shadow-sm-solid disabled:shadow-xs-solid focus-visible:shadow-md-solid", "flex w-full mb-1 rounded-sm border border-input bg-background px-3 py-2 text-sm font-code ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-accent disabled:cursor-not-allowed disabled:opacity-50 min-h-6", f), c[4] = f, c[5] = _);
@@ -47847,7 +47847,7 @@ ${c}
   });
   Textarea.displayName = "Textarea";
   const DebouncedTextarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$52.c)(16), d, f, h;
+    let c = (0, import_compiler_runtime$53.c)(16), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, onValueChange: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let _;
     c[4] !== f || c[5] !== h.delay || c[6] !== h.value ? (_ = {
@@ -47868,7 +47868,7 @@ ${c}
   });
   DebouncedTextarea.displayName = "DebouncedTextarea";
   const OnBlurredTextarea = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$52.c)(23), d, f, h;
+    let c = (0, import_compiler_runtime$53.c)(23), d, f, h;
     c[0] === e ? (d = c[1], f = c[2], h = c[3]) : ({ className: d, onValueChange: f, ...h } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = h);
     let [_, v] = import_react.useState(h.value), y;
     c[4] !== _ || c[5] !== f || c[6] !== h.value ? (y = {
@@ -47939,9 +47939,9 @@ ${c}
   function doesArrayRequireMinLength(e) {
     return !e.safeParse([]).success;
   }
-  var import_compiler_runtime$51 = require_compiler_runtime(), DELIMINATOR = "\n";
+  var import_compiler_runtime$52 = require_compiler_runtime(), DELIMINATOR = "\n";
   const SwitchableMultiSelect = (e) => {
-    let r = (0, import_compiler_runtime$51.c)(24), { value: c, options: d, onChange: f, className: h, placeholder: _, textAreaClassName: y, comboBoxClassName: S } = e, [w, E] = (0, import_react.useState)(false), O;
+    let r = (0, import_compiler_runtime$52.c)(24), { value: c, options: d, onChange: f, className: h, placeholder: _, textAreaClassName: y, comboBoxClassName: S } = e, [w, E] = (0, import_react.useState)(false), O;
     r[0] === c ? O = r[1] : (O = ensureStringArray(c), r[0] = c, r[1] = O);
     let M = O, I;
     r[2] !== S || r[3] !== f || r[4] !== d || r[5] !== _ || r[6] !== w || r[7] !== y || r[8] !== M ? (I = () => w ? (0, import_jsx_runtime.jsx)(TextAreaMultiSelect, {
@@ -47951,7 +47951,7 @@ ${c}
       placeholder: _ ? `${_}: one per line` : "One value per line"
     }) : (0, import_jsx_runtime.jsx)(Combobox, {
       placeholder: _,
-      displayValue: _temp$15,
+      displayValue: _temp$16,
       className: cn("w-full max-w-[400px]", S),
       multiple: true,
       value: M,
@@ -47959,7 +47959,7 @@ ${c}
       keepPopoverOpenOnSelect: true,
       chips: true,
       chipsClassName: "flex-row flex-wrap min-w-[210px]",
-      children: d.map(_temp2$10)
+      children: d.map(_temp2$11)
     }), r[2] = S, r[3] = f, r[4] = d, r[5] = _, r[6] = w, r[7] = y, r[8] = M, r[9] = I) : I = r[9];
     let z = I, Y7;
     r[10] === h ? Y7 = r[11] : (Y7 = cn("flex gap-1", h), r[10] = h, r[11] = Y7);
@@ -47990,7 +47990,7 @@ ${c}
       ]
     }), r[20] = Y7, r[21] = G, r[22] = Q7, r[23] = $7) : $7 = r[23], $7;
   }, TextAreaMultiSelect = (e) => {
-    let r = (0, import_compiler_runtime$51.c)(11), { className: c, value: d, onChange: f, placeholder: h } = e, _, v;
+    let r = (0, import_compiler_runtime$52.c)(11), { className: c, value: d, onChange: f, placeholder: h } = e, _, v;
     if (r[0] !== d) {
       let e2 = ensureStringArray(d);
       _ = Textarea, v = e2.join(DELIMINATOR), r[0] = d, r[1] = _, r[2] = v;
@@ -48017,18 +48017,18 @@ ${c}
       e
     ].filter((e2) => e2 != null || e2 !== "");
   }
-  function _temp$15(e) {
+  function _temp$16(e) {
     return e;
   }
-  function _temp2$10(e) {
+  function _temp2$11(e) {
     return (0, import_jsx_runtime.jsx)(ComboboxItem, {
       value: e,
       children: e
     }, e);
   }
-  var import_compiler_runtime$50 = require_compiler_runtime();
+  var import_compiler_runtime$51 = require_compiler_runtime();
   const ZodForm = (e) => {
-    let r = (0, import_compiler_runtime$50.c)(11), { schema: c, form: d, path: f, renderers: h, children: _ } = e, v = f === void 0 ? "" : f, y;
+    let r = (0, import_compiler_runtime$51.c)(11), { schema: c, form: d, path: f, renderers: h, children: _ } = e, v = f === void 0 ? "" : f, y;
     r[0] === h ? y = r[1] : (y = h === void 0 ? [] : h, r[0] = h, r[1] = y);
     let S = y, w;
     r[2] !== d || r[3] !== v || r[4] !== S || r[5] !== c ? (w = renderZodSchema(c, d, v, S), r[2] = d, r[3] = v, r[4] = S, r[5] = c, r[6] = w) : w = r[6];
@@ -48315,7 +48315,7 @@ ${c}
     });
   }
   var FormArray = (e) => {
-    let r = (0, import_compiler_runtime$50.c)(39), { schema: c, form: d, path: f, minLength: h, renderers: _ } = e, v;
+    let r = (0, import_compiler_runtime$51.c)(39), { schema: c, form: d, path: f, minLength: h, renderers: _ } = e, v;
     r[0] === c.description ? v = r[1] : (v = FieldOptions.parse(c.description || ""), r[0] = c.description, r[1] = v);
     let { label: S, description: w } = v, E = d.control, O;
     r[2] !== E || r[3] !== f ? (O = {
@@ -48335,7 +48335,7 @@ ${c}
       let e2;
       r[17] !== q || r[18] !== d || r[19] !== f || r[20] !== z || r[21] !== _ || r[22] !== c ? (e2 = (e3, r2) => (0, import_jsx_runtime.jsxs)("div", {
         className: "flex flex-row pl-2 ml-2 border-l-2 border-disabled hover-actions-parent relative pr-5 pt-1 items-center w-fit",
-        onKeyDown: Events.onEnter(_temp$14),
+        onKeyDown: Events.onEnter(_temp$15),
         children: [
           renderZodSchema(c, d, `${f}[${r2}]`, _),
           q && (0, import_jsx_runtime.jsx)(Trash2, {
@@ -48392,7 +48392,7 @@ ${c}
       ]
     }), r[33] = X7, r[34] = Z7, r[35] = Q7, r[36] = $7, r[37] = n9, r[38] = r9) : r9 = r[38], r9;
   }, StringFormField = (e) => {
-    let r = (0, import_compiler_runtime$50.c)(21), { schema: c, form: d, path: f } = e, h;
+    let r = (0, import_compiler_runtime$51.c)(21), { schema: c, form: d, path: f } = e, h;
     r[0] === c.description ? h = r[1] : (h = FieldOptions.parse(c.description), r[0] = c.description, r[1] = h);
     let { label: _, description: v, placeholder: y, disabled: S, inputType: w } = h;
     if (w === "textarea") {
@@ -48461,7 +48461,7 @@ ${c}
       render: E
     }), r[17] = d.control, r[18] = f, r[19] = E, r[20] = O) : O = r[20], O;
   }, MultiStringFormField = (e) => {
-    let r = (0, import_compiler_runtime$50.c)(10), { schema: c, form: d, path: f } = e, h;
+    let r = (0, import_compiler_runtime$51.c)(10), { schema: c, form: d, path: f } = e, h;
     r[0] === c.description ? h = r[1] : (h = FieldOptions.parse(c.description), r[0] = c.description, r[1] = h);
     let { label: _, description: v, placeholder: y } = h, S;
     r[2] !== v || r[3] !== _ || r[4] !== y ? (S = (e2) => {
@@ -48491,7 +48491,7 @@ ${c}
       render: S
     }), r[6] = d.control, r[7] = f, r[8] = S, r[9] = w) : w = r[9], w;
   }, SelectFormField = (e) => {
-    let r = (0, import_compiler_runtime$50.c)(22), { schema: c, form: d, path: f, options: h, textTransform: _ } = e, v;
+    let r = (0, import_compiler_runtime$51.c)(22), { schema: c, form: d, path: f, options: h, textTransform: _ } = e, v;
     r[0] === c.description ? v = r[1] : (v = FieldOptions.parse(c.description), r[0] = c.description, r[1] = v);
     let { label: y, description: S, disabled: w, special: E } = v;
     if (E === "radio_group") {
@@ -48593,7 +48593,7 @@ ${c}
       render: O
     }), r[17] = w, r[18] = d.control, r[19] = f, r[20] = O, r[21] = M) : M = r[21], M;
   }, MultiSelectFormField = (e) => {
-    let r = (0, import_compiler_runtime$50.c)(15), { schema: c, form: d, path: f, options: h, itemLabel: _, showSwitchable: v } = e, y;
+    let r = (0, import_compiler_runtime$51.c)(15), { schema: c, form: d, path: f, options: h, itemLabel: _, showSwitchable: v } = e, y;
     r[0] === c.description ? y = r[1] : (y = FieldOptions.parse(c.description), r[0] = c.description, r[1] = y);
     let { label: S, description: w, placeholder: E } = y, O;
     r[2] !== _ || r[3] !== E ? (O = E ?? (_ ? `Select ${_ == null ? void 0 : _.toLowerCase()}` : void 0), r[2] = _, r[3] = E, r[4] = O) : O = r[4];
@@ -48618,13 +48618,13 @@ ${c}
             }) : (0, import_jsx_runtime.jsx)(Combobox, {
               className: "min-w-[180px]",
               placeholder: M,
-              displayValue: _temp2$9,
+              displayValue: _temp2$10,
               multiple: true,
               chips: true,
               keepPopoverOpenOnSelect: true,
               value: c2,
               onValueChange: r2.onChange,
-              children: h.map(_temp3$7)
+              children: h.map(_temp3$8)
             })
           }),
           (0, import_jsx_runtime.jsx)(FormMessage, {})
@@ -48641,21 +48641,21 @@ ${c}
   function joinPath(...e) {
     return e.filter((e2) => e2 !== "").join(".");
   }
-  function _temp$14(e) {
+  function _temp$15(e) {
     return e.preventDefault();
   }
-  function _temp2$9(e) {
+  function _temp2$10(e) {
     return Strings.startCase(e);
   }
-  function _temp3$7(e) {
+  function _temp3$8(e) {
     return (0, import_jsx_runtime.jsx)(ComboboxItem, {
       value: e,
       children: e
     }, e);
   }
-  var import_compiler_runtime$49 = require_compiler_runtime();
+  var import_compiler_runtime$50 = require_compiler_runtime();
   const DataTypeIcon = (e) => {
-    let r = (0, import_compiler_runtime$49.c)(4), { type: c } = e, d;
+    let r = (0, import_compiler_runtime$50.c)(4), { type: c } = e, d;
     r[0] === c ? d = r[1] : (d = () => c.startsWith("int") || c.startsWith("float") || c.startsWith("uint") || c.startsWith("number") || c.startsWith("complex") ? (0, import_jsx_runtime.jsx)(Binary, {
       size: 14
     }) : c.startsWith("object") || c.startsWith("string") ? (0, import_jsx_runtime.jsx)(CaseSensitive, {
@@ -48673,7 +48673,7 @@ ${c}
       children: f()
     }), r[2] = f, r[3] = h), h;
   };
-  var import_compiler_runtime$48 = require_compiler_runtime();
+  var import_compiler_runtime$49 = require_compiler_runtime();
   const columnIdRenderer = () => ({
     isMatch: (e) => {
       let { special: r } = FieldOptions.parse(e.description || "");
@@ -48775,7 +48775,7 @@ ${c}
     }
   });
   var MultiColumnFormField = (e) => {
-    let r = (0, import_compiler_runtime$48.c)(11), { schema: c, form: d, path: f, itemLabel: h } = e, _ = import_react.use(ColumnInfoContext), v;
+    let r = (0, import_compiler_runtime$49.c)(11), { schema: c, form: d, path: f, itemLabel: h } = e, _ = import_react.use(ColumnInfoContext), v;
     r[0] === c.description ? v = r[1] : (v = FieldOptions.parse(c.description), r[0] = c.description, r[1] = v);
     let { description: y } = v, S = h ? `Select ${h.toLowerCase()}` : void 0, w;
     r[2] !== _ || r[3] !== y || r[4] !== h || r[5] !== S ? (w = (e2) => {
@@ -48802,7 +48802,7 @@ ${c}
               },
               children: [
                 ..._.entries()
-              ].map(_temp$13)
+              ].map(_temp$14)
             })
           }),
           (0, import_jsx_runtime.jsx)(FormMessage, {})
@@ -48940,7 +48940,7 @@ ${c}
     }
   });
   var StyledFormMessage = (e) => {
-    let r = (0, import_compiler_runtime$48.c)(4), { className: c } = e, d;
+    let r = (0, import_compiler_runtime$49.c)(4), { className: c } = e, d;
     r[0] === c ? d = r[1] : (d = cn("text-destructive text-xs w-[16px]", c), r[0] = c, r[1] = d);
     let f;
     return r[2] === d ? f = r[3] : (f = (0, import_jsx_runtime.jsx)(FormMessageTooltip, {
@@ -48963,9 +48963,9 @@ ${c}
   });
   var ColumnFilterForm = (e) => {
     var _a3;
-    let r = (0, import_compiler_runtime$48.c)(25), { path: c, form: d, schema: f } = e, h;
+    let r = (0, import_compiler_runtime$49.c)(25), { path: c, form: d, schema: f } = e, h;
     r[0] === f.description ? h = r[1] : (h = FieldOptions.parse(f.description), r[0] = f.description, r[1] = h);
-    let { description: y } = h, S = import_react.use(ColumnInfoContext), w = (_a3 = Objects.entries(f.shape).find(_temp2$8)) == null ? void 0 : _a3[1], E;
+    let { description: y } = h, S = import_react.use(ColumnInfoContext), w = (_a3 = Objects.entries(f.shape).find(_temp2$9)) == null ? void 0 : _a3[1], E;
     r[2] === c ? E = r[3] : (E = {
       name: c
     }, r[2] = c, r[3] = E);
@@ -49027,7 +49027,7 @@ ${c}
                     }),
                     (0, import_jsx_runtime.jsx)(SelectContent, {
                       children: (0, import_jsx_runtime.jsx)(SelectGroup, {
-                        children: f2.map(_temp3$6)
+                        children: f2.map(_temp3$7)
                       })
                     })
                   ]
@@ -49074,7 +49074,7 @@ ${c}
     multiColumnValuesRenderer(),
     filterFormRenderer()
   ];
-  function _temp$13(e) {
+  function _temp$14(e) {
     let [r, c] = e;
     return (0, import_jsx_runtime.jsx)(ComboboxItem, {
       value: r,
@@ -49100,11 +49100,11 @@ ${c}
       })
     }, r);
   }
-  function _temp2$8(e) {
+  function _temp2$9(e) {
     let [r] = e;
     return r === "column_id";
   }
-  function _temp3$6(e) {
+  function _temp3$7(e) {
     return (0, import_jsx_runtime.jsx)(SelectItem, {
       value: e,
       children: Strings.startCase(e)
@@ -49118,7 +49118,7 @@ ${c}
     for (let [e2, [r2]] of d) f.set(e2, r2);
     return f;
   }
-  var import_compiler_runtime$47 = require_compiler_runtime();
+  var import_compiler_runtime$48 = require_compiler_runtime();
   const TransformPanel = ({ initialValue: e, columns: r, onChange: c, onInvalidChange: d, getColumnValues: f, columnTypesPerStep: h, lazy: _, ref: v }) => {
     var _a3;
     let y = useForm({
@@ -49281,7 +49281,7 @@ ${c}
       })
     });
   }, Sidebar = (e) => {
-    let r = (0, import_compiler_runtime$47.c)(17), { items: c, selected: d, onAdd: f, onSelect: h, onDelete: _ } = e, y;
+    let r = (0, import_compiler_runtime$48.c)(17), { items: c, selected: d, onAdd: f, onSelect: h, onDelete: _ } = e, y;
     if (r[0] !== c || r[1] !== _ || r[2] !== h || r[3] !== d) {
       let e2;
       r[5] !== _ || r[6] !== h || r[7] !== d ? (e2 = (e3, r2) => (0, import_jsx_runtime.jsxs)("div", {
@@ -49341,7 +49341,7 @@ ${c}
     }), r[14] = S, r[15] = E, r[16] = O) : O = r[16], O;
   };
   var AddTransformDropdown = (e) => {
-    let r = (0, import_compiler_runtime$47.c)(12), { onAdd: c, children: d } = e, f;
+    let r = (0, import_compiler_runtime$48.c)(12), { onAdd: c, children: d } = e, f;
     r[0] === d ? f = r[1] : (f = (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
       asChild: true,
       children: d
@@ -49369,7 +49369,7 @@ ${c}
     }), r[4] = c, r[5] = v);
     let y;
     r[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (0, import_jsx_runtime.jsx)(DropdownMenuItem, {
-      onSelect: _temp3$5,
+      onSelect: _temp3$6,
       children: (0, import_jsx_runtime.jsx)("span", {
         className: "underline text-primary text-xs cursor-pointer",
         children: "Request a transform"
@@ -49412,10 +49412,10 @@ ${c}
     unique: CopySlash,
     pivot: Table2
   };
-  function _temp3$5(e) {
+  function _temp3$6(e) {
     e.stopPropagation(), window.open("https://github.com/marimo-team/marimo/issues/new?title=New%20dataframe%20transform:&labels=enhancement&template=feature_request.yaml", "_blank");
   }
-  var import_compiler_runtime$46 = require_compiler_runtime();
+  var import_compiler_runtime$47 = require_compiler_runtime();
   const DataFramePlugin = createPlugin("marimo-dataframe").withData(object({
     label: string().nullish(),
     pageSize: number().default(5),
@@ -49478,7 +49478,7 @@ ${c}
     transforms: []
   };
   const DataFrameComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$46.c)(69), { columns: c, pageSize: d, showDownload: f, lazy: h, value: _, setValue: v, get_dataframe: y, get_column_values: S, search: w, download_as: E, host: O } = e, M;
+    let r = (0, import_compiler_runtime$47.c)(69), { columns: c, pageSize: d, showDownload: f, lazy: h, value: _, setValue: v, get_dataframe: y, get_column_values: S, search: w, download_as: E, host: O } = e, M;
     r[0] === y ? M = r[1] : (M = () => y({}), r[0] = y, r[1] = M);
     let I = _ == null ? void 0 : _.transforms, z;
     r[2] === I ? z = r[3] : (z = [
@@ -49750,6 +49750,7 @@ ${c}
       parentDirectories: y
     };
   }
+  var import_compiler_runtime$46 = require_compiler_runtime();
   const FileBrowserPlugin = createPlugin("marimo-file-browser").withData(object({
     initialPath: string(),
     filetypes: array(string()),
@@ -49778,16 +49779,63 @@ ${c}
     setValue: e.setValue
   }));
   var PARENT_DIRECTORY = "..";
-  const FileBrowser = ({ value: e, setValue: r, initialPath: c, selectionMode: d, multiple: f, label: h, restrictNavigation: _, list_directory: y, host: S }) => {
+  function CheckboxOrIcon(e) {
+    let r = (0, import_compiler_runtime$46.c)(19), { isSelected: c, canSelect: d, Icon: f, onSelect: h } = e;
+    if (d) {
+      let e2;
+      r[0] === h ? e2 = r[1] : (e2 = (e3) => {
+        h(), e3.stopPropagation();
+      }, r[0] = h, r[1] = e2);
+      let d2 = !c, _2;
+      r[2] === d2 ? _2 = r[3] : (_2 = cn({
+        "hidden group-hover:flex": d2
+      }), r[2] = d2, r[3] = _2);
+      let y;
+      r[4] !== c || r[5] !== e2 || r[6] !== _2 ? (y = (0, import_jsx_runtime.jsx)(Checkbox, {
+        checked: c,
+        onClick: e2,
+        className: _2
+      }), r[4] = c, r[5] = e2, r[6] = _2, r[7] = y) : y = r[7];
+      let S = !c, w;
+      r[8] !== c || r[9] !== S ? (w = cn("mr-2", {
+        hidden: c,
+        "group-hover:hidden": S
+      }), r[8] = c, r[9] = S, r[10] = w) : w = r[10];
+      let E;
+      r[11] !== f || r[12] !== w ? (E = (0, import_jsx_runtime.jsx)(f, {
+        size: 16,
+        className: w
+      }), r[11] = f, r[12] = w, r[13] = E) : E = r[13];
+      let O;
+      return r[14] !== y || r[15] !== E ? (O = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [
+          y,
+          E
+        ]
+      }), r[14] = y, r[15] = E, r[16] = O) : O = r[16], O;
+    }
+    let _;
+    return r[17] === f ? _ = r[18] : (_ = (0, import_jsx_runtime.jsx)(f, {
+      size: 16,
+      className: "mr-2"
+    }), r[17] = f, r[18] = _), _;
+  }
+  const FileBrowser = (e) => {
     var _a3;
-    let [w, E] = useInternalStateWithSync(c), [O, M] = (0, import_react.useState)("Select all"), [I, z] = (0, import_react.useState)(false), [G, q] = (0, import_react.useState)(false), X7 = (_a3 = S.closest(`[${RANDOM_ID_ATTR}]`)) == null ? void 0 : _a3.getAttribute(RANDOM_ID_ATTR), { data: Z7, error: Q7, isPending: $7 } = useAsyncData(() => y({
-      path: w
-    }), [
-      w,
-      X7
-    ]);
-    if ((0, import_react.useEffect)(() => {
-      if (!$7) {
+    let r = (0, import_compiler_runtime$46.c)(122), { value: c, setValue: d, initialPath: f, selectionMode: h, multiple: _, label: y, restrictNavigation: S, list_directory: w, host: E } = e, [O, M] = useInternalStateWithSync(f), [I, z] = (0, import_react.useState)(false), [G, q] = (0, import_react.useState)(false), X7;
+    r[0] === E ? X7 = r[1] : (X7 = (_a3 = E.closest(`[${RANDOM_ID_ATTR}]`)) == null ? void 0 : _a3.getAttribute(RANDOM_ID_ATTR), r[0] = E, r[1] = X7);
+    let Z7 = X7, Q7;
+    r[2] !== w || r[3] !== O ? (Q7 = () => w({
+      path: O
+    }), r[2] = w, r[3] = O, r[4] = Q7) : Q7 = r[4];
+    let $7;
+    r[5] !== O || r[6] !== Z7 ? ($7 = [
+      O,
+      Z7
+    ], r[5] = O, r[6] = Z7, r[7] = $7) : $7 = r[7];
+    let { data: t9, error: n9, isPending: r9 } = useAsyncData(Q7, $7), i9, a9;
+    r[8] === r9 ? (i9 = r[9], a9 = r[10]) : (i9 = () => {
+      if (!r9) {
         q(false);
         return;
       }
@@ -49797,267 +49845,303 @@ ${c}
       return () => {
         window.clearTimeout(e2);
       };
-    }, [
-      $7
-    ]), !Z7 && Q7) return (0, import_jsx_runtime.jsx)(Banner, {
-      kind: "danger",
-      children: Q7.message
-    });
-    let { files: t9 } = Z7 || {};
-    t9 === void 0 && (t9 = []);
-    let n9 = PathBuilder.guessDeliminator(c).deliminator, r9 = new Set(e.map((e2) => e2.path)), i9 = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
-      children: e2.path
-    }, e2.id)), a9 = d === "directory" || d === "all", o9 = d === "file" || d === "all";
-    function s9(e2) {
-      if (I) return;
-      if (z(true), e2 === PARENT_DIRECTORY) {
-        if (w === n9) {
-          z(false);
-          return;
+    }, a9 = [
+      r9
+    ], r[8] = r9, r[9] = i9, r[10] = a9), (0, import_react.useEffect)(i9, a9);
+    let o9, s9, c9, l9, u9, d9, f9, p9, m9;
+    if (r[11] !== t9 || r[12] !== n9 || r[13] !== f || r[14] !== I || r[15] !== _ || r[16] !== O || r[17] !== S || r[18] !== h || r[19] !== M || r[20] !== d || r[21] !== c) {
+      m9 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      bb0: {
+        u9 = (t9 == null ? void 0 : t9.files) ?? [];
+        let e2;
+        r[31] === c ? e2 = r[32] : (e2 = new Set(c.map(_temp$13)), r[31] = c, r[32] = e2);
+        let y2 = e2, w2 = h === "directory" || h === "all", E2 = h === "file" || h === "all", Y7;
+        r[33] !== w2 || r[34] !== E2 ? (Y7 = (e3) => w2 && e3.is_directory || E2 && !e3.is_directory, r[33] = w2, r[34] = E2, r[35] = Y7) : Y7 = r[35];
+        let G2 = u9.filter(Y7);
+        if (o9 = G2.length > 0 && G2.every((e3) => y2.has(e3.path)), !t9 && n9) {
+          let e3;
+          r[36] === n9.message ? e3 = r[37] : (e3 = (0, import_jsx_runtime.jsx)(Banner, {
+            kind: "danger",
+            children: n9.message
+          }), r[36] = n9.message, r[37] = e3), m9 = e3;
+          break bb0;
         }
-        e2 = Paths.dirname(w), e2 === "" && (e2 = n9);
-      }
-      let r2 = e2.length < c.length;
-      if (_ && r2) {
-        toast({
-          title: "Access denied",
-          description: "Access to directories outside initial path is restricted.",
-          variant: "danger"
-        }), z(false);
-        return;
-      }
-      E(e2), M("Select all"), z(false);
-    }
-    function c9({ path: e2, name: r2, isDirectory: c2 }) {
-      return {
-        id: e2,
-        name: r2,
-        path: e2,
-        is_directory: c2
-      };
-    }
-    function l9({ path: c2, name: d2, isDirectory: h2 }) {
-      let _2 = c9({
-        path: c2,
-        name: d2,
-        isDirectory: h2
-      });
-      f ? r9.has(c2) ? (r(e.filter((e2) => e2.path !== c2)), M("Select all")) : r([
-        ...e,
-        _2
-      ]) : r([
-        _2
-      ]);
-    }
-    function u9() {
-      r(e.filter((e2) => Paths.dirname(e2.path) !== w)), M("Select all");
-    }
-    function d9() {
-      if (!t9) return;
-      let c2 = [];
-      for (let e2 of t9) {
-        if (!a9 && e2.is_directory || r9.has(e2.path)) continue;
-        let r2 = c9({
-          path: e2.path,
-          name: e2.name,
-          isDirectory: e2.is_directory
-        });
-        c2.push(r2);
-      }
-      r([
-        ...e,
-        ...c2
-      ]), M("Deselect all");
-    }
-    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: [
-        (0, import_jsx_runtime.jsx)(TableCell, {
+        let q2;
+        r[38] === f ? q2 = r[39] : (q2 = PathBuilder.guessDeliminator(f), r[38] = f, r[39] = q2), s9 = q2.deliminator;
+        let X72;
+        r[40] === c ? X72 = r[41] : (X72 = c.map(_temp2$8), r[40] = c, r[41] = X72), f9 = X72;
+        let Z72;
+        r[42] !== s9 || r[43] !== f || r[44] !== I || r[45] !== O || r[46] !== S || r[47] !== M ? (Z72 = function(e3) {
+          if (I) return;
+          if (z(true), e3 === PARENT_DIRECTORY) {
+            if (O === s9) {
+              z(false);
+              return;
+            }
+            e3 = Paths.dirname(O), e3 === "" && (e3 = s9);
+          }
+          let r2 = e3.length < f.length;
+          if (S && r2) {
+            toast({
+              title: "Access denied",
+              description: "Access to directories outside initial path is restricted.",
+              variant: "danger"
+            }), z(false);
+            return;
+          }
+          M(e3), z(false);
+        }, r[42] = s9, r[43] = f, r[44] = I, r[45] = O, r[46] = S, r[47] = M, r[48] = Z72) : Z72 = r[48], p9 = Z72;
+        let Q72;
+        r[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q72 = function(e3) {
+          let { path: r2, name: c2, isDirectory: d2 } = e3;
+          return {
+            id: r2,
+            name: c2,
+            path: r2,
+            is_directory: d2
+          };
+        }, r[49] = Q72) : Q72 = r[49];
+        let $72 = Q72, r92;
+        r[50] !== _ || r[51] !== y2 || r[52] !== d || r[53] !== c ? (r92 = function(e3) {
+          let { path: r2, name: f2, isDirectory: h2 } = e3, v = $72({
+            path: r2,
+            name: f2,
+            isDirectory: h2
+          });
+          y2.has(r2) ? d(c.filter((e4) => e4.path !== r2)) : d(_ ? [
+            ...c,
+            v
+          ] : [
+            v
+          ]);
+        }, r[50] = _, r[51] = y2, r[52] = d, r[53] = c, r[54] = r92) : r92 = r[54];
+        let i92 = r92, a92;
+        r[55] !== O || r[56] !== d || r[57] !== c ? (a92 = function() {
+          d(c.filter((e3) => Paths.dirname(e3.path) !== O));
+        }, r[55] = O, r[56] = d, r[57] = c, r[58] = a92) : a92 = r[58], c9 = a92, d9 = function() {
+          let e3 = [];
+          for (let r2 of u9) {
+            if (!w2 && r2.is_directory || y2.has(r2.path)) continue;
+            let c2 = $72({
+              path: r2.path,
+              name: r2.name,
+              isDirectory: r2.is_directory
+            });
+            e3.push(c2);
+          }
+          d([
+            ...c,
+            ...e3
+          ]);
+        }, l9 = [];
+        let h92;
+        r[59] === p9 ? h92 = r[60] : (h92 = () => p9(PARENT_DIRECTORY), r[59] = p9, r[60] = h92);
+        let g92, _92;
+        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g92 = (0, import_jsx_runtime.jsx)(TableCell, {
           className: "w-[50px] pl-4",
           children: (0, import_jsx_runtime.jsx)(CornerLeftUp, {
             size: 16
           })
-        }),
-        (0, import_jsx_runtime.jsx)(TableCell, {
+        }), _92 = (0, import_jsx_runtime.jsx)(TableCell, {
           children: PARENT_DIRECTORY
-        })
-      ]
-    }, "Parent directory"));
-    for (let e2 of t9) {
-      let r2 = e2.path;
-      r2.startsWith("//") && (r2 = r2.slice(1));
-      let c2 = e2.is_directory ? ({ path: e3 }) => s9(e3) : l9, d2 = FILE_ICON[e2.is_directory ? "directory" : guessFileIconType(e2.name)], f2 = r9.has(r2), h2 = () => a9 && e2.is_directory || o9 && !e2.is_directory ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [
-          (0, import_jsx_runtime.jsx)(Checkbox, {
-            checked: f2,
-            onClick: (c3) => {
-              l9({
-                path: r2,
-                name: e2.name,
-                isDirectory: e2.is_directory
-              }), c3.stopPropagation();
-            },
-            className: cn("", {
-              "hidden group-hover:flex": !f2
-            })
-          }),
-          (0, import_jsx_runtime.jsx)(d2, {
-            size: 16,
-            className: cn("mr-2", {
-              hidden: f2,
-              "group-hover:hidden": !f2
-            })
-          })
-        ]
-      }) : (0, import_jsx_runtime.jsx)(d2, {
-        size: 16,
-        className: "mr-2"
-      });
-      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
-        }),
-        onClick: () => c2({
-          path: r2,
-          name: e2.name,
-          isDirectory: e2.is_directory
-        }),
-        children: [
-          (0, import_jsx_runtime.jsx)(TableCell, {
-            className: "w-[50px] pl-4",
-            children: h2()
-          }),
-          (0, import_jsx_runtime.jsx)(TableCell, {
-            children: e2.name
-          })
-        ]
-      }, e2.id));
-    }
-    let { parentDirectories: p9 } = getProtocolAndParentDirectories({
-      path: w,
-      delimiter: n9,
-      initialPath: c,
-      restrictNavigation: _
-    }), 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, {
-          kind: "danger",
-          children: Q7.message
-        }),
-        (() => {
-          h ?? (h = `Select ${m9.join(" and ", 2)}...`);
-          let e2 = (0, import_jsx_runtime.jsx)(Label, {
-            children: renderHTML({
-              html: h
-            })
-          });
-          return f ? (0, import_jsx_runtime.jsxs)("div", {
-            className: "flex items-center justify-between border px-2",
+        }), r[61] = g92, r[62] = _92) : (g92 = r[61], _92 = r[62]);
+        let v92;
+        r[63] === h92 ? v92 = r[64] : (v92 = (0, import_jsx_runtime.jsxs)(TableRow, {
+          className: "hover:bg-accent select-none",
+          onClick: h92,
+          children: [
+            g92,
+            _92
+          ]
+        }, "Parent directory"), r[63] = h92, r[64] = v92), l9.push(v92);
+        for (let e3 of u9) {
+          let r2 = e3.path;
+          r2.startsWith("//") && (r2 = r2.slice(1));
+          let c2 = e3.is_directory ? (e4) => {
+            let { path: r3 } = e4;
+            return p9(r3);
+          } : i92, d2 = FILE_ICON[e3.is_directory ? "directory" : guessFileIconType(e3.name)], f2 = y2.has(r2);
+          l9.push((0, import_jsx_runtime.jsxs)(TableRow, {
+            className: cn("hover:bg-accent group select-none", {
+              "bg-primary/25 hover:bg-primary/35": f2
+            }),
+            onClick: () => c2({
+              path: r2,
+              name: e3.name,
+              isDirectory: e3.is_directory
+            }),
             children: [
-              (0, import_jsx_runtime.jsx)("div", {
-                className: "mb-1",
-                children: e2
-              }),
-              (0, import_jsx_runtime.jsx)("div", {
-                children: (0, import_jsx_runtime.jsx)(Button, {
-                  size: "xs",
-                  variant: "link",
-                  onClick: O === "Select all" ? () => d9() : () => u9(),
-                  children: renderHTML({
-                    html: O
+              (0, import_jsx_runtime.jsx)(TableCell, {
+                className: "w-[50px] pl-4",
+                children: (0, import_jsx_runtime.jsx)(CheckboxOrIcon, {
+                  isSelected: f2,
+                  canSelect: w2 && e3.is_directory || E2 && !e3.is_directory,
+                  Icon: d2,
+                  onSelect: () => i92({
+                    path: r2,
+                    name: e3.name,
+                    isDirectory: e3.is_directory
                   })
                 })
+              }),
+              (0, import_jsx_runtime.jsx)(TableCell, {
+                children: e3.name
               })
             ]
-          }) : e2;
-        })(),
-        (0, import_jsx_runtime.jsx)(NativeSelect, {
-          className: "mt-2 w-full",
-          placeholder: w,
-          value: w,
-          onChange: (e2) => s9(e2.target.value),
-          children: p9.map((e2) => (0, import_jsx_runtime.jsx)("option", {
-            value: e2,
-            selected: e2 === w,
-            children: e2
-          }, e2))
-        }),
-        Z7 && typeof Z7.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
-          className: "text-xs text-muted-foreground mt-1 px-1",
-          children: Z7.is_truncated ? `Showing ${t9.length} of ${Z7.total_count} items` : `${Z7.total_count} ${Z7.total_count === 1 ? "item" : "items"}`
-        }),
-        (0, import_jsx_runtime.jsxs)("div", {
-          className: "mt-3 overflow-y-auto w-full border relative",
-          style: {
-            height: "14rem"
-          },
-          "aria-busy": $7,
-          "aria-live": "polite",
+          }, e3.id));
+        }
+      }
+      r[11] = t9, r[12] = n9, r[13] = f, r[14] = I, r[15] = _, r[16] = O, r[17] = S, r[18] = h, r[19] = M, r[20] = d, r[21] = c, r[22] = o9, r[23] = s9, r[24] = c9, r[25] = l9, r[26] = u9, r[27] = d9, r[28] = f9, r[29] = p9, r[30] = m9;
+    } else o9 = r[22], s9 = r[23], c9 = r[24], l9 = r[25], u9 = r[26], d9 = r[27], f9 = r[28], p9 = r[29], m9 = r[30];
+    if (m9 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return m9;
+    let h9, g9, _9, v9, y9, b9, x9;
+    if (r[65] !== o9 || r[66] !== t9 || r[67] !== s9 || r[68] !== c9 || r[69] !== n9 || r[70] !== l9 || r[71] !== u9 || r[72] !== f || r[73] !== r9 || r[74] !== y || r[75] !== _ || r[76] !== O || r[77] !== S || r[78] !== d9 || r[79] !== f9 || r[80] !== h || r[81] !== p9 || r[82] !== d || r[83] !== G || r[84] !== c.length) {
+      let { parentDirectories: e2 } = getProtocolAndParentDirectories({
+        path: O,
+        delimiter: s9,
+        initialPath: f,
+        restrictNavigation: S
+      }), w2 = h === "all" ? PluralWords.of("file", "folder") : h === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+      r[92] === n9 ? x9 = r[93] : (x9 = n9 && (0, import_jsx_runtime.jsx)(Banner, {
+        kind: "danger",
+        children: n9.message
+      }), r[92] = n9, r[93] = x9), h9 = (() => {
+        let e3 = (0, import_jsx_runtime.jsx)(Label, {
+          children: renderHTML({
+            html: y ?? `Select ${w2.join(" and ", 2)}...`
+          })
+        });
+        return _ ? (0, import_jsx_runtime.jsxs)("div", {
+          className: "flex items-center justify-between border px-2",
           children: [
-            G && (0, import_jsx_runtime.jsxs)("div", {
-              className: "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-background/80 text-xs text-muted-foreground pointer-events-none z-10",
-              role: "status",
-              children: [
-                (0, import_jsx_runtime.jsx)(Spinner, {
-                  size: "small"
-                }),
-                (0, import_jsx_runtime.jsx)("span", {
-                  children: "Listing files..."
-                })
-              ]
+            (0, import_jsx_runtime.jsx)("div", {
+              className: "mb-1",
+              children: e3
             }),
-            (0, import_jsx_runtime.jsx)(Table, {
-              className: "cursor-pointer table-fixed",
-              children: (0, import_jsx_runtime.jsx)(TableBody, {
-                children: f9
+            (0, import_jsx_runtime.jsx)("div", {
+              children: (0, import_jsx_runtime.jsx)(Button, {
+                size: "xs",
+                variant: "link",
+                onClick: o9 ? c9 : d9,
+                children: o9 ? "Deselect all" : "Select all"
               })
             })
           ]
-        }),
-        (0, import_jsx_runtime.jsx)("div", {
-          className: "mt-4",
-          children: e.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        }) : e3;
+      })();
+      let E2;
+      r[94] === p9 ? E2 = r[95] : (E2 = (e3) => p9(e3.target.value), r[94] = p9, r[95] = E2);
+      let M2 = e2.map(_temp3$5);
+      r[96] !== O || r[97] !== E2 || r[98] !== M2 ? (g9 = (0, import_jsx_runtime.jsx)(NativeSelect, {
+        className: "mt-2 w-full",
+        placeholder: O,
+        value: O,
+        onChange: E2,
+        children: M2
+      }), r[96] = O, r[97] = E2, r[98] = M2, r[99] = g9) : g9 = r[99], r[100] !== t9 || r[101] !== u9 ? (_9 = t9 && typeof t9.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
+        className: "text-xs text-muted-foreground mt-1 px-1",
+        children: t9.is_truncated ? `Showing ${u9.length} of ${t9.total_count} items` : `${t9.total_count} ${t9.total_count === 1 ? "item" : "items"}`
+      }), r[100] = t9, r[101] = u9, r[102] = _9) : _9 = r[102];
+      let I2;
+      r[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I2 = {
+        height: "14rem"
+      }, r[103] = I2) : I2 = r[103];
+      let z2;
+      r[104] === G ? z2 = r[105] : (z2 = G && (0, import_jsx_runtime.jsxs)("div", {
+        className: "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-background/80 text-xs text-muted-foreground pointer-events-none z-10",
+        role: "status",
+        children: [
+          (0, import_jsx_runtime.jsx)(Spinner, {
+            size: "small"
+          }),
+          (0, import_jsx_runtime.jsx)("span", {
+            children: "Listing files..."
+          })
+        ]
+      }), r[104] = G, r[105] = z2);
+      let q2;
+      r[106] === l9 ? q2 = r[107] : (q2 = (0, import_jsx_runtime.jsx)(Table, {
+        className: "cursor-pointer table-fixed",
+        children: (0, import_jsx_runtime.jsx)(TableBody, {
+          children: l9
+        })
+      }), r[106] = l9, r[107] = q2), r[108] !== r9 || r[109] !== z2 || r[110] !== q2 ? (v9 = (0, import_jsx_runtime.jsxs)("div", {
+        className: "mt-3 overflow-y-auto w-full border relative",
+        style: I2,
+        "aria-busy": r9,
+        "aria-live": "polite",
+        children: [
+          z2,
+          q2
+        ]
+      }), r[108] = r9, r[109] = z2, r[110] = q2, r[111] = v9) : v9 = r[111], y9 = "mt-4", b9 = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [
+          (0, import_jsx_runtime.jsxs)("div", {
+            className: "flex items-center gap-2",
             children: [
-              (0, import_jsx_runtime.jsxs)("div", {
-                className: "flex items-center gap-2",
+              (0, import_jsx_runtime.jsxs)("span", {
+                className: "font-bold text-xs",
                 children: [
-                  (0, import_jsx_runtime.jsxs)("span", {
-                    className: "font-bold text-xs",
-                    children: [
-                      e.length,
-                      " ",
-                      m9.join(" or ", e.length),
-                      " ",
-                      "selected"
-                    ]
-                  }),
-                  (0, import_jsx_runtime.jsx)("button", {
-                    className: cn("text-xs text-destructive hover:underline"),
-                    onClick: () => r([]),
-                    type: "button",
-                    children: "clear all"
-                  })
+                  c.length,
+                  " ",
+                  w2.join(" or ", c.length),
+                  " ",
+                  "selected"
                 ]
               }),
-              (0, import_jsx_runtime.jsx)("div", {
-                className: "markdown",
-                children: (0, import_jsx_runtime.jsx)("ul", {
-                  style: {
-                    marginBlock: 0
-                  },
-                  className: "m-0 text-xs text-muted-foreground",
-                  children: i9
-                })
+              (0, import_jsx_runtime.jsx)("button", {
+                className: cn("text-xs text-destructive hover:underline"),
+                onClick: () => d([]),
+                type: "button",
+                children: "clear all"
               })
             ]
+          }),
+          (0, import_jsx_runtime.jsx)("div", {
+            className: "markdown",
+            children: (0, import_jsx_runtime.jsx)("ul", {
+              style: {
+                marginBlock: 0
+              },
+              className: "m-0 text-xs text-muted-foreground",
+              children: f9
+            })
           })
-        })
+        ]
+      }), r[65] = o9, r[66] = t9, r[67] = s9, r[68] = c9, r[69] = n9, r[70] = l9, r[71] = u9, r[72] = f, r[73] = r9, r[74] = y, r[75] = _, r[76] = O, r[77] = S, r[78] = d9, r[79] = f9, r[80] = h, r[81] = p9, r[82] = d, r[83] = G, r[84] = c.length, r[85] = h9, r[86] = g9, r[87] = _9, r[88] = v9, r[89] = y9, r[90] = b9, r[91] = x9;
+    } else h9 = r[85], g9 = r[86], _9 = r[87], v9 = r[88], y9 = r[89], b9 = r[90], x9 = r[91];
+    let S9;
+    r[112] !== y9 || r[113] !== b9 ? (S9 = (0, import_jsx_runtime.jsx)("div", {
+      className: y9,
+      children: b9
+    }), r[112] = y9, r[113] = b9, r[114] = S9) : S9 = r[114];
+    let C9;
+    return r[115] !== h9 || r[116] !== g9 || r[117] !== _9 || r[118] !== v9 || r[119] !== S9 || r[120] !== x9 ? (C9 = (0, import_jsx_runtime.jsxs)("div", {
+      children: [
+        x9,
+        h9,
+        g9,
+        _9,
+        v9,
+        S9
       ]
-    });
-  }, COMMON_MIME_TYPES = /* @__PURE__ */ new Map([
+    }), r[115] = h9, r[116] = g9, r[117] = _9, r[118] = v9, r[119] = S9, r[120] = x9, r[121] = C9) : C9 = r[121], C9;
+  };
+  function _temp$13(e) {
+    return e.path;
+  }
+  function _temp2$8(e) {
+    return (0, import_jsx_runtime.jsx)("li", {
+      children: e.path
+    }, e.id);
+  }
+  function _temp3$5(e) {
+    return (0, import_jsx_runtime.jsx)("option", {
+      value: e,
+      children: e
+    }, e);
+  }
+  const COMMON_MIME_TYPES = /* @__PURE__ */ new Map([
     [
       "1km",
       "application/vnd.1000minds.decision-model+xml"
@@ -69077,7 +69161,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.2-dev53"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.2-dev54"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {