@marimo-team/frontend 0.19.8-dev23 → 0.19.8-dev25

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-B1ViTbhO.js"></script>
+    <script type="module" crossorigin src="./assets/index-B-JW_HH0.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-DItdS47A.js">
     <link rel="modulepreload" crossorigin href="./assets/clsx-D8GwTfvk.js">
     <link rel="modulepreload" crossorigin href="./assets/cn-BKtXLv3a.js">
@@ -133,36 +133,36 @@
     <link rel="modulepreload" crossorigin href="./assets/toInteger-CDcO32Gx.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-k4ePIFAU.js">
     <link rel="modulepreload" crossorigin href="./assets/main-U5Goe76G.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-DbD2lYze.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-CiFhRLUd.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-DA8-7wQv.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right--18M_6o9.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-BUgFWmX1.js">
-    <link rel="modulepreload" crossorigin href="./assets/kbd-Cm6Ba9qg.js">
-    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-B1jzzLJw.js">
-    <link rel="modulepreload" crossorigin href="./assets/multi-map-t2yhdp8D.js">
-    <link rel="modulepreload" crossorigin href="./assets/alert-BOoN6gJ1.js">
+    <link rel="modulepreload" crossorigin href="./assets/kbd-k3Sn_RwW.js">
+    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-Xr6z-RjZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/multi-map-A4XNra08.js">
+    <link rel="modulepreload" crossorigin href="./assets/alert-Cx8eFRUM.js">
     <link rel="modulepreload" crossorigin href="./assets/card-DdlNjkEA.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-dialog-Ctz24SMn.js">
     <link rel="modulepreload" crossorigin href="./assets/dialog-tQELcltn.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-CDXJRSCj.js">
-    <link rel="modulepreload" crossorigin href="./assets/label-C9wP7Kp2.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-BMEHQAhk.js">
+    <link rel="modulepreload" crossorigin href="./assets/label-C--1sWU6.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-B28kFfrM.js">
-    <link rel="modulepreload" crossorigin href="./assets/textarea-8F9GOEGf.js">
+    <link rel="modulepreload" crossorigin href="./assets/textarea-sdXkC92D.js">
     <link rel="modulepreload" crossorigin href="./assets/numbers-UHLm3mA-.js">
     <link rel="modulepreload" crossorigin href="./assets/SSRProvider-DrpctNAg.js">
     <link rel="modulepreload" crossorigin href="./assets/context-Ga_vV5mE.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-BX4DTYtT.js">
     <link rel="modulepreload" crossorigin href="./assets/usePress-3CRs0fQg.js">
     <link rel="modulepreload" crossorigin href="./assets/input-DHHmNa19.js">
-    <link rel="modulepreload" crossorigin href="./assets/links-7AQBmdyV.js">
+    <link rel="modulepreload" crossorigin href="./assets/links-fh_IXIKE.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-B-131r4d.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-BUKXfBTu.js">
-    <link rel="modulepreload" crossorigin href="./assets/table-DScsXgJW.js">
-    <link rel="modulepreload" crossorigin href="./assets/mode-CjmQoGEk.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAsyncData-BMGLSTg8.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-BF1BnESM.js">
+    <link rel="modulepreload" crossorigin href="./assets/table-BOsFCeLh.js">
+    <link rel="modulepreload" crossorigin href="./assets/mode-O-1bKZO6.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAsyncData-CgmD3hjw.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-CPlNr33a.js">
-    <link rel="modulepreload" crossorigin href="./assets/error-banner-Dlrzo_Ay.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-DHrHayPa.js">
+    <link rel="modulepreload" crossorigin href="./assets/error-banner-w4pz2qUB.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-BaRrAFL-.js">
     <link rel="modulepreload" crossorigin href="./assets/memoize-BCOZVFBt.js">
     <link rel="modulepreload" crossorigin href="./assets/get-6uJrSKbw.js">
     <link rel="modulepreload" crossorigin href="./assets/capitalize-CmNnkG9y.js">
