@marimo-team/islands 0.22.5-dev12 → 0.22.5-dev14

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
+            })
           })
         ]
       })
@@ -28187,53 +28187,68 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     }
   }
   var TOP_K_ROWS = 30;
-  const DataTableColumnHeader = ({ column: e, header: r, justify: c, className: d, calculateTopKRows: f, table: h }) => {
+  const DataTableColumnHeader = ({ column: e, header: r, subheader: c, className: d, calculateTopKRows: f, table: h }) => {
     let [_, v] = (0, import_react.useState)(false), { locale: y } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
     if (!r) return null;
-    if (!e.getCanSort() && !e.getCanFilter()) return (0, import_jsx_runtime.jsx)("div", {
+    if (!e.getCanSort() && !e.getCanFilter()) return (0, import_jsx_runtime.jsxs)("div", {
       className: cn(d),
-      children: r
+      children: [
+        r,
+        c
+      ]
     });
-    let S = e.getFilterValue() !== void 0, w = !e.getIsSorted() && !S;
+    let S = e.getFilterValue() !== void 0;
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        (0, import_jsx_runtime.jsxs)(DropdownMenu, {
-          modal: false,
+        (0, import_jsx_runtime.jsxs)("div", {
+          className: cn("group flex flex-col my-1 w-full select-none", d),
           children: [
-            (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
-              asChild: true,
-              children: (0, import_jsx_runtime.jsxs)("div", {
-                className: cn("group flex items-center my-1 space-between w-full select-none gap-2 border hover:border-border border-transparent hover:bg-(--slate-3) data-[state=open]:bg-(--slate-3) data-[state=open]:border-border rounded px-1 -mx-1", c === "right" && "flex-row-reverse", d),
-                "data-testid": "data-table-sort-button",
-                children: [
-                  (0, import_jsx_runtime.jsx)("span", {
-                    className: "flex-1",
-                    children: r
-                  }),
-                  (0, import_jsx_runtime.jsx)("span", {
-                    className: cn("h-5 py-1 px-1", w && "invisible group-hover:visible data-[state=open]:visible"),
-                    children: renderSortFilterIcon(e)
-                  })
-                ]
-              })
-            }),
-            (0, import_jsx_runtime.jsxs)(DropdownMenuContent, {
-              align: "start",
+            (0, import_jsx_runtime.jsxs)("div", {
+              className: "flex items-center gap-1",
               children: [
-                renderDataType(e),
-                renderSorts(e, h),
-                renderCopyColumn(e),
-                renderColumnPinning(e),
-                renderColumnWrapping(e),
-                renderFormatOptions(e, y),
-                (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
-                renderMenuItemFilter(e),
-                renderFilterByValues(e, v),
-                S && (0, import_jsx_runtime.jsx)(ClearFilterMenuItem, {
+                (0, import_jsx_runtime.jsx)("span", {
+                  children: r
+                }),
+                e.getCanSort() && (0, import_jsx_runtime.jsx)(SortButton, {
                   column: e
+                }),
+                (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+                  modal: false,
+                  children: [
+                    (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
+                      asChild: true,
+                      children: (0, import_jsx_runtime.jsx)("button", {
+                        type: "button",
+                        className: "inline-flex items-center justify-center h-5 w-5 rounded hover:bg-(--slate-4) text-muted-foreground opacity-0 group-hover:opacity-100 focus:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-accent-foreground",
+                        "aria-label": "Column options",
+                        "data-testid": "data-table-column-menu-button",
+                        children: (0, import_jsx_runtime.jsx)(Ellipsis, {
+                          className: "h-3.5 w-3.5"
+                        })
+                      })
+                    }),
+                    (0, import_jsx_runtime.jsxs)(DropdownMenuContent, {
+                      align: "start",
+                      children: [
+                        renderDataType(e),
+                        renderSorts(e, h),
+                        renderCopyColumn(e),
+                        renderColumnPinning(e),
+                        renderColumnWrapping(e),
+                        renderFormatOptions(e, y),
+                        (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
+                        renderMenuItemFilter(e),
+                        renderFilterByValues(e, v),
+                        S && (0, import_jsx_runtime.jsx)(ClearFilterMenuItem, {
+                          column: e
+                        })
+                      ]
+                    })
+                  ]
                 })
               ]
-            })
+            }),
+            c
           ]
         }),
         _ && (0, import_jsx_runtime.jsx)(PopoverFilterByValues, {
@@ -28244,6 +28259,19 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       ]
     });
   };
+  var SortButton = ({ column: e }) => {
+    let r = e.getIsSorted();
+    return (0, import_jsx_runtime.jsx)("button", {
+      type: "button",
+      onClick: (c) => {
+        c.stopPropagation(), r ? r === "asc" ? e.toggleSorting(true, true) : e.clearSorting() : e.toggleSorting(false, true);
+      },
+      className: cn("inline-flex items-center justify-center h-5 w-5 rounded hover:bg-(--slate-4)", r ? "text-accent-foreground" : "text-muted-foreground opacity-0 group-hover:opacity-100 focus:opacity-100 group-focus-within:opacity-100"),
+      "aria-label": r === "asc" ? "Sorted ascending, click to sort descending" : r === "desc" ? "Sorted descending, click to clear sort" : "Sort column ascending",
+      "data-testid": "data-table-sort-button",
+      children: renderSortFilterIcon(e)
+    });
+  };
   function renderMenuItemFilter(e) {
     var _a3;
     if (!e.getCanFilter()) return null;
@@ -30301,30 +30329,24 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
               ]
             })
           ]
-        }) : null, O2 = M(e2), I2 = (0, import_jsx_runtime.jsxs)("div", {
-          className: cn("flex flex-col", O2 === "center" && "items-center", O2 === "right" && "items-end"),
-          children: [
-            (0, import_jsx_runtime.jsx)("span", {
-              className: cn("font-bold", S2 && "underline decoration-dotted"),
-              children: e2 === "" ? " " : e2
-            }),
-            E2
-          ]
-        }), z2 = (0, import_jsx_runtime.jsx)(DataTableColumnHeader, {
+        }) : null, O2 = (0, import_jsx_runtime.jsx)("span", {
+          className: cn("font-bold", S2 && "underline decoration-dotted"),
+          children: e2 === "" ? " " : e2
+        }), M2 = (0, import_jsx_runtime.jsx)(DataTableColumnHeader, {
           header: S2 ? (0, import_jsx_runtime.jsx)(Tooltip, {
             content: S2,
             delayDuration: 300,
-            children: I2
-          }) : I2,
+            children: O2
+          }) : O2,
+          subheader: E2,
           column: r2,
