@marimo-team/islands 0.23.7-dev75 → 0.23.7-dev78

package/dist/{code-visibility-DJtWleQu.js → code-visibility-yHhPjulC.js}

@@ -32990,7 +32990,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   };
   downloadByURL = function(e, t) {
     let n = document.createElement("a");
-    n.href = e, n.download = t, n.click(), n.remove();
+    n.href = e, t && (n.download = t), n.click(), n.remove();
   };
   downloadBlob = function(e, t) {
     let n = URL.createObjectURL(e);
@@ -35172,7 +35172,7 @@ ${_}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.7-dev75");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.7-dev78");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as useCellActions, At as DeferredRequestRegistry, B as safeExtractSet
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BOg95xG5.js";
 import { o as useSize, s as Root$2, u as createLucideIcon } from "./dist-D3ZI9nhS.js";
 import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, 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 ChartColumn, 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-hVaaZsY5.js";
-import { $ as DelayMount, A as contextAwarePanelOwner, At as Kbd, B as Provider$1, Bt as Ellipsis, C as prettifyRowCount, Ct as TabsTrigger, D as ContextAwarePanelItem, Dt as LazyVegaEmbed, E as ComboboxItem, Et as ChartLoadingState, F as Toggle, Ft as TextWrap, G as TableHeader, Gt as ChevronsLeft, H as TableBody, Ht as Code, It as GripHorizontal, J as generateColumns, Jt as ArrowDownWideNarrow, K as TableRow, Kt as ChevronsDownUp, Lt as Funnel, M as isCellAwareAtom, Mt as EmotionCacheProvider, N as SlotNames, Nt as $fae977aafc393c5c$export$588937bcd60ade55, O as PANEL_TYPES, Ot as useOverflowDetection, P as slotsController, Pt as $fae977aafc393c5c$export$6b862160d295c8e, Q as ColumnChartSpecModel, Rt as EyeOff, S as prettifyRowColumnCount, St as TabsList, T as Combobox, Tt as ChartInfoState, U as TableCell, Ut as ChevronsUpDown, V as Table, Vt as Download, W as TableHead, Wt as ChevronsRight, X as renderCellValue, Y as inferFieldTypes, Z as ColumnChartContext, _ as downloadBlob, _t as CommandList, at as getPageIndexForRow, b as Progress, bt as Tabs, c as Slide, ct as INDEX_COLUMN_NAME, d as JsonOutput, dt as toFieldTypes, et as useIntersectionObserver, f as OutputArea, ft as getMimeValues, g as ADD_PRINTING_CLASS, gt as CommandItem, h as InstallPackageButton, ht as CommandInput, it as filtersToFilterGroup, j as contextAwarePanelType, jt as HtmlOutput, k as contextAwarePanelOpen, kt as RenderTextWithLinks, l as RadioGroup, lt as SELECT_COLUMN_ID, m as DataTable, mt as CommandEmpty, n as marimoVersionAtom, nt as DatePicker, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as loadTableAndRawData, p as OutputRenderer, pt as Command, q as NAMELESS_COLUMN_PREFIX, qt as ChevronLeft, r as showCodeInRunModeAtom, rt as DateRangePicker, st as loadTableData, t as useNotebookCodeAvailable, tt as usePrevious$1, u as RadioGroupItem, ut as TOO_MANY_ROWS, v as downloadByURL, vt as CommandSeparator, w as useInternalStateWithSync, wt as ChartErrorState, x as Filenames, xt as TabsContent, y as downloadHTMLAsImage, yt as Maps, z as Fill, __tla as __tla_2 } from "./code-visibility-DJtWleQu.js";
+import { $ as DelayMount, A as contextAwarePanelOwner, At as Kbd, B as Provider$1, Bt as Ellipsis, C as prettifyRowCount, Ct as TabsTrigger, D as ContextAwarePanelItem, Dt as LazyVegaEmbed, E as ComboboxItem, Et as ChartLoadingState, F as Toggle, Ft as TextWrap, G as TableHeader, Gt as ChevronsLeft, H as TableBody, Ht as Code, It as GripHorizontal, J as generateColumns, Jt as ArrowDownWideNarrow, K as TableRow, Kt as ChevronsDownUp, Lt as Funnel, M as isCellAwareAtom, Mt as EmotionCacheProvider, N as SlotNames, Nt as $fae977aafc393c5c$export$588937bcd60ade55, O as PANEL_TYPES, Ot as useOverflowDetection, P as slotsController, Pt as $fae977aafc393c5c$export$6b862160d295c8e, Q as ColumnChartSpecModel, Rt as EyeOff, S as prettifyRowColumnCount, St as TabsList, T as Combobox, Tt as ChartInfoState, U as TableCell, Ut as ChevronsUpDown, V as Table, Vt as Download, W as TableHead, Wt as ChevronsRight, X as renderCellValue, Y as inferFieldTypes, Z as ColumnChartContext, _ as downloadBlob, _t as CommandList, at as getPageIndexForRow, b as Progress, bt as Tabs, c as Slide, ct as INDEX_COLUMN_NAME, d as JsonOutput, dt as toFieldTypes, et as useIntersectionObserver, f as OutputArea, ft as getMimeValues, g as ADD_PRINTING_CLASS, gt as CommandItem, h as InstallPackageButton, ht as CommandInput, it as filtersToFilterGroup, j as contextAwarePanelType, jt as HtmlOutput, k as contextAwarePanelOpen, kt as RenderTextWithLinks, l as RadioGroup, lt as SELECT_COLUMN_ID, m as DataTable, mt as CommandEmpty, n as marimoVersionAtom, nt as DatePicker, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as loadTableAndRawData, p as OutputRenderer, pt as Command, q as NAMELESS_COLUMN_PREFIX, qt as ChevronLeft, r as showCodeInRunModeAtom, rt as DateRangePicker, st as loadTableData, t as useNotebookCodeAvailable, tt as usePrevious$1, u as RadioGroupItem, ut as TOO_MANY_ROWS, v as downloadByURL, vt as CommandSeparator, w as useInternalStateWithSync, wt as ChartErrorState, x as Filenames, xt as TabsContent, y as downloadHTMLAsImage, yt as Maps, z as Fill, __tla as __tla_2 } from "./code-visibility-yHhPjulC.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-BF6-z62y.js";
 import { t as Check } from "./check-BcUIXnUT.js";
 import { A as Trigger$1, C as $a916eb452884faea$export$b7a616150fdb9f44, E as $18f2051aff69b9bf$export$a54013f0d02a8f82, F as X, L as ChevronDown, M as usePrevious$2, N as useDirection, P as createCollection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as clamp$2, k as Icon, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, x as assertNever } from "./strings-BiIhGaI8.js";