@@ -171,79 +171,79 @@
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-Dx8TEWFP.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-B8SQYdQq.js">
     <link rel="modulepreload" crossorigin href="./assets/triangle-alert-U93NZYDl.js">
-    <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-CODXtvnr.js">
-    <link rel="modulepreload" crossorigin href="./assets/defaultLocale-JieDVWC_.js">
-    <link rel="modulepreload" crossorigin href="./assets/precisionRound-CU2C3Vxx.js">
-    <link rel="modulepreload" crossorigin href="./assets/defaultLocale-BLne0bXb.js">
-    <link rel="modulepreload" crossorigin href="./assets/vega-loader.browser-DXARUlxo.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-DxKBXCGp.js">
+    <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-DC4t5PJE.js">
+    <link rel="modulepreload" crossorigin href="./assets/defaultLocale-YteS-k_t.js">
+    <link rel="modulepreload" crossorigin href="./assets/precisionRound-C3fmBb6j.js">
+    <link rel="modulepreload" crossorigin href="./assets/defaultLocale-B6z1Qyqt.js">
+    <link rel="modulepreload" crossorigin href="./assets/vega-loader.browser-BegSZk0G.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-DqsDDLgU.js">
     <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-B9Ifj8Jf.js">
-    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-xrG_Tm9T.js">
+    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-Co79H1lQ.js">
     <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-DZr52ffu.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-BoOn0OpK.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-Dkywo3Kg.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-DlF73owK.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-DrTj9k_Z.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-icon-B9w72gBC.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-DrmKVKna.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-BEf2RhRf.js">
-    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-CQP8KZWO.js">
-    <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-CwvgJCug.js">
-    <link rel="modulepreload" crossorigin href="./assets/katex-CDLTCvjQ.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-D8AmLSIR.js">
-    <link rel="modulepreload" crossorigin href="./assets/command-PbcrObnK.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-CmdFQXRz.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BOowME8Z.js">
-    <link rel="modulepreload" crossorigin href="./assets/purify.es-DZrAQFIu.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-D9vJ9neG.js">
-    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-B_pQb20b.js">
-    <link rel="modulepreload" crossorigin href="./assets/formats-CobRswjh.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-dnd6DfEI.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-C7Acf9BM.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-CMAvJZxx.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-Dxf6p5lw.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-icon-C9v8EtBA.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-BKGhRUqR.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-CtXToHnV.js">
+    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-BqosdyZU.js">
+    <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-T2jyw7ZD.js">
+    <link rel="modulepreload" crossorigin href="./assets/katex-CbllUrnh.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-Bfr8vdW8.js">
+    <link rel="modulepreload" crossorigin href="./assets/command-MHa10zT2.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-CUgZOA9O.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-CNmJhP6h.js">
+    <link rel="modulepreload" crossorigin href="./assets/purify.es-B-nzWya6.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-BUCe3qCj.js">
+    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-CC8VH6kZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/formats-DGZwRUPy.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-DU2jJCpg.js">
     <link rel="modulepreload" crossorigin href="./assets/isValid-DpSSOU5z.js">
     <link rel="modulepreload" crossorigin href="./assets/dates-CT5PUuFo.js">
     <link rel="modulepreload" crossorigin href="./assets/maps-D2_Mq1pZ.js">
-    <link rel="modulepreload" crossorigin href="./assets/extends-BiFDv3jB.js">
-    <link rel="modulepreload" crossorigin href="./assets/emotion-is-prop-valid.esm-C59xfSYt.js">
+    <link rel="modulepreload" crossorigin href="./assets/extends-Dqvpuc10.js">
+    <link rel="modulepreload" crossorigin href="./assets/emotion-is-prop-valid.esm-Dangy3Bv.js">
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-CieT0-H-.js">
     <link rel="modulepreload" crossorigin href="./assets/range-D2UKkEg-.js">
     <link rel="modulepreload" crossorigin href="./assets/table-CfDbAm78.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DsO4felE.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-C_t8B-xQ.js">
     <link rel="modulepreload" crossorigin href="./assets/file-Ch78NKWp.js">
     <link rel="modulepreload" crossorigin href="./assets/play-GLWQQs7F.js">
