@marimo-team/islands 0.22.5-dev6 → 0.22.5-dev7

package/dist/main.js

@@ -21,7 +21,7 @@ import { a as __toCommonJS, n as __esmMin, r as __export, s as __toESM, t as __c
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-BRF7ryOP.js";
-import { $ as createActions, $t as elementContainsMarimoCellFile, A as MarimoIncomingMessageEvent, An as PaintRoller, B as DotFilledIcon, Bn as CircleX, Bt as PluralWords, Cn as Content2$1, Ct as normalizeName, D as AccordionContent, Dn as Wrench, E as Accordion, En as Trigger2, Et as MarkdownLanguageAdapter, F as BorderAllIcon, Fn as File, Ft as repl, G as base64ToDataView, H as PinRightIcon, Hn as Braces, Ht as getDataTypeColor, In as FileText, It as adaptForLocalStorage, J as extractBase64FromDataURL, Jt as getRequestClient, K as base64ToUint8Array, L as CheckIcon, Ln as Eye, Lt as jotaiJsonStorage, M as MarimoValueReadyEvent, Mn as LoaderCircle, Mt as DeferredRequestRegistry, N as MarimoValueUpdateEvent, Nn as Layers, Nt as generateUUID, O as AccordionItem, On as Trash2, Ot as PathBuilder, P as createInputEvent, Pn as Info, Pt as useChromeActions, R as ChevronDownIcon, Rn as Database, Sn as Close$1, St as isInternalCellName, Tn as Root2$4, Tt as customPythonLanguageSupport, U as deserializeBlob, Un as esm_default$1, Ut as require_client, V as PinLeftIcon, Vn as CircleAlert, Vt as DATA_TYPE_ICON, Wn as import_lib, X as safeExtractSetUIElementMessageBuffers, Xt as useRequestClient, Y as isDataURLString, Yt as requestClientAtom, Z as renderHTML, Zt as isUninstantiated, _ as useExpandedConsoleOutput, _n as jsonToTSV, _t as headingToIdentifier, a as toPng, an as parseAttrValue, at as useCellActions, b as getDatasourceContext, bn as selectAtom, bt as displayCellName, c as useCellFocusActions, cn as CellOutputId, ct as createCell, d as Spinner, dn as UIElementId, dt as initialModeAtom, en as extractAllTracebackInfo, et as getCellEditorView, f as Popover$1, fn as findCellId, ft as kioskModeAtom, g as isOutputEmpty, gn as jsonToMarkdown, gt as isErrorMime, h as PopoverTrigger, hn as jsonParseWithSpecialChar, ht as outputIsStale, i as PythonIcon, in as filenameAtom, it as reducer, j as MarimoValueInputEvent, jn as NotebookPen, jt as goToCellLine, k as AccordionTrigger, kn as Table2, kt as Paths, l as useLastFocusedCellId, ln as HTMLCellId, lt as AnsiUp, m as PopoverContent, mn as RANDOM_ID_ATTR, mt as outputIsLoading, n as blobToString, nn as NotebookScopedLocalStorage, nt as notebookAtom, o as MarkdownRenderer, on as parseDataset, ot as useCellIds, p as PopoverClose$1, pn as OBJECT_ID_ATTR, pt as viewStateAtom, q as dataViewToBase64, qt as convertStatsName, r as filesToBase64, rt as notebookOutline, s as LazyAnyLanguageCodeMirror, sn as parseInitialValue, st as useCellNames, t as processOutput, tn as getTracebackInfo, tt as getCellNames, u as maybeAddAltairImport, un as SCRATCH_CELL_ID, ut as getInitialAppMode, v as useExpandedOutput, vn as atomWithReducer, vt as DATA_CELL_ID, wn as Item$1, wt as Checkbox, xt as getValidName, yn as atomWithStorage, yt as getCellDomProps, z as ChevronRightIcon, zn as Columns2, zt as PluralWord, __tla as __tla_0 } from "./process-output-BvkX_OeE.js";
+import { $ as createActions, A as MarimoIncomingMessageEvent, An as Table2, At as Paths, B as DotFilledIcon, Bn as Columns2, Bt as PluralWord, Cn as Close$1, Ct as isInternalCellName, D as AccordionContent, Dn as Trigger2, Dt as MarkdownLanguageAdapter, E as Accordion, En as Root2$4, Et as customPythonLanguageSupport, F as BorderAllIcon, Fn as Info, Ft as useChromeActions, G as base64ToDataView, Gn as import_lib, H as PinRightIcon, Hn as CircleAlert, Ht as DATA_TYPE_ICON, In as File, It as repl, J as extractBase64FromDataURL, Jt as convertStatsName, K as base64ToUint8Array, L as CheckIcon, Ln as FileText, Lt as adaptForLocalStorage, M as MarimoValueReadyEvent, Mn as NotebookPen, Mt as goToCellLine, N as MarimoValueUpdateEvent, Nn as LoaderCircle, Nt as DeferredRequestRegistry, O as AccordionItem, On as Wrench, P as createInputEvent, Pn as Layers, Pt as generateUUID, Qt as isUninstantiated, R as ChevronDownIcon, Rn as Eye, Rt as jotaiJsonStorage, St as getValidName, Tn as Item$1, Tt as Checkbox, U as deserializeBlob, Un as Braces, Ut as getDataTypeColor, V as PinLeftIcon, Vn as CircleX, Vt as PluralWords, Wn as esm_default$1, Wt as require_client, X as safeExtractSetUIElementMessageBuffers, Xt as requestClientAtom, Y as isDataURLString, Yt as getRequestClient, Z as renderHTML, Zt as useRequestClient, _ as useExpandedConsoleOutput, _n as jsonToMarkdown, _t as headingToIdentifier, a as toPng, an as filenameAtom, at as useCellActions, b as getDatasourceContext, bn as atomWithStorage, bt as getCellDomProps, c as useCellFocusActions, cn as parseInitialValue, ct as createCell, d as Spinner, dn as SCRATCH_CELL_ID, dt as initialModeAtom, en as elementContainsMarimoCellFile, et as getCellEditorView, f as Popover$1, fn as UIElementId, ft as kioskModeAtom, g as isOutputEmpty, gn as jsonParseWithSpecialChar, gt as isErrorMime, h as PopoverTrigger, hn as RANDOM_ID_ATTR, ht as outputIsStale, i as PythonIcon, it as reducer, j as MarimoValueInputEvent, jn as PaintRoller, k as AccordionTrigger, kn as Trash2, kt as PathBuilder, l as useLastFocusedCellId, ln as CellOutputId, lt as AnsiUp, m as PopoverContent, mn as OBJECT_ID_ATTR, mt as outputIsLoading, n as blobToString, nn as getTracebackInfo, nt as notebookAtom, o as MarkdownRenderer, on as parseAttrValue, ot as useCellIds, p as PopoverClose$1, pn as findCellId, pt as viewStateAtom, q as dataViewToBase64, r as filesToBase64, rn as NotebookScopedLocalStorage, rt as notebookOutline, s as LazyAnyLanguageCodeMirror, sn as parseDataset, st as useCellNames, t as processOutput, tn as extractAllTracebackInfo, tt as getCellNames, u as maybeAddAltairImport, un as HTMLCellId, ut as getInitialAppMode, v as useExpandedOutput, vn as jsonToTSV, vt as sanitizeHtml, wn as Content2$1, wt as normalizeName, xn as selectAtom, xt as displayCellName, yn as atomWithReducer, yt as DATA_CELL_ID, z as ChevronRightIcon, zn as Database, __tla as __tla_0 } from "./process-output-C0tmJosY.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-C428iZBW.js";
 import { o as useSize, s as Root$4, u as createLucideIcon } from "./dist-D56NKWim.js";
 import { A as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as ListFilter, I as ChartPie, L as ChartColumn, M as $5a387cc49350e6db$export$722debc0e56fea39, N as Table$1, O as TIME_UNIT_DESCRIPTIONS, P as SquareFunction, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as $fb18d541ea1ad717$export$ad991b66133851cf, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-ByDEU1T3.js";
@@ -24348,9 +24348,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
           }),
           "traceback" in e && e.traceback ? (0, import_jsx_runtime.jsx)("div", {
             className: "font-code text-sm mt-2 p-3 bg-muted rounded border overflow-auto max-h-[50vh] cursor-text select-text",
-            dangerouslySetInnerHTML: {
-              __html: e.traceback
-            }
+            children: renderHTML({
+              html: e.traceback
+            })
           }) : (0, import_jsx_runtime.jsx)("div", {
             className: "text-muted-foreground mt-2",
             children: "See the console area for a traceback."
@@ -24364,9 +24364,9 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
           }),
           "traceback" in e && e.traceback && (0, import_jsx_runtime.jsx)("div", {
             className: "font-code text-sm mt-2 p-3 bg-muted rounded border overflow-auto max-h-[50vh] cursor-text select-text",
-            dangerouslySetInnerHTML: {
-              __html: e.traceback
-            }
+            children: renderHTML({
+              html: e.traceback
+            })
           })
         ]
       })
