@marimo-team/islands 0.21.2-dev57 → 0.21.2-dev59

package/dist/{ConnectedDataExplorerComponent-D0GoOd_c.js → ConnectedDataExplorerComponent-DrWDbHRV.js}

@@ -2,7 +2,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 { l as createLucideIcon } from "./dist-C0Rnbr-_.js";
-import { A as useOnMount, F as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, H as ListFilter, K as Calendar, M as Badge, N as createReducerAndAtoms, P as startCase_default, R as Type, U as Hash, V as SquareFunction, t as augmentSpecWithData, z as ToggleLeft } from "./spec-Bfvf9Hre.js";
+import { A as useOnMount, F as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, H as ListFilter, K as Calendar, M as Badge, N as createReducerAndAtoms, P as startCase_default, R as Type, U as Hash, V as SquareFunction, t as augmentSpecWithData, z as ToggleLeft } from "./spec-oVDndBz4.js";
 import { A as $a916eb452884faea$export$b7a616150fdb9f44, a as SelectGroup, c as SelectSeparator, i as SelectContent, l as SelectTrigger, o as SelectItem, r as Select, s as SelectLabel, t as Label, u as SelectValue } from "./label-BbpGrh4j.js";
 import { d as Objects, g as Logger, t as Button, y as cn } from "./button-BKkuUpZh.js";
 import "./Combination-BBPQRrDo.js";

package/dist/main.js

@@ -23,7 +23,7 @@ import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-BjkXCUxP.js";
 import { _ as require_cjs$1, c as markdownLineEnding, d as SKIP, f as visitParents, g as s$2, h as h$1, l as longestStreak, m as webNamespaces, o as xn$1, p as convert$1, s as factorySpace, u as ok, __tla as __tla_0 } from "./chunk-5FQGJX7Z-BkzUmppO.js";
 import { a as Content$3, c as useSize, i as Arrow, l as createLucideIcon, o as Root2$6, r as Anchor, s as createPopperScope, t as Root$5 } from "./dist-C0Rnbr-_.js";