@@ -26558,28 +26558,32 @@ ${c}
   }));
   var DownloadButton = ({ data: e, load: r }) => {
     let [c, l] = (0, import_react.useState)(false), u = async (c2) => {
-      if (e.lazy && !e.disabled) {
-        c2.preventDefault(), l(true);
-        try {
-          let c3 = await r({});
-          downloadByURL(c3.data, c3.filename || e.filename || "download");
-        } catch (e2) {
-          toast({
-            title: "Failed to download",
-            description: "Please try again."
-          }), Logger.error("Failed to download:", e2);
-        } finally {
-          l(false);
-        }
+      if (e.disabled) {
+        c2.preventDefault(), c2.stopPropagation();
+        return;
+      }
+      if (c2.preventDefault(), !e.lazy) {
+        downloadByURL(e.data, e.filename ?? void 0);
+        return;
+      }
+      l(true);
+      try {
+        let c3 = await r({});
+        downloadByURL(c3.data, c3.filename ?? e.filename ?? void 0);
+      } catch (e2) {
+        toast({
+          title: "Failed to download",
+          description: "Please try again."
+        }), Logger.error("Failed to download:", e2);
+      } finally {
+        l(false);
       }
     }, f = c ? LoaderCircle : Download, m = e.label ? renderHTML({
       html: e.label
     }) : "Download";
     return (0, import_jsx_runtime.jsxs)("a", {
       href: e.data,
-      download: e.filename || true,
-      target: "_blank",
-      rel: "noopener noreferrer",
+      download: e.filename ?? "",
       onClick: u,
       className: buttonVariants({
         variant: "secondary",
@@ -35970,7 +35974,7 @@ ${c}
     if (l && l !== "slide") return l;
     if (c == null ? void 0 : c.has(e)) return "skip";
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-0rj8owbr.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-DixmqICj.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a3;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { cellsWithOutput: h, skippedIds: g, slideTypes: _, startCellIndex: v } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [
@@ -36333,29 +36337,29 @@ ${c}
     }), r[0] = e, r[1] = c), c;
   };
   var ConsoleOutputInternal = (e) => {
-    let r = (0, import_compiler_runtime$6.c)(62), c = import_react.useRef(null), { wrapText: l, setWrapText: u } = useWrapText(), [d, f] = useExpandedConsoleOutput(e.cellId), [m, h] = import_react.useState(""), g;
+    let r = (0, import_compiler_runtime$6.c)(63), c = import_react.useRef(null), { wrapText: l, setWrapText: u } = useWrapText(), [d, f] = useExpandedConsoleOutput(e.cellId), [m, h] = import_react.useState(""), g;
     r[0] === m ? g = r[1] : (g = {
       value: m,
       setValue: h
     }, r[0] = m, r[1] = g);
-    let _ = useInputHistory(g), { consoleOutputs: v, stale: y, cellName: b, cellId: S, onSubmitDebugger: T, onClear: E, onRefactorWithAI: O, className: j } = e, M = useDebouncedConsoleOutputs(v), I = M.length > 0, L = useSelectAllContent(I), R = useOverflowDetection(c, I), z;
-    if (r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+    let _ = useInputHistory(g), { consoleOutputs: v, stale: y, interrupted: b, cellName: S, cellId: T, onSubmitDebugger: E, onClear: O, onRefactorWithAI: j, className: M } = e, I = useDebouncedConsoleOutputs(v), L = I.length > 0, R = useSelectAllContent(L), z = useOverflowDetection(c, L), B;
+    if (r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = () => {
       let e2 = c.current;
       if (!e2) return;
       let r2 = e2.scrollHeight - e2.clientHeight;
       r2 - e2.scrollTop < 120 && (e2.scrollTop = r2);
-    }, r[2] = z) : z = r[2], (0, import_react.useLayoutEffect)(z), !I && isInternalCellName(b)) return null;
-    let B, H, W, G, q, zU, BU, Z, VU, HU;
-    if (r[3] !== S || r[4] !== j || r[5] !== M || r[6] !== I || r[7] !== _ || r[8] !== d || r[9] !== R || r[10] !== E || r[11] !== O || r[12] !== T || r[13] !== L || r[14] !== f || r[15] !== u || r[16] !== y || r[17] !== m || r[18] !== l) {
-      let e2 = M.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), b2;
-      r[29] === M ? b2 = r[30] : (b2 = () => M.filter(_temp3$1).map(_temp4$1).join("\n"), r[29] = M, r[30] = b2);
-      let z2 = b2;
-      B = "relative group", r[31] !== z2 || r[32] !== I || r[33] !== d || r[34] !== R || r[35] !== f || r[36] !== u || r[37] !== l ? (H = I && (0, import_jsx_runtime.jsxs)("div", {
+    }, r[2] = B) : B = r[2], (0, import_react.useLayoutEffect)(B), !L && isInternalCellName(S)) return null;
+    let H, W, G, q, zU, BU, Z, VU, HU, UU;
+    if (r[3] !== T || r[4] !== M || r[5] !== I || r[6] !== L || r[7] !== _ || r[8] !== b || r[9] !== d || r[10] !== z || r[11] !== O || r[12] !== j || r[13] !== E || r[14] !== R || r[15] !== f || r[16] !== u || r[17] !== y || r[18] !== m || r[19] !== l) {
+      let e2 = I.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), S2;
+      r[30] === I ? S2 = r[31] : (S2 = () => I.filter(_temp3$1).map(_temp4$1).join("\n"), r[30] = I, r[31] = S2);
+      let B2 = S2;
+      H = "relative group", r[32] !== B2 || r[33] !== L || r[34] !== d || r[35] !== z || r[36] !== f || r[37] !== u || r[38] !== l ? (W = L && (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: z2,
+            value: B2,
             className: "h-4 w-4"
           }),
           (0, import_jsx_runtime.jsx)(Tooltip, {
@@ -36372,7 +36376,7 @@ ${c}
               })
             })
           }),