@@ -35069,7 +35069,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     r[4] !== f || r[5] !== I ? (z = I && I.kind === "cell" && !isWasm() && !isStaticNotebook() && f !== "__scratch__", r[4] = f, r[5] = I, r[6] = z) : z = r[6];
     let G = z, q;
     r[7] !== O || r[8] !== c ? (q = c && O && !isStaticNotebook(), r[7] = O, r[8] = c, r[9] = q) : q = r[9];
-    let Z7 = q, $7 = !isStaticNotebook(), t9 = (e2) => {
+    let Z7 = q, $7 = !isStaticNotebook(), e9 = (e2) => {
       c == null ? void 0 : c({
         prompt: `My code gives the following error:
 
@@ -35110,35 +35110,35 @@ ${E}`,
         d9
       ]
     }), r[20] = d9, r[21] = c9, r[22] = f9) : f9 = r[22];
-    let m9;
-    r[23] === _ ? m9 = r[24] : (m9 = (0, import_jsx_runtime.jsx)(AccordionContent, {
+    let p9;
+    r[23] === _ ? p9 = r[24] : (p9 = (0, import_jsx_runtime.jsx)(AccordionContent, {
       className: "text-muted-foreground px-4 pt-2 text-xs overflow-auto",
       children: _
-    }), r[23] = _, r[24] = m9);
-    let h9;
-    r[25] !== f9 || r[26] !== m9 ? (h9 = (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    }), r[23] = _, r[24] = p9);
+    let m9;
+    r[25] !== f9 || r[26] !== p9 ? (m9 = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY$1,
       className: "border-none",
       children: [
         f9,
-        m9
+        p9
       ]
-    }), r[25] = f9, r[26] = m9, r[27] = h9) : h9 = r[27];
-    let g9;
-    r[28] !== h9 || r[29] !== i9 ? (g9 = (0, import_jsx_runtime.jsx)(Accordion, {
+    }), r[25] = f9, r[26] = p9, r[27] = m9) : m9 = r[27];
+    let h9;
+    r[28] !== m9 || r[29] !== i9 ? (h9 = (0, import_jsx_runtime.jsx)(Accordion, {
       type: "single",
       collapsible: true,
       value: i9,
-      children: h9
-    }), r[28] = h9, r[29] = i9, r[30] = g9) : g9 = r[30];
-    let _9;
-    r[31] !== t9 || r[32] !== Z7 ? (_9 = Z7 && (0, import_jsx_runtime.jsx)(AIFixButton, {
+      children: m9
+    }), r[28] = m9, r[29] = i9, r[30] = h9) : h9 = r[30];
+    let g9;
+    r[31] !== e9 || r[32] !== Z7 ? (g9 = Z7 && (0, import_jsx_runtime.jsx)(AIFixButton, {
       tooltip: "Fix with AI",
-      openPrompt: () => t9(false),
-      applyAutofix: () => t9(true)
-    }), r[31] = t9, r[32] = Z7, r[33] = _9) : _9 = r[33];
-    let v9;
-    r[34] !== G || r[35] !== I ? (v9 = G && (0, import_jsx_runtime.jsx)(Tooltip, {
+      openPrompt: () => e9(false),
+      applyAutofix: () => e9(true)
+    }), r[31] = e9, r[32] = Z7, r[33] = g9) : g9 = r[33];
+    let _9;
+    r[34] !== G || r[35] !== I ? (_9 = G && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Attach pdb to the exception point.",
       children: (0, import_jsx_runtime.jsxs)(Button, {
         size: "xs",
@@ -35155,9 +35155,9 @@ ${E}`,
           "Launch debugger"
         ]
       })
-    }), r[34] = G, r[35] = I, r[36] = v9) : v9 = r[36];
-    let y9;
-    r[37] !== E || r[38] !== d ? (y9 = $7 && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    }), r[34] = G, r[35] = I, r[36] = _9) : _9 = r[36];
+    let v9;
+    r[37] !== E || r[38] !== d ? (v9 = $7 && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -35213,7 +35213,7 @@ ${E}`,
             (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
               onClick: () => {
                 let e2 = document.createElement("div");
-                e2.innerHTML = d, copyToClipboard(e2.textContent || "");
+                e2.innerHTML = sanitizeHtml(d), copyToClipboard(e2.textContent || "");
               },
               children: [
                 (0, import_jsx_runtime.jsx)(Copy, {
@@ -35225,29 +35225,29 @@ ${E}`,
           ]
         })
       ]
-    }), r[37] = E, r[38] = d, r[39] = y9) : y9 = r[39];
-    let b9;
-    r[40] !== _9 || r[41] !== v9 || r[42] !== y9 ? (b9 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[37] = E, r[38] = d, r[39] = v9) : v9 = r[39];
+    let y9;
+    r[40] !== g9 || r[41] !== _9 || r[42] !== v9 ? (y9 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2",
       children: [
+        g9,
         _9,
-        v9,
-        y9
+        v9
       ]
-    }), r[40] = _9, r[41] = v9, r[42] = y9, r[43] = b9) : b9 = r[43];
-    let x9;
-    return r[44] !== g9 || r[45] !== b9 ? (x9 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[40] = g9, r[41] = _9, r[42] = v9, r[43] = y9) : y9 = r[43];
+    let b9;
+    return r[44] !== h9 || r[45] !== y9 ? (b9 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        g9,
-        b9
+        h9,
+        y9
       ]
-    }), r[44] = g9, r[45] = b9, r[46] = x9) : x9 = r[46], x9;
+    }), r[44] = h9, r[45] = y9, r[46] = b9) : b9 = r[46], b9;
   };
   function lastLine(e) {
     var _a3, _b3;
     let r = document.createElement("div");
-    return r.innerHTML = e, ((_b3 = (_a3 = r.textContent) == null ? void 0 : _a3.split("\n").filter(Boolean)) == null ? void 0 : _b3.at(-1)) || "";
+    return r.innerHTML = sanitizeHtml(e), ((_b3 = (_a3 = r.textContent) == null ? void 0 : _a3.split("\n").filter(Boolean)) == null ? void 0 : _b3.at(-1)) || "";
   }
   const replaceTracebackFilenames = (e) => {
     let r = getTracebackInfo(e);
@@ -37087,7 +37087,7 @@ ${E}`,
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-DfR3sT9K.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-X5KPeHrU.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -42167,148 +42167,148 @@ ${c}
     isSelected: () => false,
     onSelect: Functions.NOOP
   }), Combobox = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(94), c, d, f, h, _, v, y, S, w, E, O, M, I, G, q, Z7, Q7, $7, e9, t9, n9;
-    r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5], v = r[6], y = r[7], S = r[8], w = r[9], E = r[10], O = r[11], M = r[12], I = r[13], G = r[14], q = r[15], Z7 = r[16], Q7 = r[17], $7 = r[18], e9 = r[19], t9 = r[20], n9 = r[21]) : ({ children: c, displayValue: v, className: f, placeholder: I, value: n9, defaultValue: _, onValueChange: O, multiple: Z7, shouldFilter: Q7, filterFn: y, open: M, defaultOpen: h, onOpenChange: w, inputPlaceholder: $7, search: q, onSearchChange: E, emptyState: e9, chips: t9, chipsClassName: d, keepPopoverOpenOnSelect: S, ...G } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _, r[6] = v, r[7] = y, r[8] = S, r[9] = w, r[10] = E, r[11] = O, r[12] = M, r[13] = I, r[14] = G, r[15] = q, r[16] = Z7, r[17] = Q7, r[18] = $7, r[19] = e9, r[20] = t9, r[21] = n9);
-    let r9 = Z7 === void 0 ? false : Z7, i9 = Q7 === void 0 ? true : Q7, a9 = $7 === void 0 ? "Search..." : $7, o9 = e9 === void 0 ? "Nothing found." : e9, s9 = t9 === void 0 ? false : t9, c9 = h ?? false, l9;
-    r[22] !== w || r[23] !== M || r[24] !== c9 ? (l9 = {
+    let r = (0, import_compiler_runtime$81.c)(94), c, d, f, h, _, v, y, S, w, E, O, M, I, z, G, q, Z7, Q7, $7, e9, t9;
+    r[0] === e ? (c = r[1], d = r[2], f = r[3], h = r[4], _ = r[5], v = 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], G = r[15], q = r[16], Z7 = r[17], Q7 = r[18], $7 = r[19], e9 = r[20], t9 = r[21]) : ({ children: c, displayValue: v, className: f, placeholder: I, value: t9, defaultValue: _, onValueChange: O, multiple: q, shouldFilter: Z7, filterFn: y, open: M, defaultOpen: h, onOpenChange: w, inputPlaceholder: Q7, search: G, onSearchChange: E, emptyState: $7, chips: e9, chipsClassName: d, keepPopoverOpenOnSelect: S, ...z } = e, r[0] = e, r[1] = c, r[2] = d, r[3] = f, r[4] = h, r[5] = _, r[6] = v, r[7] = y, r[8] = S, r[9] = w, r[10] = E, r[11] = O, r[12] = M, r[13] = I, r[14] = z, r[15] = G, r[16] = q, r[17] = Z7, r[18] = Q7, r[19] = $7, r[20] = e9, r[21] = t9);
+    let n9 = q === void 0 ? false : q, r9 = Z7 === void 0 ? true : Z7, i9 = Q7 === void 0 ? "Search..." : Q7, a9 = $7 === void 0 ? "Nothing found." : $7, o9 = e9 === void 0 ? false : e9, s9 = h ?? false, c9;
+    r[22] !== w || r[23] !== M || r[24] !== s9 ? (c9 = {
       prop: M,
-      defaultProp: c9,
+      defaultProp: s9,
       onChange: w
-    }, r[22] = w, r[23] = M, r[24] = c9, r[25] = l9) : l9 = r[25];
-    let [u9, d9] = useControllableState(l9), f9 = u9 === void 0 ? false : u9, p9;
-    r[26] === O ? p9 = r[27] : (p9 = (e2) => {
+    }, r[22] = w, r[23] = M, r[24] = s9, r[25] = c9) : c9 = r[25];
+    let [l9, u9] = useControllableState(c9), d9 = l9 === void 0 ? false : l9, f9;
+    r[26] === O ? f9 = r[27] : (f9 = (e2) => {
       O == null ? void 0 : O(e2);
-    }, r[26] = O, r[27] = p9);
-    let m9;
-    r[28] !== _ || r[29] !== p9 || r[30] !== n9 ? (m9 = {
-      prop: n9,
+    }, r[26] = O, r[27] = f9);
+    let p9;
+    r[28] !== _ || r[29] !== f9 || r[30] !== t9 ? (p9 = {
+      prop: t9,
       defaultProp: _,
-      onChange: p9
-    }, r[28] = _, r[29] = p9, r[30] = n9, r[31] = m9) : m9 = r[31];
-    let [h9, g9] = useControllableState(m9), _9;
-    r[32] === h9 ? _9 = r[33] : (_9 = (e2) => Array.isArray(h9) ? h9.includes(e2) : h9 === e2, r[32] = h9, r[33] = _9);
-    let v9 = _9, y9;
-    r[34] !== S || r[35] !== r9 || r[36] !== d9 || r[37] !== g9 || r[38] !== h9 ? (y9 = (e2) => {
+      onChange: f9
+    }, r[28] = _, r[29] = f9, r[30] = t9, r[31] = p9) : p9 = r[31];
+    let [m9, h9] = useControllableState(p9), g9;
+    r[32] === m9 ? g9 = r[33] : (g9 = (e2) => Array.isArray(m9) ? m9.includes(e2) : m9 === e2, r[32] = m9, r[33] = g9);
+    let _9 = g9, v9;
+    r[34] !== S || r[35] !== n9 || r[36] !== u9 || r[37] !== h9 || r[38] !== m9 ? (v9 = (e2) => {
       let r2 = e2;
-      if (r9) if (Array.isArray(h9)) if (h9.includes(r2)) {
-        let c2 = h9.filter((r3) => r3 !== e2);
+      if (n9) if (Array.isArray(m9)) if (m9.includes(r2)) {
+        let c2 = m9.filter((r3) => r3 !== e2);
         r2 = c2.length > 0 ? c2 : [];
       } else r2 = [
-        ...h9,
+        ...m9,
         r2
       ];
       else r2 = [
         r2
       ];
-      else h9 === e2 && (r2 = null);
-      g9(r2), (S ?? r9) || d9(false);
-    }, r[34] = S, r[35] = r9, r[36] = d9, r[37] = g9, r[38] = h9, r[39] = y9) : y9 = r[39];
-    let b9 = y9, x9;
-    r[40] !== s9 || r[41] !== v || r[42] !== r9 || r[43] !== I || r[44] !== h9 ? (x9 = () => r9 && s9 && I ? I : h9 == null ? I ?? "--" : Array.isArray(h9) ? h9.length === 0 ? I ?? "--" : h9.length === 1 && v !== void 0 ? v(h9[0]) : `${h9.length} selected` : v === void 0 ? I ?? "--" : v(h9), r[40] = s9, r[41] = v, r[42] = r9, r[43] = I, r[44] = h9, r[45] = x9) : x9 = r[45];
-    let S9 = x9, C9;
-    r[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C9 = cn("relative"), r[46] = C9) : C9 = r[46];
+      else m9 === e2 && (r2 = null);
+      h9(r2), (S ?? n9) || u9(false);
+    }, r[34] = S, r[35] = n9, r[36] = u9, r[37] = h9, r[38] = m9, r[39] = v9) : v9 = r[39];
+    let y9 = v9, b9;
+    r[40] !== o9 || r[41] !== v || r[42] !== n9 || r[43] !== I || r[44] !== m9 ? (b9 = () => n9 && o9 && I ? I : m9 == null ? I ?? "--" : Array.isArray(m9) ? m9.length === 0 ? I ?? "--" : m9.length === 1 && v !== void 0 ? v(m9[0]) : `${m9.length} selected` : v === void 0 ? I ?? "--" : v(m9), r[40] = o9, r[41] = v, r[42] = n9, r[43] = I, r[44] = m9, r[45] = b9) : b9 = r[45];
+    let x9 = b9, S9;
+    r[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S9 = cn("relative"), r[46] = S9) : S9 = r[46];
+    let C9;
+    r[47] === f ? C9 = r[48] : (C9 = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid disabled:cursor-not-allowed disabled:opacity-50", f), r[47] = f, r[48] = C9);
     let w9;
-    r[47] === f ? w9 = r[48] : (w9 = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid disabled:cursor-not-allowed disabled:opacity-50", f), r[47] = f, r[48] = w9);
+    r[49] === x9 ? w9 = r[50] : (w9 = x9(), r[49] = x9, r[50] = w9);
     let T9;
-    r[49] === S9 ? T9 = r[50] : (T9 = S9(), r[49] = S9, r[50] = T9);
-    let E9;
-    r[51] === T9 ? E9 = r[52] : (E9 = (0, import_jsx_runtime.jsx)("span", {
+    r[51] === w9 ? T9 = r[52] : (T9 = (0, import_jsx_runtime.jsx)("span", {
       className: "truncate flex-1 min-w-0",
-      children: T9
-    }), r[51] = T9, r[52] = E9);
-    let D9;
-    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D9 = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      children: w9
+    }), r[51] = w9, r[52] = T9);
+    let E9;
+    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E9 = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: "ml-3 w-4 h-4 opacity-50 shrink-0"
-    }), r[53] = D9) : D9 = r[53];
-    let O9;
-    r[54] !== f9 || r[55] !== w9 || r[56] !== E9 ? (O9 = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+    }), r[53] = E9) : E9 = r[53];
+    let D9;
+    r[54] !== d9 || r[55] !== C9 || r[56] !== T9 ? (D9 = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsxs)("div", {
-        className: w9,
-        "aria-expanded": f9,
+        className: C9,
+        "aria-expanded": d9,
         children: [
-          E9,
-          D9
+          T9,
+          E9
         ]
       })