-import { A as useOnMount, B as Table$1, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, G as ChartColumn, H as ListFilter, I as $fb18d541ea1ad717$export$ad991b66133851cf, K as Calendar, L as $5a387cc49350e6db$export$722debc0e56fea39, M as Badge, N as createReducerAndAtoms, O as TIME_UNIT_DESCRIPTIONS, P as startCase_default, R as Type, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, U as Hash, V as SquareFunction, W as ChartPie, _ 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 useOnUnmount, 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, z as ToggleLeft } from "./spec-Bfvf9Hre.js";
+import { A as useOnMount, B as Table$1, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, G as ChartColumn, H as ListFilter, I as $fb18d541ea1ad717$export$ad991b66133851cf, K as Calendar, L as $5a387cc49350e6db$export$722debc0e56fea39, M as Badge, N as createReducerAndAtoms, O as TIME_UNIT_DESCRIPTIONS, P as startCase_default, R as Type, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, U as Hash, V as SquareFunction, W as ChartPie, _ 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 useOnUnmount, 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, z as ToggleLeft } from "./spec-oVDndBz4.js";
 import { t as Check } from "./check-Diwc5emq.js";
 import { A as $a916eb452884faea$export$b7a616150fdb9f44, C as useDirection, D as assertNever, E as usePrevious$1, I as X, M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, N as $18f2051aff69b9bf$export$a54013f0d02a8f82, O as logNever, P as $b5e257d569688ac6$export$535bd6ca7f90a273, R as ChevronDown, S as Trigger$5, T as clamp$2, _ as menuItemVariants, a as SelectGroup, b as menuSubTriggerVariants, c as SelectSeparator, d as NativeSelect, f as selectStyles, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, j as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, l as SelectTrigger, m as menuContentCommon, n as Primitive$1, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, s as SelectLabel, t as Label, u as SelectValue, v as menuLabelVariants, w as createCollection, x as Icon, y as menuSeparatorVariants } from "./label-BbpGrh4j.js";
 import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $t as $c87311424ea30a05$export$a11b0059900ceec8, A as Portal$2, At as $fca6afa0e843324b$export$87b761675e8eaa10, B as Root$6, Bt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, C as Arrow2, Ct as $e5be200c675c3b3a$export$aca958c65c314e6c, D as Item2$2, Dt as $f7dceffc5ad7768b$export$4e328f61c538687f, E as Group$1, Et as $319e236875307eab$export$a9b970dcc4ae71a9, F as Sub, Ft as $9ab94262bd0047c7$export$420e68273165f4ec, G as $3985021b0ad6602f$export$f5b8910cec6cf069, Gt as $99facab73266f662$export$5add1d006293d136, H as ErrorBoundary, Ht as $458b0a5536c1a7cf$export$40bfa8c7b0832715, I as SubContent, It as $3ad3f6e1647bc98d$export$80f3e147d781571c, J as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Jt as $df56164dff5785e2$export$4338b53315abf666, K as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, Kt as $e9faafb641e167db$export$90fc3a17d93f704c, L as SubTrigger, Lt as $507fabe10e71c6fb$export$630ff653c5ada6a9, M as RadioItem, Mt as $6db58dc88e78b024$export$2f817fcdc4b89ae0, N as Root3, Nt as $5b160d28a433310d$export$c17fa47878dc55b6, O as ItemIndicator, Ot as $701a24aa0da5b062$export$ea18c227d4417cc3, P as Separator, Pt as $6179b936705e76d3$export$ae780daf29e6d456, Q as $514c0188e459b4c0$export$9afb8bc826b033ea, Qt as $c87311424ea30a05$export$9ac100e40613ea10, R as createMenuScope, Rt as $f6c31cce2adf654f$export$45712eceda6fad21, S as Anchor2, St as $e5be200c675c3b3a$export$a763b9476acd3eb, T as Content2$3, Tt as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, U as require_prop_types, Ut as $b4b717babfbb907b$export$4c063cf1350e6fed, V as createRovingFocusGroupScope, Vt as $9446cca9a3875146$export$7d15b64cf5a3a4c4, W as $3985021b0ad6602f$export$37fb8590cf2c088c, Wt as $b4b717babfbb907b$export$bebd5a1431fec25d, X as $ee014567cb39d3f0$export$ff05c3ac10437e03, Xt as $c87311424ea30a05$export$6446a186d09e379e, Y as $ee014567cb39d3f0$export$f551688fc98f2e09, Yt as $313b98861ee5dd6c$export$d6875122194c7b44, Z as $514c0188e459b4c0$export$5f1af8db9871e1d6, Zt as $c87311424ea30a05$export$78551043582a6a98, _ as DropdownMenuSeparator, _n as Plus, _t as capitalize_default, a as OnBlurredInput, an as $d4ee10de306f2510$export$b4f377a2b6254582, at as $64fa3d84918910a7$export$29f1550f4b0d4415, b as DropdownMenuSubTrigger, bn as ChevronRight, bt as $e93e671b31057976$export$b8473d3665f3a75a, c as prettyEngineeringNumber, cn as $f4e2df6bd15f8569$export$98658e8c59125e6a, ct as $64fa3d84918910a7$export$c245e6201fed2f75, d as DropdownMenu, dn as $ff5963eb1fccf552$export$e08e3b67e392101e, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $c87311424ea30a05$export$fedb369cb70207f1, et as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, f as DropdownMenuContent, fn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuPortal, gn as Search, gt as useDebouncedCallback, h as DropdownMenuLabel, hn as Trash, ht as useDebounceControlledState, i as Input, in as $d4ee10de306f2510$export$4282f70798064fe0, it as $64fa3d84918910a7$export$2881499e37b75b9a, j as RadioGroup$2, jt as $fca6afa0e843324b$export$f12b703ca79dfbb1, k as Label$2, kt as $6c7bd7858deea686$export$cd11ab140839f11d, l as prettyNumber, ln as $431fbd86ca7dc216$export$b204af158042fbac, lt as $64fa3d84918910a7$export$c62b8e45d58ddad9, m as DropdownMenuItem, mn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, mt as marked, n as DebouncedInput, nn as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, nt as $01b77f81d0f07f68$export$b04be29aa201d4f5, o as NumberField, on as $d4ee10de306f2510$export$cd4e5573fbe2b576, ot as $64fa3d84918910a7$export$4d86445c2cf5e3, p as DropdownMenuGroup, pn as $bdb11010cef70236$export$f680877a34711e37, pt as useNonce, q as $a049562f99e7db0e$export$f9c6924e160136d1, qt as $8ae05eaa5c114e9c$export$7f54fc3180508a52, r as DebouncedNumberInput, rn as $3ef42575df84b30b$export$9d1611c77c2fe928, rt as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, s as maxFractionalDigits, sn as $d4ee10de306f2510$export$e58f029f0fbfdb29, st as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, t as BulkEdit, tn as $7215afc6de606d6b$export$de79e2c695e052f3, tt as $01b77f81d0f07f68$export$75b6ee27786ba447, u as prettyScientificNumber, un as $431fbd86ca7dc216$export$f21a1ffae260145a, ut as $64fa3d84918910a7$export$df3a06d6289f983e, v as DropdownMenuSub, vn as Pencil, vt as $d2e8511e6f209edf$export$e908e06f4b8e3402, w as CheckboxItem, wt as $e5be200c675c3b3a$export$dad6ae84456c676a, x as DropdownMenuTrigger, xt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, y as DropdownMenuSubContent, yn as Circle, yt as $2baaea4c71418dea$export$294aa081a6c6f55d, z as Item$2, zt as _class_private_field_init } from "./types-CGc7peZV.js";