-          (R || d) && (0, import_jsx_runtime.jsx)(Button, {
+          (z || d) && (0, import_jsx_runtime.jsx)(Button, {
             "aria-label": d ? "Collapse output" : "Expand output",
             className: "p-0 mb-px",
             onClick: () => f(!d),
@@ -36391,68 +36395,69 @@ ${c}
             })
           })
         ]
-      }), r[31] = z2, r[32] = I, r[33] = d, r[34] = R, r[35] = f, r[36] = u, r[37] = l, r[38] = H) : H = r[38], W = y ? "This console output is stale" : void 0, G = "console-output-area", q = c, zU = L, BU = 0;
-      let UU2 = y && "marimo-output-stale", WU2 = I ? "p-5" : "p-3";
-      r[39] !== j || r[40] !== UU2 || r[41] !== WU2 ? (Z = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", UU2, WU2, j), r[39] = j, r[40] = UU2, r[41] = WU2, r[42] = Z) : Z = r[42], r[43] === d ? VU = r[44] : (VU = d ? {
+      }), r[32] = B2, r[33] = L, r[34] = d, r[35] = z, r[36] = f, r[37] = u, r[38] = l, r[39] = W) : W = r[39], G = y ? "This console output is stale" : void 0, q = "console-output-area", zU = c, BU = R, Z = 0;
+      let WU2 = y && "marimo-output-stale", GU2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== WU2 || r[42] !== GU2 ? (VU = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", WU2, GU2, M), r[40] = M, r[41] = WU2, r[42] = GU2, r[43] = VU) : VU = r[43], r[44] === d ? HU = r[45] : (HU = d ? {
         maxHeight: "none"
-      } : void 0, r[43] = d, r[44] = VU), HU = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = HU), UU = 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 = M.length - r2 - 1, l2 = e3.mimetype === "text/password";
+          let c2 = I.length - r2 - 1, l2 = e3.mimetype === "text/password";
           return e3.response == null && v2 === r2 ? (0, import_jsx_runtime.jsx)(StdInput, {
             output: e3.data,
             isPdb: g2,
             isPassword: l2,
-            onSubmit: (e4) => T(e4, c2),
-            onClear: E,
+            onSubmit: (e4) => E(e4, c2),
+            onClear: O,
             value: m,
             setValue: h,
             inputHistory: _
           }, r2) : (0, import_jsx_runtime.jsx)(StdInputWithResponse, {
             output: e3.data,
             response: e3.response,
-            isPassword: l2
+            isPassword: l2,
+            interrupted: b
           }, r2);
         }
         return (0, import_jsx_runtime.jsx)(import_react.Fragment, {
           children: (0, import_jsx_runtime.jsx)(OutputRenderer, {
-            cellId: S,
-            onRefactorWithAI: O,
+            cellId: T,
+            onRefactorWithAI: j,
             message: e3,
             wrapText: l
           })
         }, r2);