-    }), r[54] = f9, r[55] = w9, r[56] = E9, r[57] = O9) : O9 = r[57];
-    let k9;
-    r[58] !== a9 || r[59] !== E || r[60] !== q ? (k9 = (0, import_jsx_runtime.jsx)(CommandInput, {
-      placeholder: a9,
+    }), r[54] = d9, r[55] = C9, r[56] = T9, r[57] = D9) : D9 = r[57];
+    let O9;
+    r[58] !== i9 || r[59] !== E || r[60] !== G ? (O9 = (0, import_jsx_runtime.jsx)(CommandInput, {
+      placeholder: i9,
       rootClassName: "px-1 h-8",
       autoFocus: true,
-      value: q,
+      value: G,
       onValueChange: E
-    }), r[58] = a9, r[59] = E, r[60] = q, r[61] = k9) : k9 = r[61];
+    }), r[58] = i9, r[59] = E, r[60] = G, r[61] = O9) : O9 = r[61];
+    let k9;
+    r[62] === a9 ? k9 = r[63] : (k9 = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+      children: a9
+    }), r[62] = a9, r[63] = k9);
     let A9;
-    r[62] === o9 ? A9 = r[63] : (A9 = (0, import_jsx_runtime.jsx)(CommandEmpty, {
-      children: o9
-    }), r[62] = o9, r[63] = A9);
+    r[64] !== y9 || r[65] !== _9 ? (A9 = {
+      isSelected: _9,
+      onSelect: y9
+    }, r[64] = y9, r[65] = _9, r[66] = A9) : A9 = r[66];
     let j9;