-    <link rel="modulepreload" crossorigin href="./assets/chat-components-C2rqCcnp.js">
+    <link rel="modulepreload" crossorigin href="./assets/chat-components-C5FA1-Vu.js">
     <link rel="modulepreload" crossorigin href="./assets/isEmpty-CgX_-6Mt.js">
-    <link rel="modulepreload" crossorigin href="./assets/chat-display-BnUDaREA.js">
-    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-DHPNhAtW.js">
+    <link rel="modulepreload" crossorigin href="./assets/chat-display-Dedd6zEp.js">
+    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-BocCAiDk.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-DjR3qLG_.js">
-    <link rel="modulepreload" crossorigin href="./assets/process-output-OTqBNunj.js">
-    <link rel="modulepreload" crossorigin href="./assets/blob-t6qcPM7K.js">
-    <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-DfWeGRFv.js">
-    <link rel="modulepreload" crossorigin href="./assets/esm-C-53tlK5.js">
-    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-CPu9tI-Q.js">
+    <link rel="modulepreload" crossorigin href="./assets/process-output-B1EqjOGn.js">
+    <link rel="modulepreload" crossorigin href="./assets/blob-Bgnx1kuY.js">
+    <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-DoKw85w0.js">
+    <link rel="modulepreload" crossorigin href="./assets/esm-BK6tLEHQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-DTMAOlkD.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-qvVRjhv1.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-B6mgCeFJ.js">
     <link rel="modulepreload" crossorigin href="./assets/spec-Ch0xnJY4.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-Bz3KIcIX.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-IX0-zOoY.js">
     <link rel="modulepreload" crossorigin href="./assets/toggle-CriARMQK.js">
-    <link rel="modulepreload" crossorigin href="./assets/globals-BXYmO-WL.js">
+    <link rel="modulepreload" crossorigin href="./assets/globals-D1aM0aUX.js">
     <link rel="modulepreload" crossorigin href="./assets/share-rXkgGlhr.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-5Rdwpmr3.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-Mq45xjWt.js">
-    <link rel="modulepreload" crossorigin href="./assets/utilities.esm-AIy-_q0N.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-BULIQxKU.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAddCell-Cx99GRHQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/utilities.esm-D4qckmuF.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-CZzxqWyr.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAddCell-DQzBfMNz.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-AK_9uodG.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-C_8a4fwz.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-3nLIGqDx.js">
     <link rel="modulepreload" crossorigin href="./assets/file-video-camera-C3wGzBnE.js">
-    <link rel="modulepreload" crossorigin href="./assets/types-7nV0hgXj.js">
+    <link rel="modulepreload" crossorigin href="./assets/types-ChPQge47.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-DN_xCV6A.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-94alAnRh.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-CvVbbh8Y.js">
     <link rel="modulepreload" crossorigin href="./assets/field-D9jE8HEt.js">
     <link rel="modulepreload" crossorigin href="./assets/useBoolean-IZsSX_XF.js">
-    <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-ChxLMT9E.js">
+    <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-CFtQU7An.js">
     <link rel="modulepreload" crossorigin href="./assets/types-C1UhS3qM.js">
-    <link rel="modulepreload" crossorigin href="./assets/prop-types-DaaA-ptl.js">
-    <link rel="modulepreload" crossorigin href="./assets/es-CerBf9Z6.js">
+    <link rel="modulepreload" crossorigin href="./assets/prop-types-DVDiRdwc.js">
+    <link rel="modulepreload" crossorigin href="./assets/es-GXAIFcot.js">
     <link rel="modulepreload" crossorigin href="./assets/hasIn-CycJImp8.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseFlatten-CUZNxU8H.js">
     <link rel="modulepreload" crossorigin href="./assets/flatten-D-7VEN0q.js">