-      }), r[3] = S, r[4] = j, r[5] = M, r[6] = I, r[7] = _, r[8] = d, r[9] = R, r[10] = E, r[11] = O, r[12] = T, r[13] = L, r[14] = f, r[15] = u, r[16] = y, r[17] = m, r[18] = l, r[19] = B, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = zU, r[25] = BU, r[26] = Z, r[27] = VU, r[28] = HU;
-    } else B = r[19], H = r[20], W = r[21], G = r[22], q = r[23], zU = r[24], BU = r[25], Z = r[26], VU = r[27], HU = r[28];
-    let UU;
-    r[45] !== S || r[46] !== b ? (UU = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
-      value: b,
-      cellId: S,
-      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] = S, r[46] = b, r[47] = UU) : UU = r[47];
+      }), r[3] = T, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = m, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = zU, r[25] = BU, r[26] = Z, r[27] = VU, r[28] = HU, r[29] = UU;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], zU = r[24], BU = r[25], Z = r[26], VU = r[27], HU = r[28], UU = r[29];
     let WU;
-    r[48] !== UU || r[49] !== W || r[50] !== G || r[51] !== q || r[52] !== zU || r[53] !== BU || r[54] !== Z || r[55] !== VU || r[56] !== HU ? (WU = (0, import_jsx_runtime.jsxs)("div", {
-      title: W,
-      "data-testid": G,
-      ref: q,
-      ...zU,
-      tabIndex: BU,
-      className: Z,
-      style: VU,
-      children: [
-        HU,
-        UU
-      ]
-    }), r[48] = UU, r[49] = W, r[50] = G, r[51] = q, r[52] = zU, r[53] = BU, r[54] = Z, r[55] = VU, r[56] = HU, r[57] = WU) : WU = r[57];
+    r[46] !== T || r[47] !== S ? (WU = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      value: S,
+      cellId: T,
+      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[46] = T, r[47] = S, r[48] = WU) : WU = r[48];
     let GU;
-    return r[58] !== B || r[59] !== H || r[60] !== WU ? (GU = (0, import_jsx_runtime.jsxs)("div", {
-      className: B,
+    r[49] !== WU || r[50] !== G || r[51] !== q || r[52] !== zU || r[53] !== BU || r[54] !== Z || r[55] !== VU || r[56] !== HU || r[57] !== UU ? (GU = (0, import_jsx_runtime.jsxs)("div", {
+      title: G,
+      "data-testid": q,
+      ref: zU,
+      ...BU,
+      tabIndex: Z,
+      className: VU,
+      style: HU,
       children: [
-        H,
+        UU,
         WU
       ]
-    }), r[58] = B, r[59] = H, r[60] = WU, r[61] = GU) : GU = r[61], GU;
+    }), r[49] = WU, r[50] = G, r[51] = q, r[52] = zU, r[53] = BU, r[54] = Z, r[55] = VU, r[56] = HU, r[57] = UU, r[58] = GU) : GU = r[58];
+    let KU;
+    return r[59] !== H || r[60] !== W || r[61] !== GU ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+      className: H,
+      children: [
+        W,
+        GU
+      ]
+    }), r[59] = H, r[60] = W, r[61] = GU, r[62] = KU) : KU = r[62], KU;
   }, StdInput = (e) => {
     let r = (0, import_compiler_runtime$6.c)(25), { value: c, setValue: l, inputHistory: u, output: d, isPassword: f, isPdb: p, onSubmit: m, onClear: h } = e, { navigateUp: g, navigateDown: _, addToHistory: v } = u, y;
     r[0] === d ? y = r[1] : (y = renderText(d), r[0] = d, r[1] = y);
@@ -36472,7 +36477,7 @@ ${c}
         _(), e2.preventDefault();
         return;
       }