-    r[64] !== b9 || r[65] !== v9 ? (j9 = {
-      isSelected: v9,
-      onSelect: b9
-    }, r[64] = b9, r[65] = v9, r[66] = j9) : j9 = r[66];
-    let M9;
-    r[67] !== c || r[68] !== j9 ? (M9 = (0, import_jsx_runtime.jsx)(ComboboxContext, {
-      value: j9,
+    r[67] !== c || r[68] !== A9 ? (j9 = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: A9,
       children: c
-    }), r[67] = c, r[68] = j9, r[69] = M9) : M9 = r[69];
-    let N9;
-    r[70] !== A9 || r[71] !== M9 ? (N9 = (0, import_jsx_runtime.jsxs)(CommandList, {
+    }), r[67] = c, r[68] = A9, r[69] = j9) : j9 = r[69];
+    let M9;
+    r[70] !== k9 || r[71] !== j9 ? (M9 = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        A9,
-        M9
+        k9,
+        j9
       ]
-    }), r[70] = A9, r[71] = M9, r[72] = N9) : N9 = r[72];
-    let P9;
-    r[73] !== y || r[74] !== i9 || r[75] !== k9 || r[76] !== N9 ? (P9 = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), r[70] = k9, r[71] = j9, r[72] = M9) : M9 = r[72];
+    let N9;
+    r[73] !== y || r[74] !== r9 || r[75] !== O9 || r[76] !== M9 ? (N9 = (0, import_jsx_runtime.jsx)(PopoverContent, {
       className: "w-full min-w-(--radix-popover-trigger-width) p-0",
       align: "start",
       children: (0, import_jsx_runtime.jsxs)(Command, {
         filter: y,
-        shouldFilter: i9,
+        shouldFilter: r9,
         children: [
-          k9,
-          N9
+          O9,
+          M9
         ]
       })
-    }), r[73] = y, r[74] = i9, r[75] = k9, r[76] = N9, r[77] = P9) : P9 = r[77];
-    let F9;
-    r[78] !== f9 || r[79] !== d9 || r[80] !== O9 || r[81] !== P9 ? (F9 = (0, import_jsx_runtime.jsxs)(Popover$1, {
-      open: f9,
-      onOpenChange: d9,
+    }), r[73] = y, r[74] = r9, r[75] = O9, r[76] = M9, r[77] = N9) : N9 = r[77];
+    let P9;
+    r[78] !== d9 || r[79] !== u9 || r[80] !== D9 || r[81] !== N9 ? (P9 = (0, import_jsx_runtime.jsxs)(Popover$1, {
+      open: d9,
+      onOpenChange: u9,
       children: [
-        O9,
-        P9
+        D9,
+        N9
       ]
-    }), r[78] = f9, r[79] = d9, r[80] = O9, r[81] = P9, r[82] = F9) : F9 = r[82];
-    let I9;
-    r[83] !== s9 || r[84] !== d || r[85] !== v || r[86] !== b9 || r[87] !== r9 || r[88] !== h9 ? (I9 = r9 && s9 && (0, import_jsx_runtime.jsx)("div", {
+    }), r[78] = d9, r[79] = u9, r[80] = D9, r[81] = N9, r[82] = P9) : P9 = r[82];
+    let F9;
+    r[83] !== o9 || r[84] !== d || r[85] !== v || r[86] !== y9 || r[87] !== n9 || r[88] !== m9 ? (F9 = n9 && o9 && (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex flex-col gap-1 items-start", d),
-      children: Array.isArray(h9) && h9.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
+      children: Array.isArray(m9) && m9.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
         variant: "secondary",
         children: [
           (v == null ? void 0 : v(e2)) ?? String(e2),
           (0, import_jsx_runtime.jsx)(CircleX, {
             onClick: () => {
-              b9(e2);
+              y9(e2);
             },
             className: "w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer"
           })
         ]
       }, String(e2)))