package/package.json

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

package/src/components/editor/actions/useCellActionButton.tsx

@@ -43,6 +43,7 @@ import type { CellData } from "@/core/cells/types";
 import { formatEditorViews } from "@/core/codemirror/format";
 import { toggleToLanguage } from "@/core/codemirror/language/commands";
 import { switchLanguage } from "@/core/codemirror/language/extension";
+import { MARKDOWN_INITIAL_HIDE_CODE } from "@/core/codemirror/language/languages/markdown";
 import {
   aiEnabledAtom,
   appWidthAtom,
@@ -85,6 +86,7 @@ export function useCellActionButtons({ cell, closePopover }: Props) {
     sendToBottom,
     addColumnBreakpoint,
     clearCellOutput,
+    markUntouched,
   } = useCellActions();
   const splitCell = useSplitCellCallback();
   const runCell = useRunCell(cell?.cellId);
@@ -209,7 +211,7 @@ export function useCellActionButtons({ cell, closePopover }: Props) {
         icon: <MarkdownIcon />,
         label: "Convert to Markdown",
         hotkey: "cell.viewAsMarkdown",
-        handle: () => {
+        handle: async () => {
           const editorView = getEditorView();
           if (!editorView) {
             return;
@@ -219,6 +221,17 @@ export function useCellActionButtons({ cell, closePopover }: Props) {
             language: "markdown",
             keepCodeAsIs: false,
           });
+          // Code stays visible until the user blurs the cell
+          if (!config.hide_code && MARKDOWN_INITIAL_HIDE_CODE) {
+            await saveCellConfig({
+              configs: { [cellId]: { hide_code: MARKDOWN_INITIAL_HIDE_CODE } },
+            });
+            updateCellConfig({
+              cellId,
+              config: { hide_code: MARKDOWN_INITIAL_HIDE_CODE },
+            });
+            markUntouched({ cellId });
+          }
         },
         hidden: isSetupCell,
       },

package/src/components/editor/cell/CreateCellButton.tsx

@@ -12,6 +12,7 @@ import {
 import { maybeAddMarimoImport } from "@/core/cells/add-missing-import";
 import { useCellActions } from "@/core/cells/cells";
 import { LanguageAdapters } from "@/core/codemirror/language/LanguageAdapters";
+import { MARKDOWN_INITIAL_HIDE_CODE } from "@/core/codemirror/language/languages/markdown";
 import {
   getConnectionTooltip,
   isAppInteractionDisabled,
@@ -63,7 +64,7 @@ export const CreateCellButton = ({
     maybeAddMarimoImport({ autoInstantiate: true, createNewCell });
     onClick?.({
       code: LanguageAdapters.markdown.defaultCode,
-      hideCode: true,
+      hideCode: MARKDOWN_INITIAL_HIDE_CODE,
     });
   };
 

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

@@ -19,6 +19,7 @@ import {
   reconfigureLanguageEffect,
   switchLanguage,
 } from "@/core/codemirror/language/extension";
+import { MARKDOWN_INITIAL_HIDE_CODE } from "@/core/codemirror/language/languages/markdown";
 import type { LanguageAdapterType } from "@/core/codemirror/language/types";
 import {
   connectedDocAtom,
@@ -149,6 +150,17 @@ const CellEditorInternal = ({
       autoInstantiate,
       createNewCell: cellActions.createNewCell,
     });
+    // Code stays visible until the user blurs the cell
+    if (!cellConfig.hide_code && MARKDOWN_INITIAL_HIDE_CODE) {
+      void saveCellConfig({
+        configs: { [cellId]: { hide_code: MARKDOWN_INITIAL_HIDE_CODE } },
+      });
+      cellActions.updateCellConfig({
+        cellId,
+        config: { hide_code: MARKDOWN_INITIAL_HIDE_CODE },
+      });
+      cellActions.markUntouched({ cellId });
+    }
   });
 
   const aiEnabled = isAiEnabled(userConfig);

package/src/components/editor/renderers/cell-array.tsx

@@ -23,6 +23,7 @@ import { Tooltip } from "@/components/ui/tooltip";
 import { maybeAddMarimoImport } from "@/core/cells/add-missing-import";
 import { SETUP_CELL_ID } from "@/core/cells/ids";
 import { LanguageAdapters } from "@/core/codemirror/language/LanguageAdapters";
+import { MARKDOWN_INITIAL_HIDE_CODE } from "@/core/codemirror/language/languages/markdown";
 import { aiEnabledAtom } from "@/core/config/config";
 import { canInteractWithAppAtom } from "@/core/network/connection";
 import { useBoolean } from "@/hooks/useBoolean";
@@ -295,7 +296,7 @@ const AddCellButtons: React.FC<{
               cellId: { type: "__end__", columnId },
               before: false,
               code: LanguageAdapters.markdown.defaultCode,
-              hideCode: true,
+              hideCode: MARKDOWN_INITIAL_HIDE_CODE,
             });
           }}
         >

package/src/core/ai/context/providers/file.ts

@@ -237,7 +237,7 @@ export class FileContextProvider extends AIContextProvider<FileContextItem> {
                 fileDetails.contents as Base64String,
                 mimeType,
               );
-              blob = await deserializeBlob(dataURL);
+              blob = deserializeBlob(dataURL);
             } catch {
               // Fallback to treating as text
               blob = new Blob([fileDetails.contents], { type: mimeType });

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

@@ -2561,6 +2561,126 @@ describe("cell reducer", () => {
       expect(state.untouchedNewCells.has(newCellId)).toBe(false);
       expect(exportedForTesting.isCellCodeHidden(state, newCellId)).toBe(true);
     });
+
+    it("can mark an existing cell as untouched", () => {
+      // Create a cell without hideCode (not in untouchedNewCells)
+      actions.createNewCell({
+        cellId: "__end__",
+        before: false,
+        hideCode: false,
+      });
+
+      const newCellId =
+        state.cellIds.inOrderIds[state.cellIds.inOrderIds.length - 1];
+      expect(state.untouchedNewCells.has(newCellId)).toBe(false);
+
+      // Mark it as untouched
+      actions.markUntouched({ cellId: newCellId });
+
+      expect(state.untouchedNewCells.has(newCellId)).toBe(true);
+    });
+
+    it("markUntouched is idempotent", () => {
+      // Create a cell without hideCode
+      actions.createNewCell({
+        cellId: "__end__",
+        before: false,
+        hideCode: false,
+      });
+
+      const newCellId =
+        state.cellIds.inOrderIds[state.cellIds.inOrderIds.length - 1];
+      expect(state.untouchedNewCells.has(newCellId)).toBe(false);
+
+      // Mark as untouched multiple times
+      actions.markUntouched({ cellId: newCellId });
+      actions.markUntouched({ cellId: newCellId });
+      actions.markUntouched({ cellId: newCellId });
+
+      expect(state.untouchedNewCells.has(newCellId)).toBe(true);
+    });
+
+    it("markUntouched does not affect already untouched cells", () => {
+      // Create a cell with hideCode (already in untouchedNewCells)
+      actions.createNewCell({
+        cellId: "__end__",
+        before: false,
+        hideCode: true,
+      });
+
+      const newCellId =
+        state.cellIds.inOrderIds[state.cellIds.inOrderIds.length - 1];
+      expect(state.untouchedNewCells.has(newCellId)).toBe(true);
+
+      // Calling markUntouched should not change anything
+      actions.markUntouched({ cellId: newCellId });
+
+      expect(state.untouchedNewCells.has(newCellId)).toBe(true);
+    });
+
+    it("markTouched and markUntouched can toggle cell state", () => {
+      // Create a cell without hideCode
+      actions.createNewCell({
+        cellId: "__end__",
+        before: false,
+        hideCode: false,
+      });
+
+      const newCellId =
+        state.cellIds.inOrderIds[state.cellIds.inOrderIds.length - 1];
+
+      // Initially not untouched
+      expect(state.untouchedNewCells.has(newCellId)).toBe(false);
+
+      // Mark as untouched
+      actions.markUntouched({ cellId: newCellId });
+      expect(state.untouchedNewCells.has(newCellId)).toBe(true);
+
+      // Mark as touched
+      actions.markTouched({ cellId: newCellId });
+      expect(state.untouchedNewCells.has(newCellId)).toBe(false);
+
+      // Mark as untouched again
+      actions.markUntouched({ cellId: newCellId });
+      expect(state.untouchedNewCells.has(newCellId)).toBe(true);
+    });
+
+    it("markUntouched works for markdown cell conversion scenario", () => {
+      // Simulates converting a Python cell to Markdown
+      // 1. Create a regular cell (no hideCode)
+      actions.createNewCell({
+        cellId: "__end__",
+        before: false,
+        hideCode: false,
+      });
+
+      const cellId =
+        state.cellIds.inOrderIds[state.cellIds.inOrderIds.length - 1];
+
+      // Cell starts without hide_code and not in untouchedNewCells
+      expect(state.cellData[cellId].config.hide_code).toBe(false);
+      expect(state.untouchedNewCells.has(cellId)).toBe(false);
+      expect(exportedForTesting.isCellCodeHidden(state, cellId)).toBe(false);
+
+      // 2. Convert to markdown: set hide_code and mark as untouched
+      actions.updateCellConfig({
+        cellId,
+        config: { hide_code: true },
+      });
+      actions.markUntouched({ cellId });
+
+      // Code should NOT be hidden because cell is untouched (user can edit)
+      expect(state.cellData[cellId].config.hide_code).toBe(true);
+      expect(state.untouchedNewCells.has(cellId)).toBe(true);
+      expect(exportedForTesting.isCellCodeHidden(state, cellId)).toBe(false);
+
+      // 3. User blurs the cell (markTouched)
+      actions.markTouched({ cellId });
+
+      // Now code should be hidden
+      expect(state.untouchedNewCells.has(cellId)).toBe(false);
+      expect(exportedForTesting.isCellCodeHidden(state, cellId)).toBe(true);
+    });
   });
 
   describe("releaseCellAtoms", () => {

package/src/core/cells/cells.ts

@@ -1033,6 +1033,20 @@ const {
 
     return state;
   },
+  markUntouched: (state, action: { cellId: CellId }) => {
+    const { cellId } = action;
+
+    if (!state.untouchedNewCells.has(cellId)) {
+      const nextUntouchedNewCells = new Set(state.untouchedNewCells);
+      nextUntouchedNewCells.add(cellId);
+      return {
+        ...state,
+        untouchedNewCells: nextUntouchedNewCells,
+      };
+    }
+
+    return state;
+  },
   scrollToTarget: (state) => {
     // Scroll to the specified cell and clear the scroll key.
     const scrollKey = state.scrollKey;

package/src/core/codemirror/language/languages/markdown.ts

@@ -28,6 +28,13 @@ import type { LanguageAdapter } from "../types";
 
 export type MarkdownLanguageAdapterMetadata = MarkdownMetadata;
 
+/**
+ * Default hide_code setting for markdown cells.
+ * When true, the markdown code is hidden after the cell is blurred,
+ * showing only the rendered output.
+ */
+export const MARKDOWN_INITIAL_HIDE_CODE = true;
+
 /**
  * Language adapter for Markdown.
  */