@marimo-team/frontend 0.23.6-dev1 → 0.23.6-dev11

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-CL4WR8q8.js"></script>
+    <script type="module" crossorigin src="./assets/index-Dyru2McE.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-DItdS47A.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
     <link rel="modulepreload" crossorigin href="./assets/react-Bj1aDYRI.js">
@@ -133,7 +133,7 @@
     <link rel="modulepreload" crossorigin href="./assets/debounce-DhnxH9Rh.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-kIkTfzTX.js">
     <link rel="modulepreload" crossorigin href="./assets/main-B0OX4z33.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-CcBfzJ1Z.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-Jdt48eTG.js">
     <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-DzYV_VeY.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-B3Breaz2.js">
     <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-D0NLybAx.js">
@@ -147,33 +147,33 @@
     <link rel="modulepreload" crossorigin href="./assets/usePress-CfcdTqJM.js">
     <link rel="modulepreload" crossorigin href="./assets/input-BX98vgAu.js">
     <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-D7lQ0Q7_.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-BRdZl0OJ.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-8o8mCUzE.js">
     <link rel="modulepreload" crossorigin href="./assets/multi-map-rafH3cg3.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-DvqcBMUv.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-CG5QYXYk.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-D1A3cFC8.js">
     <link rel="modulepreload" crossorigin href="./assets/links-Dpap8NI2.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-CgXnbA14.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BeRcytF8.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-BCF-tANo.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-BwrPA9zQ.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-icon-BYNydU7b.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-8cI8zL5y.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-Czm_KBfK.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-DCT6JLba.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-CA4tujDX.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-BGCJgHn8.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-Bhut5iLD.js">
     <link rel="modulepreload" crossorigin href="./assets/sparkles-CZ5WmLPA.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-Dbk0HqOA.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-Dm4hVwDq.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-Bhir8k53.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-BHdf1t5J.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-CXQpR65O.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-BJDxFKbb.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-Bz1PGBQ2.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-BFC6lWG9.js">
     <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-BF3xpDgO.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-DzSMahmM.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-e_arGD4o.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-DmnGXdCp.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-9gIJjISB.js">
     <link rel="modulepreload" crossorigin href="./assets/command-CBCkexpx.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-UExmgBsf.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-TZBmrJmc.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-YUQiaxS9.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-q17GDjRk.js">
     <link rel="modulepreload" crossorigin href="./assets/table-DPyRV1LT.js">
     <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-BvE4n6hj.js">
     <link rel="modulepreload" crossorigin href="./assets/error-banner-C6aBa98y.js">
@@ -191,27 +191,27 @@
     <link rel="modulepreload" crossorigin href="./assets/message-circle-CWm2KnSx.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-CKlZA04n.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-BUNcfKXO.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-02ehjjSC.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-BQaSLDBi.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-nqk474t8.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-D1dlJvD8.js">
     <link rel="modulepreload" crossorigin href="./assets/spec-Cq8FVoTf.js">
     <link rel="modulepreload" crossorigin href="./assets/ellipsis-vertical-CkwWkOQL.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-DHwG4Mac.js">
     <link rel="modulepreload" crossorigin href="./assets/tree-actions-Ci3CV3hN.js">
-    <link rel="modulepreload" crossorigin href="./assets/components-DVKf_7RU.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-rDM8Q-wn.js">
+    <link rel="modulepreload" crossorigin href="./assets/components-Du9BBcZY.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-B1oiFlur.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-D9TuFTJG.js">
-    <link rel="modulepreload" crossorigin href="./assets/radio-group-6t7ozlnG.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-BtNnv2IX.js">
+    <link rel="modulepreload" crossorigin href="./assets/radio-group-B0jYgGRE.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-DVqXePmL.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-DaPAPabU.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-BmrwxxCo.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-n1Li95bE.js">
     <link rel="modulepreload" crossorigin href="./assets/plus-BgB18UzY.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-JBCsN3-9.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-BNCBnJYH.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-BrQspHac.js">
     <link rel="modulepreload" crossorigin href="./assets/file-BrdxGLRX.js">
     <link rel="modulepreload" crossorigin href="./assets/image-DQHXdEQn.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-CMxkj_kV.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-D1lzcliR.js">
     <link rel="modulepreload" crossorigin href="./assets/switch-ecwOrzz3.js">
     <link rel="modulepreload" crossorigin href="./assets/events-BRAWQiYK.js">
     <link rel="modulepreload" crossorigin href="./assets/globals-B-ZMi0ZU.js">
@@ -220,11 +220,11 @@
     <link rel="modulepreload" crossorigin href="./assets/memoize-Tp7rARFe.js">
     <link rel="modulepreload" crossorigin href="./assets/get-C-qh_et5.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-CxV9N1bc.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-DGoUR-mM.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-D5aL5woK.js">
     <link rel="modulepreload" crossorigin href="./assets/label-DTR8T0AE.js">