-    }), r[83] = s9, r[84] = d, r[85] = v, r[86] = b9, r[87] = r9, r[88] = h9, r[89] = I9) : I9 = r[89];
-    let L9;
-    return r[90] !== G || r[91] !== F9 || r[92] !== I9 ? (L9 = (0, import_jsx_runtime.jsxs)("div", {
-      className: C9,
-      ...G,
+    }), r[83] = o9, r[84] = d, r[85] = v, r[86] = y9, r[87] = n9, r[88] = m9, r[89] = F9) : F9 = r[89];
+    let I9;
+    return r[90] !== z || r[91] !== P9 || r[92] !== F9 ? (I9 = (0, import_jsx_runtime.jsxs)("div", {
+      className: S9,
+      ...z,
       children: [
-        F9,
-        I9
+        P9,
+        F9
       ]
-    }), r[90] = G, r[91] = F9, r[92] = I9, r[93] = L9) : L9 = r[93], L9;
+    }), r[90] = z, r[91] = P9, r[92] = F9, r[93] = I9) : I9 = r[93], I9;
   }, ComboboxItem = import_react.forwardRef((e, r) => {
     let c = (0, import_compiler_runtime$81.c)(17), { children: d, className: f, value: h, onSelect: _, disabled: v } = e, y = typeof h == "object" && "value" in h ? h.value : String(h), S = import_react.use(ComboboxContext), w;
     c[0] === f ? w = c[1] : (w = cn("pl-6 m-1 py-1", f), c[0] = f, c[1] = w);
@@ -44604,8 +44604,8 @@ ${c}
         "Data"
       ]
     }), r[10] = O) : O = r[10];
-    let I;
-    r[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = (0, import_jsx_runtime.jsxs)(TabsList, {
+    let M;
+    r[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "w-full",
       children: [
         O,
@@ -44620,60 +44620,60 @@ ${c}
           ]
         })
       ]
-    }), r[11] = I) : I = r[11];
-    let z;
-    r[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = (0, import_jsx_runtime.jsx)("hr", {
+    }), r[11] = M) : M = r[11];
+    let I;
+    r[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = (0, import_jsx_runtime.jsx)("hr", {
       className: "my-2"
-    }), r[12] = z) : z = r[12];
-    let G;
-    r[13] === w ? G = r[14] : (G = (0, import_jsx_runtime.jsxs)(TabsContent, {
+    }), r[12] = I) : I = r[12];
+    let z;
+    r[13] === w ? z = r[14] : (z = (0, import_jsx_runtime.jsxs)(TabsContent, {
       value: "data",
       children: [
-        z,
+        I,
         (0, import_jsx_runtime.jsx)(TabContainer, {
           children: (0, import_jsx_runtime.jsx)(w, {})
         })
       ]
-    }), r[13] = w, r[14] = G);
-    let q;
-    r[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (0, import_jsx_runtime.jsx)("hr", {
+    }), r[13] = w, r[14] = z);
+    let G;
+    r[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = (0, import_jsx_runtime.jsx)("hr", {
       className: "my-2"
-    }), r[15] = q) : q = r[15];
-    let Z7;
-    r[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z7 = (0, import_jsx_runtime.jsxs)(TabsContent, {
+    }), r[15] = G) : G = r[15];
+    let q;
+    r[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (0, import_jsx_runtime.jsxs)(TabsContent, {
       value: "style",
       children: [
-        q,
+        G,
         (0, import_jsx_runtime.jsx)(TabContainer, {
           children: (0, import_jsx_runtime.jsx)(StyleForm, {})
         })
       ]
-    }), r[16] = Z7) : Z7 = r[16];
-    let Q7;
-    r[17] === G ? Q7 = r[18] : (Q7 = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[16] = q) : q = r[16];
+    let Z7;
+    r[17] === z ? Z7 = r[18] : (Z7 = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "data",
       children: [
-        I,
-        G,
-        Z7
+        M,
+        z,
+        q
       ]
-    }), r[17] = G, r[18] = Q7);
-    let $7;
-    r[19] !== S || r[20] !== Q7 ? ($7 = (0, import_jsx_runtime.jsx)("form", {
+    }), r[17] = z, r[18] = Z7);
+    let Q7;
+    r[19] !== S || r[20] !== Z7 ? (Q7 = (0, import_jsx_runtime.jsx)("form", {
       onSubmit: _temp3$11,
       onChange: S,
+      children: Z7
+    }), r[19] = S, r[20] = Z7, r[21] = Q7) : Q7 = r[21];
+    let $7;
+    r[22] !== c || r[23] !== Q7 ? ($7 = (0, import_jsx_runtime.jsx)(Form$1, {
+      ...c,
       children: Q7
-    }), r[19] = S, r[20] = Q7, r[21] = $7) : $7 = r[21];
+    }), r[22] = c, r[23] = Q7, r[24] = $7) : $7 = r[24];
     let e9;
-    r[22] !== c || r[23] !== $7 ? (e9 = (0, import_jsx_runtime.jsx)(Form$1, {
-      ...c,
-      children: $7
-    }), r[22] = c, r[23] = $7, r[24] = e9) : e9 = r[24];
-    let t9;
-    return r[25] !== e9 || r[26] !== E ? (t9 = (0, import_jsx_runtime.jsx)(ChartFormContext, {
+    return r[25] !== $7 || r[26] !== E ? (e9 = (0, import_jsx_runtime.jsx)(ChartFormContext, {
       value: E,
-      children: e9
-    }), r[25] = e9, r[26] = E, r[27] = t9) : t9 = r[27], t9;
+      children: $7
+    }), r[25] = $7, r[26] = E, r[27] = e9) : e9 = r[27], e9;
   };
   function _temp2$17(e) {
     return {
@@ -49229,19 +49229,19 @@ ${c}
     r[51] === q ? k9 = r[52] : (k9 = q && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: q
     }), r[51] = q, r[52] = k9);