@@ -32731,6 +32731,228 @@ ${c.sqlString}
     let y = outputIsLoading(c), S = c === "running" && d !== null && f !== null && (d.timestamp ?? 0) > f;
     return y && !S ? true : v;
   }
+  function getInitialAppMode() {
+    let e = store.get(initialModeAtom);
+    return assertExists(e, "internal-error: initial mode not found"), invariant(e !== "present", "internal-error: initial mode cannot be 'present'"), e;
+  }
+  const viewStateAtom = atom({
+    mode: isIslands() ? "read" : "not-set",
+    cellAnchor: null
+  }), initialModeAtom = atom(void 0), kioskModeAtom = atom(false);
+  function getCell(e, r) {
+    if (!e) {
+      Logger.warn("getCell: cellId is undefined");
+      return;
+    }
+    let c = r.cellData[e];
+    if (!c) {
+      Logger.warn(`getCell: cell ${e} not found in state`);
+      return;
+    }
+    return c;
+  }
+  function anchorOf(e, r) {
+    let c = r.cellIds.inOrderIds, d = c.indexOf(e);
+    if (d > 0) return {
+      after: c[d - 1]
+    };
+    if (d === 0 && c.length > 1) return {
+      before: c[1]
+    };
+  }
+  function columnIndexMap(e) {
+    let r = /* @__PURE__ */ new Map(), c = e.cellIds.getColumns();
+    for (let [e2, d] of c.entries()) for (let c2 of d.inOrderIds) r.set(c2, e2);
+    return r;
+  }
+  function newCellChanges(e, r) {
+    let c = new Set(e.cellIds.inOrderIds), d = [];
+    for (let e2 of r.cellIds.inOrderIds) if (!c.has(e2)) {
+      let c2 = getCell(e2, r);
+      c2 && d.push({
+        type: "create-cell",
+        cellId: c2.id,
+        code: c2.code,
+        name: c2.name,
+        config: c2.config,
+        ...anchorOf(c2.id, r)
+      });
+    }
+    return d;
+  }
+  function deletedCellChanges(e, r) {
+    let c = new Set(r.cellIds.inOrderIds), d = [];
+    for (let r2 of e.cellIds.inOrderIds) c.has(r2) || d.push({
+      type: "delete-cell",
+      cellId: r2
+    });
+    return d;
+  }
+  function columnChanges(e, r) {
+    let c = columnIndexMap(e), d = columnIndexMap(r), f = [];
+    for (let [e2, r2] of d) c.get(e2) !== r2 && f.push({
+      type: "set-config",
+      cellId: e2,
+      column: r2
+    });
+    return f.push({
+      type: "reorder-cells",
+      cellIds: r.cellIds.inOrderIds
+    }), f;
+  }
+  function toDocumentChanges(e, r, c) {
+    switch (c.type) {
+      case "createNewCell":
+        return newCellChanges(e, r);
+      case "deleteCell":
+        return [
+          {
+            type: "delete-cell",
+            cellId: c.payload.cellId
+          }
+        ];
+      case "moveCell":
+      case "sendToTop":
+      case "sendToBottom": {
+        let { cellId: e2 } = c.payload;
+        return [
+          {
+            type: "move-cell",
+            cellId: e2,
+            ...anchorOf(e2, r)
+          }
+        ];
+      }
+      case "dropCellOverCell":
+      case "dropCellOverColumn":
+        return columnChanges(e, r);
+      case "updateCellCode": {
+        let e2 = getCell(c.payload.cellId, r);
+        return e2 ? [
+          {
+            type: "set-code",
+            cellId: e2.id,
+            code: e2.code
+          }
+        ] : [];
+      }
+      case "updateCellName": {
+        let e2 = getCell(c.payload.cellId, r);
+        return e2 ? [
+          {
+            type: "set-name",
+            cellId: e2.id,
+            name: e2.name
+          }
+        ] : [];
+      }
+      case "updateCellConfig": {
+        let { cellId: e2, config: r2 } = c.payload;
+        return [
+          {
+            type: "set-config",
+            cellId: e2,
+            ...r2.hide_code != null && {
+              hideCode: r2.hide_code
+            },
+            ...r2.disabled != null && {
+              disabled: r2.disabled
+            },
+            ...r2.column != null && {
+              column: r2.column
+            }
+          }
+        ];
+      }
+      case "dropOverNewColumn":
+      case "moveColumn":
+      case "addColumnBreakpoint":
+      case "deleteColumn":
+      case "mergeAllColumns":
+      case "compactColumns":
+        return columnChanges(e, r);
+      case "addColumn":
+        return [
+          ...newCellChanges(e, r),
+          ...columnChanges(e, r)
+        ];
+      case "undoDeleteCell": {
+        let c2 = newCellChanges(e, r), d = columnChanges(e, r);
+        return d.length > 1 ? [
+          ...c2,
+          ...d
+        ] : c2;
+      }
+      case "splitCell": {
+        let { cellId: d } = c.payload, f = getCell(d, r);
+        return f ? [
+          {
+            type: "set-code",
+            cellId: d,
+            code: f.code
+          },
+          ...newCellChanges(e, r)
+        ] : [];
+      }
+      case "undoSplitCell": {
+        let { cellId: d } = c.payload, f = getCell(d, r);
+        return f ? [
+          {
+            type: "set-code",
+            cellId: d,
+            code: f.code
+          },
+          ...deletedCellChanges(e, r)
+        ] : [];
+      }
+      case "moveToNextCell":
+        return newCellChanges(e, r);
+      case "addSetupCellIfDoesntExist":
+        return newCellChanges(e, r);
+      case "focusCell":
+      case "focusTopCell":
+      case "focusBottomCell":
+      case "scrollToTarget":
+      case "showCellIfHidden":
+      case "markTouched":
+      case "markUntouched":
+        return [];
+      case "prepareForRun":
+      case "handleCellMessage":
+      case "setCellIds":
+      case "setCellCodes":
+      case "setCells":
+      case "setStdinResponse":
+      case "clearSerializedEditorState":
+      case "clearCellOutput":
+      case "clearCellConsoleOutput":
+      case "clearAllCellOutputs":
+      case "clearLogs":
+        return [];
+      case "foldAll":
+      case "unfoldAll":
+      case "collapseCell":
+      case "expandCell":
+      case "collapseAllCells":
+      case "expandAllCells":
+        return [];
+      default:
+        assertNever(c);
+    }
+  }
+  var pendingChanges = [], flushChanges = debounce_default(() => {
+    if (pendingChanges.length === 0) return;
+    let e = pendingChanges;
+    pendingChanges = [], getRequestClient().sendDocumentTransaction({
+      changes: e
+    });
+  }, 400);
+  function enqueue(e) {
+    store.get(kioskModeAtom) || (pendingChanges.push(e), flushChanges());
+  }
+  function documentTransactionMiddleware(e, r, c) {
+    for (let d of toDocumentChanges(e, r, c)) enqueue(d);
+  }
   function addDays(e, r, c) {
     let d = toDate(e, c == null ? void 0 : c.in);
     return isNaN(r) ? constructFrom((c == null ? void 0 : c.in) || e, NaN) : (r && d.setDate(d.getDate() + r), d);
@@ -36262,7 +36484,7 @@ ${c.sqlString}
       ...e
     };
   }