-      e2.key === "Enter" && !e2.shiftKey && (c && (v(c), m(c), l("")), e2.preventDefault(), e2.stopPropagation()), e2.key === "Enter" && e2.metaKey && (e2.preventDefault(), e2.stopPropagation());
+      e2.key === "Enter" && !e2.shiftKey && (c && v(c), m(c), l(""), e2.preventDefault(), e2.stopPropagation()), e2.key === "Enter" && e2.metaKey && (e2.preventDefault(), e2.stopPropagation());
     }, r[5] = v, r[6] = _, r[7] = g, r[8] = m, r[9] = l, r[10] = c, r[11] = T) : T = r[11];
     let E;
     r[12] !== b || r[13] !== S || r[14] !== T || r[15] !== c ? (E = (0, import_jsx_runtime.jsx)(Input, {
@@ -36503,21 +36508,30 @@ ${c}
       ]
     }), r[21] = y, r[22] = E, r[23] = O, r[24] = j) : j = r[24], j;
   }, StdInputWithResponse = (e) => {
-    let r = (0, import_compiler_runtime$6.c)(8), c;
-    r[0] === e.output ? c = r[1] : (c = renderText(e.output), r[0] = e.output, r[1] = c);
-    let l;
-    r[2] !== e.isPassword || r[3] !== e.response ? (l = !e.isPassword && (0, import_jsx_runtime.jsx)("span", {
-      className: "text-(--sky-11)",
-      children: e.response
-    }), r[2] = e.isPassword, r[3] = e.response, r[4] = l) : l = r[4];
-    let u;
-    return r[5] !== c || r[6] !== l ? (u = (0, import_jsx_runtime.jsxs)("div", {
+    let r = (0, import_compiler_runtime$6.c)(10), { output: c, response: l, isPassword: u, interrupted: d } = e, f = l != null && l !== "", p = d && !f, m;
+    r[0] === c ? m = r[1] : (m = renderText(c), r[0] = c, r[1] = m);
+    let h;
+    r[2] !== f || r[3] !== u || r[4] !== l || r[5] !== p ? (h = !u && !p && (0, import_jsx_runtime.jsxs)("span", {
+      className: "inline-flex items-center gap-1 text-(--sky-11)",
+      "aria-label": "stdin response",
+      children: [
+        (0, import_jsx_runtime.jsx)(ChevronRight, {
+          className: "w-4 h-4 shrink-0 opacity-70"
+        }),
+        f ? l : (0, import_jsx_runtime.jsx)("span", {
+          className: "italic opacity-70",
+          children: "(empty)"
+        })
+      ]
+    }), r[2] = f, r[3] = u, r[4] = l, r[5] = p, r[6] = h) : h = r[6];
+    let g;
+    return r[7] !== m || r[8] !== h ? (g = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2 items-center",
       children: [
-        c,
-        l
+        m,
+        h
       ]
-    }), r[5] = c, r[6] = l, r[7] = u) : u = r[7], u;
+    }), r[7] = m, r[8] = h, r[9] = g) : g = r[9], g;
   }, renderText = (e) => e ? (0, import_jsx_runtime.jsx)(RenderTextWithLinks, {
     text: e
   }) : null;
@@ -36836,7 +36850,7 @@ ${c}
       })
     }), r[24] = y, r[25] = T), T;
   }, VerticalCell = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$3.c)(55), { output: c, consoleOutputs: l, cellOutputArea: u, cellId: d, status: f, stopped: m, errored: h, config: g, interrupted: _, staleInputs: v, runStartTimestamp: y, code: b, showCode: S, mode: w, name: T, kiosk: E, showErrorTracebacks: O } = e, j = (0, import_react.useRef)(null), M;
+    let r = (0, import_compiler_runtime$3.c)(56), { output: c, consoleOutputs: l, cellOutputArea: u, cellId: d, status: f, stopped: m, errored: h, config: g, interrupted: _, staleInputs: v, runStartTimestamp: y, code: b, showCode: S, mode: w, name: T, kiosk: E, showErrorTracebacks: O } = e, j = (0, import_react.useRef)(null), M;
     r[0] !== _ || r[1] !== c || r[2] !== y || r[3] !== v || r[4] !== f ? (M = outputIsStale({
       status: f,
       output: c,
@@ -36871,58 +36885,59 @@ ${c}
       r[19] !== b || r[20] !== c ? (p = shouldHideCode(b, c), r[19] = b, r[20] = c, r[21] = p) : p = r[21];
       let m2 = p, h2;
       r[22] !== d || r[23] !== T ? (h2 = cellDomProps(d, T), r[22] = d, r[23] = T, r[24] = h2) : h2 = r[24];
-      let _2 = u === "above" && f2, v2;
-      r[25] !== b || r[26] !== g || r[27] !== m2 || r[28] !== E ? (v2 = !m2 && (0, import_jsx_runtime.jsx)("div", {
+      let v2 = u === "above" && f2, y2;
+      r[25] !== b || r[26] !== g || r[27] !== m2 || r[28] !== E ? (y2 = !m2 && (0, import_jsx_runtime.jsx)("div", {
         className: "tray",
         children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
           initiallyHideCode: g.hide_code || E,
           code: b
         })
-      }), r[25] = b, r[26] = g, r[27] = m2, r[28] = E, r[29] = v2) : v2 = r[29];
-      let y2 = u === "below" && f2, S2;
-      r[30] !== d || r[31] !== l || r[32] !== T || r[33] !== I ? (S2 = (0, import_jsx_runtime.jsx)(ConsoleOutput, {
+      }), r[25] = b, r[26] = g, r[27] = m2, r[28] = E, r[29] = y2) : y2 = r[29];
+      let S2 = u === "below" && f2, w2;
+      r[30] !== d || r[31] !== l || r[32] !== _ || r[33] !== T || r[34] !== I ? (w2 = (0, import_jsx_runtime.jsx)(ConsoleOutput, {
         consoleOutputs: l,
         stale: I,
+        interrupted: _,
         cellName: T,
         onSubmitDebugger: _temp4,
         cellId: d,
         debuggerActive: false
-      }), r[30] = d, r[31] = l, r[32] = T, r[33] = I, r[34] = S2) : S2 = r[34];
-      let w2;
-      return r[35] !== H || r[36] !== S2 || r[37] !== h2 || r[38] !== _2 || r[39] !== v2 || r[40] !== y2 ? (w2 = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[30] = d, r[31] = l, r[32] = _, r[33] = T, r[34] = I, r[35] = w2) : w2 = r[35];
+      let O2;
+      return r[36] !== H || r[37] !== w2 || r[38] !== h2 || r[39] !== v2 || r[40] !== y2 || r[41] !== S2 ? (O2 = (0, import_jsx_runtime.jsxs)("div", {
         tabIndex: -1,
         ref: j,
         className: H,
         ...h2,
         children: [
-          _2,
           v2,
           y2,
-          S2
+          S2,
+          w2
         ]
-      }), r[35] = H, r[36] = S2, r[37] = h2, r[38] = _2, r[39] = v2, r[40] = y2, r[41] = w2) : w2 = r[41], w2;
+      }), r[36] = H, r[37] = w2, r[38] = h2, r[39] = v2, r[40] = y2, r[41] = S2, r[42] = O2) : O2 = r[42], O2;
     }
     let W = isErrorMime(c == null ? void 0 : c.mimetype), G = O && W && Array.isArray(c == null ? void 0 : c.data) && c.data.some(_temp5);
     if ((h || _ || m || W) && !G) return null;
     let q;