-    let A9 = $7 || "", M9 = e9 ?? 0, N9 = o9 ?? 0, P9 = t9 || Arrays.EMPTY, F9 = e9 && e9 > 5 || false, I9;
-    r[53] !== E || r[54] !== n9 || r[55] !== O || r[56] !== d || r[57] !== w || r[58] !== f || r[59] !== A9 || r[60] !== M9 || r[61] !== N9 || r[62] !== P9 || r[63] !== F9 ? (I9 = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    let A9 = $7 || "", j9 = e9 ?? 0, M9 = o9 ?? 0, N9 = t9 || Arrays.EMPTY, P9 = e9 && e9 > 5 || false, F9;
+    r[53] !== E || r[54] !== n9 || r[55] !== O || r[56] !== d || r[57] !== w || r[58] !== f || r[59] !== A9 || r[60] !== j9 || r[61] !== M9 || r[62] !== N9 || r[63] !== P9 ? (F9 = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
       data: A9,
       hasStableRowId: false,
-      totalRows: M9,
-      totalColumns: N9,
+      totalRows: j9,
+      totalColumns: M9,
       maxColumns: "all",
       pageSize: d,
       pagination: true,
       fieldTypes: n9,
-      rowHeaders: P9,
+      rowHeaders: N9,
       showDownload: f,
       download_as: E,
       enableSearch: false,
@@ -49250,7 +49250,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: F9,
+      showPageSizeSelector: P9,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -49259,15 +49259,15 @@ ${c}
       selection: null,
       lazy: false,
       host: O
-    }), r[53] = E, r[54] = n9, r[55] = O, r[56] = d, r[57] = w, r[58] = f, r[59] = A9, r[60] = M9, r[61] = N9, r[62] = P9, r[63] = F9, r[64] = I9) : I9 = r[64];
-    let L9;
-    return r[65] !== O9 || r[66] !== k9 || r[67] !== I9 ? (L9 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = E, r[54] = n9, r[55] = O, r[56] = d, r[57] = w, r[58] = f, r[59] = A9, r[60] = j9, r[61] = M9, r[62] = N9, r[63] = P9, r[64] = F9) : F9 = r[64];
+    let I9;
+    return r[65] !== O9 || r[66] !== k9 || r[67] !== F9 ? (I9 = (0, import_jsx_runtime.jsxs)("div", {
       children: [
         O9,
         k9,
-        I9
+        F9
       ]
-    }), r[65] = O9, r[66] = k9, r[67] = I9, r[68] = L9) : L9 = r[68], L9;
+    }), r[65] = O9, r[66] = k9, r[67] = F9, r[68] = I9) : I9 = r[68], I9;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -49387,7 +49387,7 @@ ${c}
   var PARENT_DIRECTORY = "..";
   const FileBrowser = ({ value: e, setValue: r, initialPath: c, selectionMode: d, multiple: f, label: h, restrictNavigation: _, list_directory: v, host: S }) => {
     var _a3;
-    let [w, E] = useInternalStateWithSync(c), [O, M] = (0, import_react.useState)("Select all"), [I, z] = (0, import_react.useState)(false), [q, Z7] = (0, import_react.useState)(false), Q7 = (_a3 = S.closest(`[${RANDOM_ID_ATTR}]`)) == null ? void 0 : _a3.getAttribute(RANDOM_ID_ATTR), { data: $7, error: e9, isPending: t9 } = useAsyncData(() => v({
+    let [w, E] = useInternalStateWithSync(c), [O, I] = (0, import_react.useState)("Select all"), [z, G] = (0, import_react.useState)(false), [q, Z7] = (0, import_react.useState)(false), Q7 = (_a3 = S.closest(`[${RANDOM_ID_ATTR}]`)) == null ? void 0 : _a3.getAttribute(RANDOM_ID_ATTR), { data: $7, error: e9, isPending: t9 } = useAsyncData(() => v({
       path: w
     }), [
       w,
@@ -49416,10 +49416,10 @@ ${c}
       children: e2.path
     }, e2.id)), o9 = d === "directory" || d === "all", s9 = d === "file" || d === "all";
     function c9(e2) {
-      if (I) return;
-      if (z(true), e2 === PARENT_DIRECTORY) {
+      if (z) return;
+      if (G(true), e2 === PARENT_DIRECTORY) {
         if (w === r9) {
-          z(false);
+          G(false);
           return;
         }
         e2 = Paths.dirname(w), e2 === "" && (e2 = r9);
@@ -49430,10 +49430,10 @@ ${c}
           title: "Access denied",
           description: "Access to directories outside initial path is restricted.",
           variant: "danger"
-        }), z(false);
+        }), G(false);
         return;
       }
-      E(e2), M("Select all"), z(false);
+      E(e2), I("Select all"), G(false);
     }
     function l9({ path: e2, name: r2, isDirectory: c2 }) {
       return {
@@ -49449,7 +49449,7 @@ ${c}
         name: d2,
         isDirectory: h2
       });