-          justify: O2,
           calculateTopKRows: y,
           table: c3
         });
-        return w.has(e2) ? z2 : (0, import_jsx_runtime.jsxs)("div", {
-          className: cn("flex flex-col h-full pt-0.5 pb-3 justify-between items-start", O2 === "center" && "items-center", O2 === "right" && "items-end"),
+        return w.has(e2) ? M2 : (0, import_jsx_runtime.jsxs)("div", {
+          className: cn("flex flex-col h-full pt-0.5 pb-3 justify-between items-start"),
           children: [
-            z2,
+            M2,
             (0, import_jsx_runtime.jsx)(TableColumnSummary, {
               columnId: e2
             })
@@ -30342,7 +30364,13 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
           renderValue: d2,
           getValue: f2,
           selectCell: v2,
-          cellStyles: getCellStyleClass(y2, S2, O2, E2, I2 === "number" || I2 === "integer")
+          cellStyles: getCellStyleClass({
+            justify: y2,
+            wrapped: S2,
+            canSelectCell: O2,
+            isSelected: E2,
+            isNumeric: I2 === "number" || I2 === "integer"
+          })
         });
         return w.has(e2) ? (0, import_jsx_runtime.jsx)("b", {
           children: z2
@@ -30443,7 +30471,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
         return;
     }
   }
-  function getCellStyleClass(e, r, c, d, f) {
+  function getCellStyleClass({ justify: e = "left", wrapped: r, canSelectCell: c, isSelected: d, isNumeric: f = false }) {
     return cn(c && "cursor-pointer", d && "relative before:absolute before:inset-0 before:bg-(--blue-3) before:rounded before:-z-10 before:mx-[-4px] before:my-[-2px]", "w-full", "text-left", "truncate", f && "tabular-nums", e === "center" && "text-center", e === "right" && "text-right", r && "whitespace-pre-wrap min-w-[200px] break-words");
   }
   function renderAny(e) {
@@ -33856,7 +33884,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
     let c = (r2) => r2.map((r3) => r3.headers.map((r4) => {
       let { className: c2, style: d } = getPinningStyles(r4.column);
       return (0, import_jsx_runtime.jsx)(TableHead, {
-        className: cn("h-auto min-h-10 whitespace-pre align-top", c2),
+        className: cn("h-auto min-h-10 whitespace-pre align-top border-r border-r-border/75", c2),
         style: d,
         ref: (c3) => {
           columnSizingHandler({
@@ -33874,7 +33902,12 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
         children: [
           c(e.getLeftHeaderGroups()),
           c(e.getCenterHeaderGroups()),
-          c(e.getRightHeaderGroups())
+          c(e.getRightHeaderGroups()),
+          e.getAllColumns().length <= 4 && (0, import_jsx_runtime.jsx)("th", {
+            className: "w-full border-0",
+            "aria-hidden": "true",
+            role: "presentation"
+          })
         ]
       })
     });
@@ -33918,7 +33951,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
         tabIndex: 0,
         ...getCellDomProps(e3.id),
         key: e3.id,
-        className: cn("whitespace-pre truncate max-w-[300px] outline-hidden", e3.column.getColumnWrapping && ((_d3 = (_c3 = e3.column).getColumnWrapping) == null ? void 0 : _d3.call(_c3)) === "wrap" && "whitespace-pre-wrap min-w-[200px]", "px-1.5 py-[0.18rem]", r2),
+        className: cn("whitespace-pre truncate max-w-[300px] outline-hidden border-r border-r-border/75", e3.column.getColumnWrapping && ((_d3 = (_c3 = e3.column).getColumnWrapping) == null ? void 0 : _d3.call(_c3)) === "wrap" && "whitespace-pre-wrap min-w-[200px]", "px-1.5 py-[0.18rem]", r2),
         style: d2,
         title: f2,
         onMouseDown: (r3) => E(r3, e3),
@@ -33939,23 +33972,28 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       }
     }, e9 = e.getState().cellHoverTemplate || null, t9 = (e2) => {
       var _a3;
-      let r2 = c ? (d == null ? void 0 : d(e2.original, e2.index)) ?? e2.index : void 0, h2 = c && f === r2, _2;
-      return e9 && (_2 = Z7(e9, ((_a3 = e2.getVisibleCells) == null ? void 0 : _a3.call(e2)) ?? [
+      let h2 = c ? (d == null ? void 0 : d(e2.original, e2.index)) ?? e2.index : void 0, _2 = c && f === h2, v2;
+      return e9 && (v2 = Z7(e9, ((_a3 = e2.getVisibleCells) == null ? void 0 : _a3.call(e2)) ?? [
         ...e2.getLeftVisibleCells(),
         ...e2.getCenterVisibleCells(),
         ...e2.getRightVisibleCells()
       ])), (0, import_jsx_runtime.jsxs)(TableRow, {
         "data-state": e2.getIsSelected() && "selected",
-        title: _2,
-        className: cn("border-t h-6", c && "cursor-pointer", h2 && "bg-(--blue-3) hover:bg-(--blue-3) data-[state=selected]:bg-(--blue-4)"),
+        title: v2,
+        className: cn("border-t h-6", c && "cursor-pointer", _2 && "bg-(--blue-3) hover:bg-(--blue-3) data-[state=selected]:bg-(--blue-4)"),
         onClick: () => $7(e2),
         children: [
           Q7(e2.getLeftVisibleCells()),
           Q7(e2.getCenterVisibleCells()),
-          Q7(e2.getRightVisibleCells())
+          Q7(e2.getRightVisibleCells()),
+          r.length <= 4 && (0, import_jsx_runtime.jsx)("td", {
+            className: "border-0",
+            "aria-hidden": "true",
+            role: "presentation"
+          })
         ]
       }, e2.id);
-    };
+    }, n9 = r.length <= 4, r9 = r.length + (n9 ? 1 : 0);
     return (0, import_jsx_runtime.jsx)(DataTableContextMenu, {
       tableBody: (0, import_jsx_runtime.jsx)(TableBody, {
         onKeyDown: I,
@@ -33964,13 +34002,13 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
           var _a3, _b3;
           if (_.length === 0) return (0, import_jsx_runtime.jsx)(TableRow, {
             children: (0, import_jsx_runtime.jsx)(TableCell, {
-              colSpan: r.length,
+              colSpan: r9,
               className: "h-24 text-center",
               children: "No results."
             })
           });
           if (h) {
-            let e2 = w.getVirtualItems(), c2 = w.getTotalSize();
+            let e2 = w.getVirtualItems(), r2 = w.getTotalSize();
             return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
               children: [
                 ((_a3 = e2[0]) == null ? void 0 : _a3.start) > 0 && (0, import_jsx_runtime.jsx)("tr", {
@@ -33979,17 +34017,17 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
                     height: e2[0].start
                   },
                   children: (0, import_jsx_runtime.jsx)("td", {
-                    colSpan: r.length
+                    colSpan: r9
                   })
                 }),
                 e2.map((e3) => t9(_[e3.index])),
                 e2.length > 0 && (0, import_jsx_runtime.jsx)("tr", {
                   "data-virtual-spacer": "",
                   style: {
-                    height: c2 - (((_b3 = e2.at(-1)) == null ? void 0 : _b3.end) ?? c2)
+                    height: r2 - (((_b3 = e2.at(-1)) == null ? void 0 : _b3.end) ?? r2)
                   },
                   children: (0, import_jsx_runtime.jsx)("td", {
-                    colSpan: r.length
+                    colSpan: r9
                   })
                 })
               ]
@@ -34961,7 +34999,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
                 downloadAs: Q7
               }),
               (0, import_jsx_runtime.jsxs)(Table, {
-                className: "relative",
+                className: cn("relative", d.length <= 4 ? "w-auto" : "w-full"),
                 ref: M9,
                 children: [
                   C9 && (0, import_jsx_runtime.jsx)("thead", {
@@ -35069,7 +35107,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 +35148,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 +35193,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 +35251,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 +35263,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 +37125,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 +42205,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 +44642,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 +44658,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 +49267,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 +49288,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: F9,
+      showPageSizeSelector: P9,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -49259,15 +49297,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 +49425,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 +49454,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 +49468,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 +49487,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 +49495,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 +49512,7 @@ ${c}
       r([
         ...e,
         ...c2
-      ]), M("Deselect all");
+      ]), I("Deselect all");
     }
     let p9 = [];
     p9.push((0, import_jsx_runtime.jsxs)(TableRow, {
@@ -57049,7 +57087,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 +57105,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 +57113,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;
@@ -57311,7 +57349,7 @@ ${c}
   function shouldHandleClickSelection(e) {
     return e.some((e2) => {
       let r = getTraceSource(e2).type;
-      return r === "bar" || r === "heatmap" || r === "histogram" || isLinePoint(e2);
+      return r === "bar" || r === "heatmap" || r === "histogram" || r === "waterfall" || isLinePoint(e2);
     });
   }
   function extractIndices(e) {
@@ -60581,17 +60619,7 @@ ${c}
     Object.defineProperty(e, "__esModule", {
       value: true
     }), e.PathError = e.TokenData = void 0, e.match = w;
-    var r = "/", c = (e2) => e2, d = /^[$_\p{ID_Start}]$/u, f = /^[$\u200c\u200d\p{ID_Continue}]$/u, h = {
-      "{": "{",
-      "}": "}",
-      "(": "(",
-      ")": ")",
-      "[": "[",
-      "]": "]",
-      "+": "+",
-      "?": "?",
-      "!": "!"
-    };
+    var r = "/", c = (e2) => e2, d = /^[$_\p{ID_Start}]$/u, f = /^[$\u200c\u200d\p{ID_Continue}]$/u, h = "{}()[]+?!";
     function _(e2) {
       return e2.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
     }
@@ -60619,8 +60647,8 @@ ${c}
         while (f.test(S2[E2]));
         else if (S2[E2] === '"') {
           let c2 = E2;
-          for (; E2++ < S2.length; ) {
-            if (S2[E2] === '"') {
+          for (; E2 < S2.length; ) {
+            if (S2[++E2] === '"') {
               E2++, c2 = 0;
               break;
             }
@@ -60632,26 +60660,26 @@ ${c}
         return r3;
       }
       for (; E2 < S2.length; ) {
-        let e3 = S2[E2], r3 = h[e3];
-        r3 ? w2.push({
-          type: r3,
-          index: E2++,
+        let e3 = S2[E2++];
+        h.includes(e3) ? w2.push({
+          type: e3,
+          index: E2,
           value: e3
         }) : e3 === "\\" ? w2.push({
           type: "escape",
-          index: E2++,
+          index: E2,
           value: S2[E2++]
         }) : e3 === ":" ? w2.push({
           type: "param",
-          index: E2++,
+          index: E2,
           value: M2()
         }) : e3 === "*" ? w2.push({
           type: "wildcard",
-          index: E2++,
+          index: E2,
           value: M2()
         }) : w2.push({
           type: "char",
-          index: E2++,
+          index: E2,
           value: e3
         });
       }
@@ -60712,46 +60740,99 @@ ${c}
       };
     }
     function E(e2, c2 = {}) {
-      let { delimiter: d2 = r, end: f2 = true, sensitive: h2 = false, trailing: v2 = true } = c2, y2 = [], w2 = h2 ? "" : "i", E2 = [];
-      for (let r2 of O(e2, [])) {
-        let e3 = typeof r2 == "object" ? r2 : S(r2, c2);
-        for (let r3 of M(e3.tokens, 0, [])) E2.push(I(r3, d2, y2, e3.originalPath));
-      }
-      let z2 = `^(?:${E2.join("|")})`;
-      return v2 && (z2 += `(?:${_(d2)}$)?`), z2 += f2 ? "$" : `(?=${_(d2)}|$)`, {
-        regexp: new RegExp(z2, w2),
-        keys: y2
+      let { delimiter: d2 = r, end: f2 = true, sensitive: h2 = false, trailing: v2 = true } = c2, w2 = new M("^"), E2 = [
+        e2
+      ], G2 = 0;
+      for (; E2.length; ) {
+        let e3 = E2.shift();
+        if (Array.isArray(e3)) {
+          E2.push(...e3);
+          continue;
+        }
+        let r2 = typeof e3 == "object" ? e3 : S(e3, c2);
+        I(r2.tokens, 0, [], (e4) => {
+          if (G2++ >= 256) throw new y("Too many path combinations", r2.originalPath);
+          let c3 = w2;
+          for (let f3 of z(e4, d2, r2.originalPath)) c3 = c3.add(f3.source, f3.key);
+          c3.add("");
+        });
+      }
+      let q = [], Z7 = O(w2, q);
+      return v2 && (Z7 += "(?:" + _(d2) + "$)?"), Z7 += f2 ? "$" : "(?=" + _(d2) + "|$)", {
+        regexp: new RegExp(Z7, h2 ? "" : "i"),
+        keys: q
       };
     }
     function O(e2, r2) {
-      if (Array.isArray(e2)) for (let c2 of e2) O(c2, r2);
-      else r2.push(e2);
-      return r2;
-    }
-    function* M(e2, r2, c2) {
-      if (r2 === e2.length) return yield c2;
-      let d2 = e2[r2];
-      if (d2.type === "group") for (let f2 of M(d2.tokens, 0, c2.slice())) yield* M(e2, r2 + 1, f2);
-      else c2.push(d2);
-      yield* M(e2, r2 + 1, c2);
+      e2.key && r2.push(e2.key);
+      let c2 = Object.keys(e2.children), d2 = c2.map((c3) => O(e2.children[c3], r2)).join("|");
+      return e2.source + (c2.length < 2 ? d2 : `(?:${d2})`);
     }
+    var M = class e2 {
+      constructor(e3, r2) {
+        this.source = e3, this.key = r2, this.children = /* @__PURE__ */ Object.create(null);
+      }
+      add(r2, c2) {
+        var d2;
+        let f2 = r2 + ":" + (c2 ? c2.name : "");
+        return (d2 = this.children)[f2] || (d2[f2] = new e2(r2, c2));
+      }
+    };
     function I(e2, r2, c2, d2) {
-      let f2 = "", h2 = "", v2 = true;
-      for (let S2 of e2) {
-        if (S2.type === "text") {
-          f2 += _(S2.value), h2 += S2.value, v2 || (v2 = S2.value.includes(r2));
+      for (; r2 < e2.length; ) {
+        let f2 = e2[r2++];
+        if (f2.type === "group") {
+          I(f2.tokens, 0, c2.slice(), (c3) => I(e2, r2, c3, d2));
+          continue;
+        }
+        c2.push(f2);
+      }
+      d2(c2);
+    }
+    function z(e2, r2, c2) {
+      let d2 = [], f2 = "", h2 = "", v2 = 0, S2 = 0, w2 = 0;
+      function E2(c3, d3) {
+        for (; c3 < e2.length; ) {
+          let f3 = e2[c3++];
+          if (f3.type === d3) return true;
+          if (f3.type === "text" && f3.value.includes(r2)) break;
+        }
+        return false;
+      }
+      function O2(r3) {
+        let c3 = "";
+        for (; r3 < e2.length; ) {
+          let d3 = e2[r3++];
+          if (d3.type !== "text") break;
+          c3 += d3.value;
+        }
+        return c3;
+      }
+      for (; w2 < e2.length; ) {
+        let M2 = e2[w2++];
+        if (M2.type === "text") {
+          d2.push({
+            source: _(M2.value)
+          }), f2 += M2.value, v2 === 2 && (h2 += M2.value), M2.value.includes(r2) && (S2 = 0);
           continue;
         }
-        if (S2.type === "param" || S2.type === "wildcard") {
-          if (!v2 && !h2) throw new y(`Missing text before "${S2.name}" ${S2.type}`, d2);
-          S2.type === "param" ? f2 += `(${z(r2, v2 ? "" : h2)}+)` : f2 += "([\\s\\S]+)", c2.push(S2), h2 = "", v2 = false;
+        if (M2.type === "param" || M2.type === "wildcard") {
+          if (v2 && !f2) throw new y(`Missing text before "${M2.name}" ${M2.type}`, c2);
+          M2.type === "param" ? (d2.push({
+            source: S2 ? `(${G(r2, f2)}+?)` : E2(w2, "wildcard") ? `(${G(r2, O2(w2))}+?)` : `(${G(r2, "")}+?)`,
+            key: M2
+          }), S2 |= v2 = 1) : (d2.push({
+            source: S2 & 2 ? `(${G(f2, "")}+?)` : S2 & 1 ? `(${G(h2, "")}+?)` : h2 ? `(${G(h2, "")}+?|${G(r2, "")}+?)` : "([^]+?)",
+            key: M2
+          }), h2 = "", S2 |= v2 = 2), f2 = "";
           continue;
         }
+        throw TypeError(`Unknown token type: ${M2.type}`);
       }
-      return f2;
+      return d2;
     }
-    function z(e2, r2) {
-      return r2.length < 2 ? e2.length < 2 ? `[^${_(e2 + r2)}]` : `(?:(?!${_(e2)})[^${_(r2)}])` : e2.length < 2 ? `(?:(?!${_(r2)})[^${_(e2)}])` : `(?:(?!${_(r2)}|${_(e2)})[\\s\\S])`;
+    function G(e2, r2) {
+      return r2.length > e2.length ? G(r2, e2) : (e2 === r2 && (r2 = ""), r2.length > 1 ? `(?:(?!${_(e2)}|${_(r2)})[^])` : e2.length > 1 ? `(?:(?!${_(e2)})[^${_(r2)}])` : `[^${_(e2 + r2)}]`);
     }
   }))(), TinyRouter = class {
     constructor(e) {
@@ -65346,24 +65427,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 +65461,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 +65480,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 +65512,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 +65633,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.5-dev12"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.5-dev14"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {
@@ -65868,9 +65949,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 +65964,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 +65985,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 +66012,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,