-    <link rel="modulepreload" crossorigin href="./assets/textarea-BI_mXP9w.js">
+    <link rel="modulepreload" crossorigin href="./assets/textarea-DapfQSws.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-C-n2VFP5.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-EgPmt17c.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-CpNkZ10P.js">
     <link rel="modulepreload" crossorigin href="./assets/renderShortcut-DZpkrZaP.js">
     <link rel="modulepreload" crossorigin href="./assets/field-BrLPDxsA.js">
     <link rel="modulepreload" crossorigin href="./assets/RSPContexts-CINae4Gg.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.23.6-dev1",
+  "version": "0.23.6-dev11",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/slides/slide-form.tsx

@@ -8,6 +8,7 @@ import {
   CookieIcon,
   PanelRightCloseIcon,
   PanelRightOpenIcon,
+  KeyboardIcon,
 } from "lucide-react";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import {
@@ -28,6 +29,7 @@ import type {
 import { useState } from "react";
 import { Tooltip } from "../ui/tooltip";
 import { Button } from "../ui/button";
+import { Kbd } from "../ui/kbd";
 import type { RuntimeCell } from "@/core/cells/types";
 
 export const DEFAULT_SLIDE_TYPE: SlideType = "slide";
@@ -132,10 +134,51 @@ const SlidesForm = ({
       <TabsContent value="deck" className="mt-0 flex-1">
         <DeckConfigForm layout={layout} setLayout={setLayout} />
       </TabsContent>
+      <hr />
+      <KeyboardTips />
     </Tabs>
   );
 };
 
+const KEYBOARD_TIPS: { keys: string[]; description: string }[] = [
+  { keys: ["F"], description: "Enter fullscreen" },
+  { keys: ["C"], description: "Toggle code editor" },
+];
+
+const KEYBOARD_SHORTCUTS_URL =
+  "https://vlaaad.github.io/reveal/keyboard-shortcuts";
+
+const KeyboardTips = () => {
+  return (
+    <div className="flex flex-col gap-2 text-xs text-muted-foreground">
+      <div className="flex items-center gap-1.5 font-medium text-foreground/80">
+        <KeyboardIcon className="h-3.5 w-3.5" />
+        <span>Shortcuts</span>
+      </div>
+      <ul className="flex flex-col gap-1.5">
+        {KEYBOARD_TIPS.map(({ keys, description }) => (
+          <li key={description} className="flex items-center justify-between">
+            <span>{description}</span>
+            <span className="flex gap-1">
+              {keys.map((key) => (
+                <Kbd key={key}>{key}</Kbd>
+              ))}
+            </span>
+          </li>
+        ))}
+      </ul>
+      <a
+        href={KEYBOARD_SHORTCUTS_URL}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="text-link hover:underline"
+      >
+        See all shortcuts
+      </a>
+    </div>
+  );
+};
+
 const SlideConfigForm = ({
   layout,
   setLayout,

package/src/core/cells/__tests__/apply-transaction.test.ts

@@ -469,10 +469,34 @@ describe("applyTransactionChanges column rebuild", () => {
     const [a, b, c, d] = state.cellIds.inOrderIds;
     apply([
       { type: "reorder-cells", cellIds: [a, b, c, d] },
-      { type: "set-config", cellId: a, column: 0 },
-      { type: "set-config", cellId: b, column: 1 },
-      { type: "set-config", cellId: c, column: 0 },
-      { type: "set-config", cellId: d, column: 1 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: b,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: d,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     // a and c in col0; b and d in col1. Order within each column follows
     // the reorder-cells order.
@@ -487,7 +511,15 @@ describe("applyTransactionChanges column rebuild", () => {
   it("set-config without reorder-cells moves the cell to the new column", () => {
     setup("a", "b", "c");
     const [, b] = state.cellIds.inOrderIds;
-    apply([{ type: "set-config", cellId: b, column: 1 }]);
+    apply([
+      {
+        type: "set-config",
+        cellId: b,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
+    ]);
     // Without reorder-cells, the flat order comes from the current tree.
     // b gets explicit col=1; a and c stay with default null → follow the
     // previous cell's column (a → col0 because prev=0; c → col1 because
@@ -503,7 +535,15 @@ describe("applyTransactionChanges column rebuild", () => {
   it("no column change: set-config only touching other fields does not repartition", () => {
     setup("a", "b", "c");
     const [, b] = state.cellIds.inOrderIds;
-    apply([{ type: "set-config", cellId: b, hideCode: true }]);
+    apply([
+      {
+        type: "set-config",
+        cellId: b,
+        column: null,
+        disabled: false,
+        hideCode: true,
+      },
+    ]);
     // All three cells remain in a single column. No rebuild triggered.
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -525,8 +565,20 @@ describe("applyTransactionChanges column rebuild", () => {
     const [a, b] = state.cellIds.inOrderIds;
     apply([
       { type: "reorder-cells", cellIds: [a, b] },
-      { type: "set-config", cellId: a, column: 0 },
-      { type: "set-config", cellId: b, column: 1 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: b,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -550,8 +602,20 @@ describe("applyTransactionChanges column rebuild", () => {
     const [a, b, c, d] = state.cellIds.inOrderIds;
     apply([
       { type: "reorder-cells", cellIds: [a, b, c, d] },
-      { type: "set-config", cellId: a, column: 0 },
-      { type: "set-config", cellId: c, column: 1 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -562,8 +626,20 @@ describe("applyTransactionChanges column rebuild", () => {
     // Now merge everything back to col 0.
     apply([
       { type: "reorder-cells", cellIds: [a, b, c, d] },
-      { type: "set-config", cellId: c, column: 0 },
-      { type: "set-config", cellId: d, column: 0 },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: d,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -609,8 +685,20 @@ describe("applyTransactionChanges column rebuild", () => {
       { type: "reorder-cells", cellIds: [a, b, c] },
       { type: "set-code", cellId: a, code: "x = 1" },
       { type: "set-name", cellId: b, name: "middle" },
-      { type: "set-config", cellId: a, column: 0 },
-      { type: "set-config", cellId: b, column: 1 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: b,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -658,8 +746,20 @@ describe("applyTransactionChanges column rebuild", () => {
     // Split into two columns. Only a and c are anchors.
     apply([
       { type: "reorder-cells", cellIds: [a, b, c, d] },
-      { type: "set-config", cellId: a, column: 0 },
-      { type: "set-config", cellId: c, column: 1 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -670,7 +770,13 @@ describe("applyTransactionChanges column rebuild", () => {
     // Move the c anchor to col 0. d has no explicit column so it follows c.
     apply([
       { type: "reorder-cells", cellIds: [a, b, c, d] },
-      { type: "set-config", cellId: c, column: 0 },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -686,9 +792,27 @@ describe("applyTransactionChanges column rebuild", () => {
     const [a, b, c, d] = state.cellIds.inOrderIds;
     apply([
       { type: "reorder-cells", cellIds: [a, b, c, d] },
-      { type: "set-config", cellId: a, column: 0 },
-      { type: "set-config", cellId: c, column: 1 },
-      { type: "set-config", cellId: d, column: 1 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: d,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -700,7 +824,13 @@ describe("applyTransactionChanges column rebuild", () => {
     // does NOT follow c.
     apply([
       { type: "reorder-cells", cellIds: [a, b, c, d] },
-      { type: "set-config", cellId: c, column: 0 },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "
@@ -719,8 +849,20 @@ describe("applyTransactionChanges column rebuild", () => {
     const [a, b, c, d] = state.cellIds.inOrderIds;
     apply([
       // set-config appears FIRST in the transaction.
-      { type: "set-config", cellId: a, column: 0 },
-      { type: "set-config", cellId: c, column: 1 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
       // reorder-cells comes afterwards.
       { type: "reorder-cells", cellIds: [a, b, c, d] },
     ]);
@@ -741,9 +883,21 @@ describe("applyTransactionChanges column rebuild", () => {
     setup("a", "b", "c", "d");
     const [a, b, c, d] = state.cellIds.inOrderIds;
     apply([
-      { type: "set-config", cellId: a, column: 0 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
       { type: "set-code", cellId: a, code: "x = 1" },
-      { type: "set-config", cellId: c, column: 1 },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
       { type: "reorder-cells", cellIds: [a, b, c, d] },
       { type: "set-name", cellId: d, name: "last" },
     ]);
@@ -769,8 +923,20 @@ describe("applyTransactionChanges column rebuild", () => {
     const [a, b, c, d] = state.cellIds.inOrderIds;
     apply([
       { type: "reorder-cells", cellIds: [a, b, c, d] },
-      { type: "set-config", cellId: a, column: 0 },
-      { type: "set-config", cellId: c, column: 1 },
+      {
+        type: "set-config",
+        cellId: a,
+        column: 0,
+        disabled: false,
+        hideCode: false,
+      },
+      {
+        type: "set-config",
+        cellId: c,
+        column: 1,
+        disabled: false,
+        hideCode: false,
+      },
     ]);
     expect(prettyColumns(state)).toMatchInlineSnapshot(`
       "

package/src/core/cells/__tests__/cells.test.ts

@@ -46,6 +46,9 @@ vi.mock("@/core/codemirror/editing/commands", () => ({
   foldAllBulk: vi.fn(),
   unfoldAllBulk: vi.fn(),
 }));
+vi.mock("@/core/wasm/utils", () => ({
+  isWasm: vi.fn(() => false),
+}));
 vi.mock("../scrollCellIntoView", async (importOriginal) => {
   const actual = await importOriginal();
   return {
@@ -3428,3 +3431,99 @@ describe("createTracebackInfoAtom", () => {
     expect(traceback).toBeUndefined();
   });
 });
+
+describe("setCells snapshot preservation", () => {
+  const CELL_A = cellId("A");
+  const CELL_B = cellId("B");
+  const newCells: CellData[] = [
+    {
+      id: CELL_A,
+      name: "a",
+      code: "1",
+      edited: false,
+      lastCodeRun: null,
+      lastExecutionTime: null,
+      config: { hide_code: false, disabled: false, column: null },
+      serializedEditorState: null,
+    },
+    {
+      id: CELL_B,
+      name: "b",
+      code: "2",
+      edited: false,
+      lastCodeRun: null,
+      lastExecutionTime: null,
+      config: { hide_code: false, disabled: false, column: null },
+      serializedEditorState: null,
+    },
+  ];
+
+  const hydratedState = () =>
+    MockNotebook.notebookState({
+      cellData: {
+        [CELL_A]: { id: CELL_A, code: "1" },
+        [CELL_B]: { id: CELL_B, code: "2" },
+      },
+      cellRuntime: {
+        [CELL_A]: {
+          output: {
+            channel: "output",
+            mimetype: "text/plain",
+            data: "hydrated-A",
+            timestamp: 0,
+          },
+        },
+        [CELL_B]: {
+          consoleOutputs: [
+            {
+              channel: "stdout",
+              mimetype: "text/plain",
+              data: "hydrated-B-stdout",
+              timestamp: 0,
+            },
+          ],
+        },
+      },
+    });
+
+  beforeEach(async () => {
+    const { isWasm } = await import("@/core/wasm/utils");
+    vi.mocked(isWasm).mockReturnValue(true);
+  });
+
+  it("preserves hydrated output in WASM", () => {
+    const next = exportedForTesting.reducer(hydratedState(), {
+      type: "setCells",
+      payload: newCells,
+    });
+
+    expect(next.cellRuntime[CELL_A].output).toMatchObject({
+      data: "hydrated-A",
+    });
+  });
+
+  it("preserves console-only hydration in WASM", () => {
+    const next = exportedForTesting.reducer(hydratedState(), {
+      type: "setCells",
+      payload: newCells,
+    });
+
+    expect(next.cellRuntime[CELL_B].consoleOutputs).toHaveLength(1);
+    expect(next.cellRuntime[CELL_B].consoleOutputs[0]).toMatchObject({
+      data: "hydrated-B-stdout",
+    });
+  });
+
+  it("resets cells with no prior runtime even in WASM", () => {
+    const empty = MockNotebook.notebookState({ cellData: {} });
+    const next = exportedForTesting.reducer(empty, {
+      type: "setCells",
+      payload: newCells,
+    });
+
+    expect(next.cellRuntime[CELL_A].output).toBeNull();
+    expect(next.cellRuntime[CELL_A].consoleOutputs).toEqual([]);
+    expect(next.cellRuntime[CELL_B].output).toBeNull();
+    expect(next.cellRuntime[CELL_B].consoleOutputs).toEqual([]);
+  });
+});

package/src/core/cells/__tests__/document-changes.test.ts

@@ -203,6 +203,8 @@ describe("toDocumentChanges", () => {
         [
           {
             "cellId": "0",
+            "column": null,
+            "disabled": false,
             "hideCode": true,
             "type": "set-config",
           },
@@ -246,6 +248,8 @@ describe("toDocumentChanges", () => {
           {
             "cellId": "1",
             "column": 1,
+            "disabled": false,
+            "hideCode": false,
             "type": "set-config",
           },
           {
@@ -273,11 +277,15 @@ describe("toDocumentChanges", () => {
           {
             "cellId": "1",
             "column": 1,
+            "disabled": false,
+            "hideCode": false,
             "type": "set-config",
           },
           {
             "cellId": "2",
             "column": 1,
+            "disabled": false,
+            "hideCode": false,
             "type": "set-config",
           },
           {
@@ -310,11 +318,15 @@ describe("toDocumentChanges", () => {
           {
             "cellId": "1",
             "column": 0,
+            "disabled": false,
+            "hideCode": false,
             "type": "set-config",
           },
           {
             "cellId": "2",
             "column": 0,
+            "disabled": false,
+            "hideCode": false,
             "type": "set-config",
           },
           {
@@ -358,6 +370,8 @@ describe("toDocumentChanges", () => {
           {
             "cellId": "1",
             "column": 1,
+            "disabled": false,
+            "hideCode": false,
             "type": "set-config",
           },
           {