-      f ? i9.has(c2) ? (r(e.filter((e2) => e2.path !== c2)), M("Select all")) : r([
+      f ? i9.has(c2) ? (r(e.filter((e2) => e2.path !== c2)), I("Select all")) : r([
         ...e,
         _2
       ]) : r([
@@ -49457,7 +49457,7 @@ ${c}
       ]);
     }
     function d9() {
-      r(e.filter((e2) => Paths.dirname(e2.path) !== w)), M("Select all");
+      r(e.filter((e2) => Paths.dirname(e2.path) !== w)), I("Select all");
     }
     function f9() {
       if (!n9) return;
@@ -49474,7 +49474,7 @@ ${c}
       r([
         ...e,
         ...c2
-      ]), M("Deselect all");
+      ]), I("Deselect all");
     }
     let p9 = [];
     p9.push((0, import_jsx_runtime.jsxs)(TableRow, {
@@ -57049,7 +57049,7 @@ ${c}
     return window.Bokeh != null;
   }
   var PanelSlot = (e) => {
-    let { data: r, functions: c, host: d } = e, { extension: f, docs_json: h, render_json: _ } = r, v = (0, import_react.useRef)(null), y = (0, import_react.useRef)(null), S = (0, import_react.useRef)(null), [w, E] = (0, import_react.useState)(false), [M, I] = (0, import_react.useState)(null), z = (0, import_react.useRef)(c);
+    let { data: r, functions: c, host: d } = e, { extension: f, docs_json: h, render_json: _ } = r, v = (0, import_react.useRef)(null), y = (0, import_react.useRef)(null), S = (0, import_react.useRef)(null), [w, O] = (0, import_react.useState)(false), [M, I] = (0, import_react.useState)(null), z = (0, import_react.useRef)(c);
     z.current = c;
     let G = (0, import_react.useCallback)(() => {
       if (!q.current) return;
@@ -57067,7 +57067,7 @@ ${c}
     }, []), q = (0, import_react.useRef)(new EventBuffer(G));
     return (0, import_react.useEffect)(() => {
       if (isBokehLoaded()) {
-        E(true);
+        O(true);
         return;
       }
       if (f) {
@@ -57075,12 +57075,12 @@ ${c}
         e3.innerHTML = f, document.head.append(e3);
       }
       let e2 = setInterval(() => {
-        isBokehLoaded() && (E(true), clearInterval(e2));
+        isBokehLoaded() && (O(true), clearInterval(e2));
       }, 10);
       return () => clearInterval(e2);
     }, [
       f,
-      E
+      O
     ]), useEventListener(d, MarimoIncomingMessageEvent.TYPE, (e2) => {
       if (e2.detail.message == null) return;
       let r2 = MessageSchema.parse(e2.detail.message), c2 = e2.detail.buffers, d2 = S.current;
@@ -65346,24 +65346,24 @@ ${c}
       value: v,
       setValue: y
     }, r[0] = v, r[1] = S);
-    let w = useInputHistory(S), { consoleOutputs: E, stale: O, cellName: M, cellId: I, onSubmitDebugger: z, onClear: G, onRefactorWithAI: q, className: Z7 } = e, Q7 = useDebouncedConsoleOutputs(E), $7 = Q7.length > 0, e9 = useSelectAllContent($7), t9 = useOverflowDetection(c, $7), n9;
-    if (r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n9 = () => {
+    let w = useInputHistory(S), { consoleOutputs: E, stale: O, cellName: M, cellId: I, onSubmitDebugger: z, onClear: G, onRefactorWithAI: q, className: Q7 } = e, $7 = useDebouncedConsoleOutputs(E), e9 = $7.length > 0, t9 = useSelectAllContent(e9), n9 = useOverflowDetection(c, e9), r9;
+    if (r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r9 = () => {
       let e2 = c.current;
       if (!e2) return;
       let r2 = e2.scrollHeight - e2.clientHeight;
       r2 - e2.scrollTop < 120 && (e2.scrollTop = r2);
-    }, r[2] = n9) : n9 = r[2], (0, import_react.useLayoutEffect)(n9), !$7 && isInternalCellName(M)) return null;
-    let r9, i9, a9, o9, s9, c9, l9, u9, d9, f9;
-    if (r[3] !== I || r[4] !== Z7 || r[5] !== Q7 || r[6] !== $7 || r[7] !== w || r[8] !== h || r[9] !== t9 || r[10] !== G || r[11] !== q || r[12] !== z || r[13] !== e9 || r[14] !== _ || r[15] !== f || r[16] !== O || r[17] !== v || r[18] !== d) {
-      let e2 = Q7.toReversed(), S2 = e2.some(_temp$2), E2 = e2.findIndex(_temp2$2), M2;
-      r[29] === Q7 ? M2 = r[30] : (M2 = () => Q7.filter(_temp3$1).map(_temp4$1).join("\n"), r[29] = Q7, r[30] = M2);
-      let n92 = M2;
-      r9 = "relative group", r[31] !== n92 || r[32] !== $7 || r[33] !== h || r[34] !== t9 || r[35] !== _ || r[36] !== f || r[37] !== d ? (i9 = $7 && (0, import_jsx_runtime.jsxs)("div", {
+    }, r[2] = r9) : r9 = r[2], (0, import_react.useLayoutEffect)(r9), !e9 && isInternalCellName(M)) return null;
+    let i9, a9, o9, s9, c9, l9, u9, d9, f9, p9;
+    if (r[3] !== I || r[4] !== Q7 || r[5] !== $7 || r[6] !== e9 || r[7] !== w || r[8] !== h || r[9] !== n9 || r[10] !== G || r[11] !== q || r[12] !== z || r[13] !== t9 || r[14] !== _ || r[15] !== f || r[16] !== O || r[17] !== v || r[18] !== d) {
+      let e2 = $7.toReversed(), S2 = e2.some(_temp$2), E2 = e2.findIndex(_temp2$2), M2;
+      r[29] === $7 ? M2 = r[30] : (M2 = () => $7.filter(_temp3$1).map(_temp4$1).join("\n"), r[29] = $7, r[30] = M2);
+      let Z7 = M2;
+      i9 = "relative group", r[31] !== Z7 || r[32] !== e9 || r[33] !== h || r[34] !== n9 || r[35] !== _ || r[36] !== f || r[37] !== d ? (a9 = e9 && (0, import_jsx_runtime.jsxs)("div", {
         className: "absolute top-1 right-4 z-10 opacity-0 group-hover:opacity-100 flex items-center gap-1 print:hidden",
         children: [
           (0, import_jsx_runtime.jsx)(CopyClipboardIcon, {
             tooltip: "Copy console output",
-            value: n92,
+            value: Z7,
             className: "h-4 w-4"
           }),
           (0, import_jsx_runtime.jsx)(Tooltip, {
@@ -65380,7 +65380,7 @@ ${c}
               })
             })
           }),
-          (t9 || h) && (0, import_jsx_runtime.jsx)(Button, {
+          (n9 || h) && (0, import_jsx_runtime.jsx)(Button, {
             "aria-label": h ? "Collapse output" : "Expand output",
             className: "p-0 mb-px",
             onClick: () => _(!h),
@@ -65399,15 +65399,15 @@ ${c}
             })
           })
         ]
-      }), r[31] = n92, r[32] = $7, r[33] = h, r[34] = t9, r[35] = _, r[36] = f, r[37] = d, r[38] = i9) : i9 = r[38], a9 = O ? "This console output is stale" : void 0, o9 = "console-output-area", s9 = c, c9 = e9, l9 = 0;
-      let p92 = O && "marimo-output-stale", m92 = $7 ? "p-5" : "p-3";
-      r[39] !== Z7 || r[40] !== p92 || r[41] !== m92 ? (u9 = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", p92, m92, Z7), r[39] = Z7, r[40] = p92, r[41] = m92, r[42] = u9) : u9 = r[42], r[43] === h ? d9 = r[44] : (d9 = h ? {
+      }), r[31] = Z7, r[32] = e9, r[33] = h, r[34] = n9, r[35] = _, r[36] = f, r[37] = d, r[38] = a9) : a9 = r[38], o9 = O ? "This console output is stale" : void 0, s9 = "console-output-area", c9 = c, l9 = t9, u9 = 0;
+      let r92 = O && "marimo-output-stale", m92 = e9 ? "p-5" : "p-3";
+      r[39] !== Q7 || r[40] !== r92 || r[41] !== m92 ? (d9 = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", r92, m92, Q7), r[39] = Q7, r[40] = r92, r[41] = m92, r[42] = d9) : d9 = r[42], r[43] === h ? f9 = r[44] : (f9 = h ? {
         maxHeight: "none"
-      } : void 0, r[43] = h, r[44] = d9), f9 = e2.map((e3, r2) => {
+      } : void 0, r[43] = h, r[44] = f9), p9 = e2.map((e3, r2) => {
         if (e3.channel === "pdb") return null;
         if (e3.channel === "stdin") {
           invariant(typeof e3.data == "string", "Expected data to be a string");
-          let c2 = Q7.length - r2 - 1, d2 = e3.mimetype === "text/password";
+          let c2 = $7.length - r2 - 1, d2 = e3.mimetype === "text/password";
           return e3.response == null && E2 === r2 ? (0, import_jsx_runtime.jsx)(StdInput, {
             output: e3.data,
             isPdb: S2,
@@ -65431,36 +65431,36 @@ ${c}
             wrapText: d
           })
         }, r2);
-      }), r[3] = I, r[4] = Z7, r[5] = Q7, r[6] = $7, r[7] = w, r[8] = h, r[9] = t9, r[10] = G, r[11] = q, r[12] = z, r[13] = e9, r[14] = _, r[15] = f, r[16] = O, r[17] = v, r[18] = d, r[19] = r9, r[20] = i9, r[21] = a9, r[22] = o9, r[23] = s9, r[24] = c9, r[25] = l9, r[26] = u9, r[27] = d9, r[28] = f9;
-    } else r9 = r[19], i9 = r[20], a9 = r[21], o9 = r[22], s9 = r[23], c9 = r[24], l9 = r[25], u9 = r[26], d9 = r[27], f9 = r[28];
-    let p9;
-    r[45] !== I || r[46] !== M ? (p9 = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      }), r[3] = I, r[4] = Q7, r[5] = $7, r[6] = e9, r[7] = w, r[8] = h, r[9] = n9, r[10] = G, r[11] = q, r[12] = z, r[13] = t9, r[14] = _, r[15] = f, r[16] = O, r[17] = v, r[18] = d, r[19] = i9, r[20] = a9, r[21] = o9, r[22] = s9, r[23] = c9, r[24] = l9, r[25] = u9, r[26] = d9, r[27] = f9, r[28] = p9;
+    } else i9 = r[19], a9 = r[20], o9 = r[21], s9 = r[22], c9 = r[23], l9 = r[24], u9 = r[25], d9 = r[26], f9 = r[27], p9 = r[28];
+    let m9;
+    r[45] !== I || r[46] !== M ? (m9 = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: M,
       cellId: I,
       className: "bg-(--slate-4) border-(--slate-4) hover:bg-(--slate-5) dark:border-(--sky-5) dark:bg-(--sky-6) dark:text-(--sky-12) text-(--slate-12) rounded-l rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono max-w-[75%] whitespace-nowrap overflow-hidden"
-    }), r[45] = I, r[46] = M, r[47] = p9) : p9 = r[47];
-    let m9;
-    r[48] !== p9 || r[49] !== a9 || r[50] !== o9 || r[51] !== s9 || r[52] !== c9 || r[53] !== l9 || r[54] !== u9 || r[55] !== d9 || r[56] !== f9 ? (m9 = (0, import_jsx_runtime.jsxs)("div", {
-      title: a9,
-      "data-testid": o9,
-      ref: s9,
-      ...c9,
-      tabIndex: l9,
-      className: u9,
-      style: d9,
-      children: [
-        f9,
-        p9
-      ]
-    }), r[48] = p9, r[49] = a9, r[50] = o9, r[51] = s9, r[52] = c9, r[53] = l9, r[54] = u9, r[55] = d9, r[56] = f9, r[57] = m9) : m9 = r[57];
+    }), r[45] = I, r[46] = M, r[47] = m9) : m9 = r[47];
     let h9;