-    r[42] !== d || r[43] !== T ? (q = cellDomProps(d, T), r[42] = d, r[43] = T, r[44] = q) : q = r[44];
+    r[43] !== d || r[44] !== T ? (q = cellDomProps(d, T), r[43] = d, r[44] = T, r[45] = q) : q = r[45];
     let zU = w === "edit", BU;
-    r[45] !== d || r[46] !== R || r[47] !== c || r[48] !== I || r[49] !== zU ? (BU = (0, import_jsx_runtime.jsx)(OutputArea, {
+    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== zU ? (BU = (0, import_jsx_runtime.jsx)(OutputArea, {
       allowExpand: zU,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[45] = d, r[46] = R, r[47] = c, r[48] = I, r[49] = zU, r[50] = BU) : BU = r[50];
+    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = zU, r[51] = BU) : BU = r[51];
     let Z;
-    return r[51] !== H || r[52] !== q || r[53] !== BU ? (Z = (0, import_jsx_runtime.jsx)("div", {
+    return r[52] !== H || r[53] !== q || r[54] !== BU ? (Z = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
       ...q,
       children: BU
-    }), r[51] = H, r[52] = q, r[53] = BU, r[54] = Z) : Z = r[54], Z;
+    }), r[52] = H, r[53] = q, r[54] = BU, r[55] = Z) : Z = r[55], Z;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {

package/dist/{reveal-component-0rj8owbr.js → reveal-component-DixmqICj.js}

@@ -9,7 +9,7 @@ import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { ct as kioskModeAtom } from "./html-to-image-CpggM7u1.js";
 import "./chunk-5FQGJX7Z-BOg95xG5.js";
 import { u as createLucideIcon } from "./dist-D3ZI9nhS.js";
-import { Ht as Code, I as Panel, L as PanelGroup, R as PanelResizeHandle, Rt as EyeOff, a as DEFAULT_SLIDE_TYPE, c as Slide, i as DEFAULT_DECK_TRANSITION, s as SlideSidebar, t as useNotebookCodeAvailable, zt as Expand } from "./code-visibility-DJtWleQu.js";
+import { Ht as Code, I as Panel, L as PanelGroup, R as PanelResizeHandle, Rt as EyeOff, a as DEFAULT_SLIDE_TYPE, c as Slide, i as DEFAULT_DECK_TRANSITION, s as SlideSidebar, t as useNotebookCodeAvailable, zt as Expand } from "./code-visibility-yHhPjulC.js";
 import { q as useDebouncedCallback } from "./input-D4kjoQUB.js";
 import "./toDate-CIpC_34u.js";
 import "./react-dom-BWRJ_g_k.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.23.7-dev75",
+  "version": "0.23.7-dev78",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/editor/notebook-cell.tsx

@@ -740,6 +740,7 @@ const EditableCellComponent = ({
             <ConsoleOutput
               consoleOutputs={cellRuntime.consoleOutputs}
               stale={consoleOutputStale}
+              interrupted={cellRuntime.interrupted}
               // Empty name if serialization triggered
               cellName={cellRuntime.serialization ? "_" : cellData.name}
               onRefactorWithAI={handleRefactorWithAI}
@@ -1204,6 +1205,7 @@ const SetupCellComponent = ({
             <ConsoleOutput
               consoleOutputs={cellRuntime.consoleOutputs}
               stale={consoleOutputStale}
+              interrupted={cellRuntime.interrupted}
               // Don't show name
               cellName={"_"}
               onRefactorWithAI={handleRefactorWithAI}

package/src/components/editor/output/console/ConsoleOutput.tsx

@@ -85,6 +85,7 @@ interface Props {
   className?: string;
   consoleOutputs: WithResponse<OutputMessage>[];
   stale: boolean;
+  interrupted: boolean;
   debuggerActive: boolean;
   onRefactorWithAI?: OnRefactorWithAI;
   onClear?: () => void;
@@ -111,6 +112,7 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
   const {
     consoleOutputs: rawConsoleOutputs,
     stale,
+    interrupted,
     cellName,
     cellId,
     onSubmitDebugger,
@@ -280,6 +282,7 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
                 output={output.data}
                 response={output.response}
                 isPassword={isPassword}
+                interrupted={interrupted}
               />
             );
           }
@@ -359,9 +362,9 @@ const StdInput = (props: {
           if (e.key === "Enter" && !e.shiftKey) {
             if (value) {
               addToHistory(value);
-              onSubmit(value);
-              setValue("");
             }
+            onSubmit(value);
+            setValue("");
             e.preventDefault();
             e.stopPropagation();
           }
@@ -382,12 +385,27 @@ const StdInputWithResponse = (props: {
   output: string;
   response?: string;
   isPassword?: boolean;
+  interrupted?: boolean;
 }) => {
+  const { output, response, isPassword, interrupted } = props;
+  const hasResponse = response != null && response !== "";
+  const wasInterruptedWithoutResponse = interrupted && !hasResponse;
+
   return (
     <div className="flex gap-2 items-center">
-      {renderText(props.output)}
-      {!props.isPassword && (
-        <span className="text-(--sky-11)">{props.response}</span>
+      {renderText(output)}
+      {!isPassword && !wasInterruptedWithoutResponse && (
+        <span
+          className="inline-flex items-center gap-1 text-(--sky-11)"
+          aria-label="stdin response"
+        >
+          <ChevronRightIcon className="w-4 h-4 shrink-0 opacity-70" />
+          {hasResponse ? (
+            response
+          ) : (
+            <span className="italic opacity-70">(empty)</span>
+          )}
+        </span>
       )}
     </div>
   );

package/src/components/editor/output/console/__tests__/ConsoleOutput.test.tsx

@@ -28,6 +28,7 @@ describe("ConsoleOutput integration", () => {
     cellName: "test_cell",
     consoleOutputs: [] as WithResponse<OutputMessage>[],
     stale: false,
+    interrupted: false,
     debuggerActive: false,
     onSubmitDebugger: () => {
       // noop
@@ -59,6 +60,7 @@ describe("ConsoleOutput pdb history", () => {
     cellName: "test_cell",
     consoleOutputs: [] as WithResponse<OutputMessage>[],
     stale: false,
+    interrupted: false,
     debuggerActive: false,
     onSubmitDebugger: vi.fn(),
   };
@@ -118,6 +120,82 @@ describe("ConsoleOutput pdb history", () => {
     expect(newInput).toHaveValue("next");
   });
 
+  it("should submit an empty string when Enter is pressed with no input", () => {
+    // Many CLIs prompt "Press Enter to continue" and expect "" back.
+    const onSubmitDebugger = vi.fn();
+    const outputs: WithResponse<OutputMessage>[] = [
+      stdinPrompt("Press Enter to continue: "),
+    ];
+
+    renderWithProvider(
+      <ConsoleOutput
+        {...defaultProps}
+        consoleOutputs={outputs}
+        onSubmitDebugger={onSubmitDebugger}
+      />,
+    );
+
+    const input = screen.getByTestId("console-input");
+    fireEvent.keyDown(input, { key: "Enter" });
+
+    expect(onSubmitDebugger).toHaveBeenCalledWith("", 0);
+  });
+
+  it("should not record empty submissions in input history", () => {
+    const onSubmitDebugger = vi.fn();
+    const outputs1: WithResponse<OutputMessage>[] = [stdinPrompt("(Pdb) ")];
+
+    const { rerender } = renderWithProvider(
+      <ConsoleOutput
+        {...defaultProps}
+        consoleOutputs={outputs1}
+        onSubmitDebugger={onSubmitDebugger}
+      />,
+    );
+
+    let input = screen.getByTestId("console-input");
+    fireEvent.change(input, { target: { value: "step" } });
+    fireEvent.keyDown(input, { key: "Enter" });
+
+    const outputs2: WithResponse<OutputMessage>[] = [
+      stdinPrompt("(Pdb) ", "step"),
+      stdinPrompt("(Pdb) "),
+    ];
+    rerender(
+      <TooltipProvider>
+        <ConsoleOutput
+          {...defaultProps}
+          consoleOutputs={outputs2}
+          onSubmitDebugger={onSubmitDebugger}
+        />
+      </TooltipProvider>,
+    );
+
+    // Submit an empty value; this should NOT enter the history stack.
+    input = screen.getByTestId("console-input");
+    fireEvent.keyDown(input, { key: "Enter" });
+
+    const outputs3: WithResponse<OutputMessage>[] = [
+      stdinPrompt("(Pdb) ", "step"),
+      stdinPrompt("(Pdb) ", ""),
+      stdinPrompt("(Pdb) "),
+    ];
+    rerender(
+      <TooltipProvider>
+        <ConsoleOutput
+          {...defaultProps}
+          consoleOutputs={outputs3}
+          onSubmitDebugger={onSubmitDebugger}
+        />
+      </TooltipProvider>,
+    );
+
+    // ArrowUp should jump back to "step", skipping the empty submission.
+    input = screen.getByTestId("console-input");
+    fireEvent.keyDown(input, { key: "ArrowUp" });
+    expect(input).toHaveValue("step");
+  });
+
   it("should navigate through multiple history entries across remounts", () => {
     const onSubmitDebugger = vi.fn();
 
@@ -192,6 +270,41 @@ describe("ConsoleOutput pdb history", () => {
     fireEvent.keyDown(input, { key: "ArrowDown" });
     expect(input).toHaveValue("");
   });
+
+  it("should distinguish an interrupted prompt from a bare-Enter submission", () => {
+    // After interrupt, cell.ts coerces pending stdin prompts to response: "".
+    // We must render that case differently from a real bare-Enter response,
+    // so the user isn't told they "submitted" a blank value.
+    const interruptedOutputs: WithResponse<OutputMessage>[] = [
+      stdinPrompt("Press Enter to continue: ", ""),
+    ];
+
+    const { rerender } = renderWithProvider(
+      <ConsoleOutput
+        {...defaultProps}
+        consoleOutputs={interruptedOutputs}
+        interrupted={true}
+      />,
+    );
+
+    // No response chunk should be rendered for an interrupted pending prompt.
+    expect(screen.queryByLabelText("stdin response")).not.toBeInTheDocument();
+
+    // Same outputs, but the cell isn't interrupted -- this is a real
+    // bare-Enter submission, so we should render the (empty) placeholder.
+    rerender(
+      <TooltipProvider>
+        <ConsoleOutput
+          {...defaultProps}
+          consoleOutputs={interruptedOutputs}
+          interrupted={false}
+        />
+      </TooltipProvider>,
+    );
+
+    expect(screen.getByLabelText("stdin response")).toBeInTheDocument();
+    expect(screen.getByText("(empty)")).toBeInTheDocument();
+  });
 });
 
 describe("ConsoleOutput debounced clearing", () => {
@@ -219,6 +332,7 @@ describe("ConsoleOutput debounced clearing", () => {
     cellName: "test_cell",
     consoleOutputs: [] as WithResponse<OutputMessage>[],
     stale: false,
+    interrupted: false,
     debuggerActive: false,
     onSubmitDebugger: vi.fn(),
   };

package/src/components/editor/renderers/vertical-layout/vertical-layout.tsx

@@ -405,6 +405,7 @@ const VerticalCell = memo(
           <ConsoleOutput
             consoleOutputs={consoleOutputs}
             stale={outputStale}
+            interrupted={interrupted}
             cellName={name}
             onSubmitDebugger={() => null}
             cellId={cellId}

package/src/components/scratchpad/scratchpad.tsx

@@ -289,6 +289,7 @@ export const ScratchPad: React.FC = () => {
                 consoleOutputs={consoleOutputs}
                 className="overflow-auto"
                 stale={false}
+                interrupted={false}
                 cellName={DEFAULT_CELL_NAME}
                 onSubmitDebugger={Functions.NOOP}
                 cellId={cellId}

package/src/plugins/layout/DownloadPlugin.tsx

@@ -80,22 +80,26 @@ const DownloadButton = ({
   const [isLoading, setIsLoading] = useState(false);
 
   const handleClick = async (e: React.MouseEvent) => {
-    if (!data.lazy) {
+    if (data.disabled) {
+      e.preventDefault();
+      e.stopPropagation();
       return;
     }
 
-    if (data.disabled) {
+    e.preventDefault();
+
+    if (!data.lazy) {
+      downloadByURL(data.data, data.filename ?? undefined);
       return;
     }
 
-    e.preventDefault();
     setIsLoading(true);
 
     try {
       const loadedData = await load({});
       downloadByURL(
         loadedData.data,
-        loadedData.filename || data.filename || "download",
+        loadedData.filename ?? data.filename ?? undefined,
       );
     } catch (error) {
       toast({
@@ -114,9 +118,7 @@ const DownloadButton = ({
   return (
     <a
       href={data.data}
-      download={data.filename || true}
-      target="_blank"
-      rel="noopener noreferrer"
+      download={data.filename ?? ""}
       onClick={handleClick}
       className={buttonVariants({
         variant: "secondary",

package/src/utils/download.ts

@@ -175,10 +175,12 @@ export async function downloadHTMLAsImage(opts: {
   }
 }
 
-export function downloadByURL(url: string, filename: string) {
+export function downloadByURL(url: string, filename?: string) {
   const a = document.createElement("a");
   a.href = url;
-  a.download = filename;
+  if (filename) {
+    a.download = filename;
+  }
   a.click();
   a.remove();
 }