-  require_compiler_runtime();
+  var import_compiler_runtime$153 = require_compiler_runtime();
   function withScratchCell(e) {
     let r = {
       column: 0,
@@ -36300,7 +36522,7 @@ ${c.sqlString}
       untouchedNewCells: /* @__PURE__ */ new Set()
     });
   }
-  var { reducer, createActions, useActions: useActions$1, valueAtom: notebookAtom } = createReducerAndAtoms(initialNotebookState, {
+  var { reducer, addMiddleware, createActions, useActions: useActions$1, valueAtom: notebookAtom } = createReducerAndAtoms(initialNotebookState, {
     createNewCell: (e, r) => {
       var _a3;
       let { cellId: c, before: d, code: f, lastCodeRun: _ = null, lastExecutionTime: v = null, autoFocus: y = true, skipIfCodeExists: S = false, hideCode: w = false } = r, E, O;
@@ -36642,7 +36864,15 @@ ${c.sqlString}
         cellId: c,
         cellReducer: (e2) => transitionCell(e2, r)
       });
-      return {
+      return r.status === "queued" && (d = updateCellData({
+        state: d,
+        cellId: c,
+        cellReducer: (e2) => ({
+          ...e2,
+          lastCodeRun: e2.code.trim(),
+          edited: false
+        })
+      })), {
         ...d,
         cellLogs: [
           ...d.cellLogs,
@@ -37079,6 +37309,7 @@ ${c.sqlString}
       };
     }
   });
+  addMiddleware(documentTransactionMiddleware);
   function isCellCodeHidden(e, r) {
     return !!e.cellData[r].config.hide_code && !e.untouchedNewCells.has(r);
   }
@@ -37159,8 +37390,9 @@ ${c.sqlString}
     let { cellHandles: r } = store.get(notebookAtom);
     return (_a3 = r[e].current) == null ? void 0 : _a3.editorView;
   };
-  function useCellActions() {
-    return useActions$1();
+  function useCellActions(e) {
+    let r = (0, import_compiler_runtime$153.c)(2), c;
+    return r[0] === e ? c = r[1] : (c = e === void 0 ? {} : e, r[0] = e, r[1] = c), useActions$1(c);
   }
   async function requestOutputDocumentation(e) {
     let r = getCells().inOrderIds.at(0);
@@ -37195,14 +37427,6 @@ ${c.sqlString}
   };
   require_compiler_runtime();
   const hasRunAnyCellAtom = atom(false);
-  function getInitialAppMode() {
-    let e = store.get(initialModeAtom);
-    return assertExists(e, "internal-error: initial mode not found"), invariant(e !== "present", "internal-error: initial mode cannot be 'present'"), e;
-  }
-  const viewStateAtom = atom({
-    mode: isIslands() ? "read" : "not-set",
-    cellAnchor: null
-  }), initialModeAtom = atom(void 0), kioskModeAtom = atom(false);
   var sanitizeHtmlAtom = atom((e) => {
     let r = e(hasRunAnyCellAtom), c = e(autoInstantiateAtom);
     if (r || c) return false;
@@ -70883,7 +71107,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev57"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev59"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$89 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -82550,7 +82774,7 @@ ${c}
       fullWidth: y,
       children: G
     }), r[19] = y, r[20] = S, r[21] = c, r[22] = G, r[23] = q) : q = r[23], q;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-D0GoOd_c.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-DrWDbHRV.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object$1({
     label: string().nullish(),
     data: string()
@@ -101802,6 +102026,7 @@ ${r}
       __publicField(this, "saveCellConfig", throwNotImplemented);
       __publicField(this, "sendRestart", throwNotImplemented);
       __publicField(this, "syncCellIds", throwNotImplemented);
+      __publicField(this, "sendDocumentTransaction", throwNotImplemented);
       __publicField(this, "readCode", throwNotImplemented);
       __publicField(this, "readSnippets", throwNotImplemented);
       __publicField(this, "previewDatasetColumn", throwNotImplemented);
@@ -101996,6 +102221,8 @@ ${r}
           return;
         case "kernel-startup-error":
           return;
+        case "notebook-document-transaction":
+          return;
         case "model-lifecycle":
           handleWidgetMessage(MODEL_MANAGER, c.data);
           return;

package/dist/{spec-Bfvf9Hre.js → spec-oVDndBz4.js}

@@ -700,32 +700,41 @@ function createReducer(a, P) {
   };
 }
 function createReducerAndAtoms(a, P, F) {
-  let { reducer: I, createActions: L } = createReducer(a, P), R = (a2, P2) => {
+  let I = [...F ?? []], L = (a2) => {
+    I.push(a2);
+  }, { reducer: R, createActions: z } = createReducer(a, P), B = (a2, P2) => {
     try {
-      let L2 = I(a2, P2);
-      if (F) for (let I2 of F) try {
-        I2(a2, L2, P2);
+      let F2 = R(a2, P2);
+      for (let L2 of I) try {
+        L2(a2, F2, P2);
       } catch (a3) {
         Logger.error(`Error in middleware for action ${P2.type}:`, a3);
       }
-      return L2;
+      return F2;
     } catch (F2) {
       return Logger.error(`Error in reducer for action ${P2.type}:`, F2), a2;
     }
-  }, z = atom(a()), B = /* @__PURE__ */ new WeakMap();
-  function H() {
-    let a2 = (0, import_compiler_runtime$1.c)(2), P2 = useSetAtom(z);
-    B.has(P2) || B.set(P2, L((a3) => {
-      P2((P3) => R(P3, a3));
+  }, H = atom(a()), U = /* @__PURE__ */ new WeakMap();
+  function W(a2) {
+    let P2 = (0, import_compiler_runtime$1.c)(4), F2 = a2 === void 0 ? {} : a2, I2 = useSetAtom(H);
+    if (F2.skipMiddleware === true) {
+      let a3;
+      return P2[0] === I2 ? a3 = P2[1] : (a3 = z((a4) => {
+        I2((P3) => R(P3, a4));
+      }), P2[0] = I2, P2[1] = a3), a3;
+    }
+    U.has(I2) || U.set(I2, z((a3) => {
+      I2((P3) => B(P3, a3));
     }));
-    let F2;
-    return a2[0] === P2 ? F2 = a2[1] : (F2 = B.get(P2), a2[0] = P2, a2[1] = F2), F2;
+    let L2;
+    return P2[2] === I2 ? L2 = P2[3] : (L2 = U.get(I2), P2[2] = I2, P2[3] = L2), L2;
   }
   return {
-    reducer: R,
-    createActions: L,
-    valueAtom: z,
-    useActions: H
+    reducer: B,
+    addMiddleware: L,
+    createActions: z,
+    valueAtom: H,
+    useActions: W
   };
 }
 var import_compiler_runtime = require_compiler_runtime(), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), badgeVariants = cva("inline-flex items-center border rounded-full px-2 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", {

package/package.json

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

package/src/__mocks__/requests.ts

@@ -18,6 +18,7 @@ export const MockRequestClient = {
       sendRename: vi.fn().mockResolvedValue({}),
       sendRestart: vi.fn().mockResolvedValue({}),
       syncCellIds: vi.fn().mockResolvedValue({}),
+      sendDocumentTransaction: vi.fn().mockResolvedValue({}),
       sendSave: vi.fn().mockResolvedValue({}),
       sendCopy: vi.fn().mockResolvedValue({}),
       sendStdin: vi.fn().mockResolvedValue({}),

package/src/components/editor/file-tree/file-explorer.tsx

@@ -62,9 +62,11 @@ import type { FileInfo } from "@/core/network/types";
 import { isWasm } from "@/core/wasm/utils";
 import { useAsyncData } from "@/hooks/useAsyncData";
 import { ErrorBanner } from "@/plugins/impl/common/error-banner";
+import { deserializeBlob } from "@/utils/blob";
 import { cn } from "@/utils/cn";
 import { copyToClipboard } from "@/utils/copy";
 import { downloadBlob } from "@/utils/download";
+import { type Base64String, base64ToDataURL } from "@/utils/json/base64";
 import { openNotebook } from "@/utils/links";
 import type { FilePath } from "@/utils/paths";
 import { fileSplit } from "@/utils/pathUtils";
@@ -650,8 +652,20 @@ const Node = ({ node, style, dragHandle }: NodeRendererProps<FileInfo>) => {
             <DropdownMenuItem
               onSelect={async () => {
                 const details = await sendFileDetails({ path: node.data.path });
-                const contents = details.contents || "";
-                downloadBlob(new Blob([contents]), node.data.name);
+                if (details.isBase64 && details.contents) {
+                  const blob = deserializeBlob(
+                    base64ToDataURL(
+                      details.contents as Base64String,
+                      details.mimeType || "application/octet-stream",
+                    ),
+                  );
+                  downloadBlob(blob, node.data.name);
+                } else {
+                  downloadBlob(
+                    new Blob([details.contents || ""]),
+                    node.data.name,
+                  );
+                }
               }}
             >
               <DownloadIcon className={ic} />

package/src/components/editor/file-tree/file-viewer.tsx

@@ -21,6 +21,7 @@ import { filenameAtom } from "@/core/saving/file-state";
 import { isWasm } from "@/core/wasm/utils";
 import { useAsyncData } from "@/hooks/useAsyncData";
 import { ErrorBanner } from "@/plugins/impl/common/error-banner";
+import { deserializeBlob } from "@/utils/blob";
 import { copyToClipboard } from "@/utils/copy";
 import { downloadBlob, downloadByURL } from "@/utils/download";
 import { type Base64String, base64ToDataURL } from "@/utils/json/base64";
@@ -121,9 +122,22 @@ export const FileViewer: React.FC<Props> = ({ file, onOpenNotebook }) => {
   }
 
   const handleDownload = () => {
-    if (isMediaMime(mimeType)) {
-      const dataURL = base64ToDataURL(data.contents as Base64String, mimeType);
-      downloadByURL(dataURL, data.file.name);
+    if (data.isBase64 && data.contents) {
+      if (isMediaMime(mimeType)) {
+        const dataURL = base64ToDataURL(
+          data.contents as Base64String,
+          mimeType,
+        );
+        downloadByURL(dataURL, data.file.name);
+      } else {
+        const blob = deserializeBlob(
+          base64ToDataURL(
+            data.contents as Base64String,
+            data.mimeType || "application/octet-stream",
+          ),
+        );
+        downloadBlob(blob, data.file.name);
+      }
       return;
     }