-    return r[58] !== r9 || r[59] !== i9 || r[60] !== m9 ? (h9 = (0, import_jsx_runtime.jsxs)("div", {
-      className: r9,
+    r[48] !== m9 || r[49] !== o9 || r[50] !== s9 || r[51] !== c9 || r[52] !== l9 || r[53] !== u9 || r[54] !== d9 || r[55] !== f9 || r[56] !== p9 ? (h9 = (0, import_jsx_runtime.jsxs)("div", {
+      title: o9,
+      "data-testid": s9,
+      ref: c9,
+      ...l9,
+      tabIndex: u9,
+      className: d9,
+      style: f9,
       children: [
-        i9,
+        p9,
         m9
       ]
-    }), r[58] = r9, r[59] = i9, r[60] = m9, r[61] = h9) : h9 = r[61], h9;
+    }), r[48] = m9, r[49] = o9, r[50] = s9, r[51] = c9, r[52] = l9, r[53] = u9, r[54] = d9, r[55] = f9, r[56] = p9, r[57] = h9) : h9 = r[57];
+    let g9;
+    return r[58] !== i9 || r[59] !== a9 || r[60] !== h9 ? (g9 = (0, import_jsx_runtime.jsxs)("div", {
+      className: i9,
+      children: [
+        a9,
+        h9
+      ]
+    }), r[58] = i9, r[59] = a9, r[60] = h9, r[61] = g9) : g9 = r[61], g9;
   }, StdInput = (e) => {
     let r = (0, import_compiler_runtime$4.c)(25), { value: c, setValue: d, inputHistory: f, output: h, isPassword: _, isPdb: v, onSubmit: y, onClear: S } = e, { navigateUp: w, navigateDown: E, addToHistory: O } = f, M;
     r[0] === h ? M = r[1] : (M = renderText(h), r[0] = h, r[1] = M);
@@ -65552,7 +65552,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.5-dev6"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.5-dev7"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {
@@ -65868,9 +65868,9 @@ ${c}
       runStartTimestamp: O,
       staleInputs: E
     }, false), r[0] = w, r[1] = c, r[2] = O, r[3] = E, r[4] = _, r[5] = $7) : $7 = r[5];
-    let e9 = $7, t9;
-    r[6] === _ ? t9 = r[7] : (t9 = outputIsLoading(_), r[6] = _, r[7] = t9);
-    let r9 = t9, i9 = q && z !== "present", a9;
+    let t9 = $7, n9;
+    r[6] === _ ? n9 = r[7] : (n9 = outputIsLoading(_), r[6] = _, r[7] = n9);
+    let r9 = n9, i9 = q && z !== "present", a9;
     if (r[8] !== M || r[9] !== y || r[10] !== i9 || r[11] !== I || r[12] !== v) {
       let e2 = new MarkdownLanguageAdapter().isSupported(M), c2 = !I && !i9;
       a9 = cn("marimo-cell", "hover-actions-parent empty:invisible", {
@@ -65883,14 +65883,14 @@ ${c}
     let o9 = a9;
     if (z === "read" && I || i9) {
       let e2;
-      r[14] !== h || r[15] !== r9 || r[16] !== c || r[17] !== e9 ? (e2 = (0, import_jsx_runtime.jsx)(OutputArea, {
+      r[14] !== h || r[15] !== r9 || r[16] !== c || r[17] !== t9 ? (e2 = (0, import_jsx_runtime.jsx)(OutputArea, {
         allowExpand: true,
         output: c,
         className: CSSClasses.outputArea,
         cellId: h,
-        stale: e9,
+        stale: t9,
         loading: r9
-      }), r[14] = h, r[15] = r9, r[16] = c, r[17] = e9, r[18] = e2) : e2 = r[18];
+      }), r[14] = h, r[15] = r9, r[16] = c, r[17] = t9, r[18] = e2) : e2 = r[18];
       let _2 = e2, v2;
       r[19] !== M || r[20] !== c ? (v2 = shouldHideCode(M, c), r[19] = M, r[20] = c, r[21] = v2) : v2 = r[21];
       let y2 = v2, w2;
@@ -65904,14 +65904,14 @@ ${c}
         })
       }), r[25] = M, r[26] = S, r[27] = y2, r[28] = q, r[29] = O2) : O2 = r[29];
       let I2 = f === "below" && _2, z2;
-      r[30] !== h || r[31] !== d || r[32] !== G || r[33] !== e9 ? (z2 = (0, import_jsx_runtime.jsx)(ConsoleOutput, {
+      r[30] !== h || r[31] !== d || r[32] !== G || r[33] !== t9 ? (z2 = (0, import_jsx_runtime.jsx)(ConsoleOutput, {
         consoleOutputs: d,
-        stale: e9,
+        stale: t9,
         cellName: G,
         onSubmitDebugger: _temp5,
         cellId: h,
         debuggerActive: false
-      }), r[30] = h, r[31] = d, r[32] = G, r[33] = e9, r[34] = z2) : z2 = r[34];
+      }), r[30] = h, r[31] = d, r[32] = G, r[33] = t9, r[34] = z2) : z2 = r[34];
       let Z72;
       return r[35] !== o9 || r[36] !== z2 || r[37] !== w2 || r[38] !== E2 || r[39] !== O2 || r[40] !== I2 ? (Z72 = (0, import_jsx_runtime.jsxs)("div", {
         tabIndex: -1,
@@ -65931,14 +65931,14 @@ ${c}
     let l9;
     r[42] !== h || r[43] !== G ? (l9 = cellDomProps(h, G), r[42] = h, r[43] = G, r[44] = l9) : l9 = r[44];
     let u9 = z === "edit", d9;
-    r[45] !== h || r[46] !== r9 || r[47] !== c || r[48] !== e9 || r[49] !== u9 ? (d9 = (0, import_jsx_runtime.jsx)(OutputArea, {
+    r[45] !== h || r[46] !== r9 || r[47] !== c || r[48] !== t9 || r[49] !== u9 ? (d9 = (0, import_jsx_runtime.jsx)(OutputArea, {
       allowExpand: u9,
       output: c,
       className: CSSClasses.outputArea,
       cellId: h,
-      stale: e9,
+      stale: t9,
       loading: r9
-    }), r[45] = h, r[46] = r9, r[47] = c, r[48] = e9, r[49] = u9, r[50] = d9) : d9 = r[50];
+    }), r[45] = h, r[46] = r9, r[47] = c, r[48] = t9, r[49] = u9, r[50] = d9) : d9 = r[50];
     let f9;
     return r[51] !== o9 || r[52] !== l9 || r[53] !== d9 ? (f9 = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,