@marimo-team/frontend 0.23.7-dev16 → 0.23.7-dev18

package/dist/index.html

@@ -66,31 +66,31 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-DLZItUgg.js"></script>
+    <script type="module" crossorigin src="./assets/index-BmG6rFrZ.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">
     <link rel="modulepreload" crossorigin href="./assets/compiler-runtime-B3qBwwSJ.js">
     <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-BqBOg78p.js">
-    <link rel="modulepreload" crossorigin href="./assets/useEventListener-BR0C1MaI.js">
+    <link rel="modulepreload" crossorigin href="./assets/useEventListener-DvoEXWke.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/utils-CGtUbqcR.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-441jgnV8.js">
     <link rel="modulepreload" crossorigin href="./assets/clsx-Dz_KRrWq.js">
     <link rel="modulepreload" crossorigin href="./assets/cn-DCUzRj2J.js">
     <link rel="modulepreload" crossorigin href="./assets/badge-C7-HR1IO.js">
-    <link rel="modulepreload" crossorigin href="./assets/button-D9nb17Rw.js">
+    <link rel="modulepreload" crossorigin href="./assets/button-BbCh-29a.js">
     <link rel="modulepreload" crossorigin href="./assets/react-dom-CSu739Rf.js">
-    <link rel="modulepreload" crossorigin href="./assets/fullscreen-BDxedMYP.js">
-    <link rel="modulepreload" crossorigin href="./assets/menu-items-CwUpDHG7.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-BoOh2kN5.js">
+    <link rel="modulepreload" crossorigin href="./assets/fullscreen-eipL3i3Y.js">
+    <link rel="modulepreload" crossorigin href="./assets/menu-items-DcP01QzW.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-BdyjRhEt.js">
     <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-D5guW7EU.js">
     <link rel="modulepreload" crossorigin href="./assets/check-BH35Ndha.js">
     <link rel="modulepreload" crossorigin href="./assets/x-C-6liIBr.js">
-    <link rel="modulepreload" crossorigin href="./assets/select-5i7URBEn.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-Gcwqb_SK.js">
+    <link rel="modulepreload" crossorigin href="./assets/select-DZcFyKFQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-DTV9tlSr.js">
     <link rel="modulepreload" crossorigin href="./assets/use-toast-T0_cQDma.js">
     <link rel="modulepreload" crossorigin href="./assets/useEvent-D91BmmQi.js">
     <link rel="modulepreload" crossorigin href="./assets/invariant-BUdrueMv.js">
@@ -98,22 +98,22 @@
     <link rel="modulepreload" crossorigin href="./assets/_baseFor-DKD1r8uL.js">
     <link rel="modulepreload" crossorigin href="./assets/merge-_9WLTEyt.js">
     <link rel="modulepreload" crossorigin href="./assets/zod-H_cgTO0M.js">
-    <link rel="modulepreload" crossorigin href="./assets/utils-BrXijSdZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-Wvjk_Y4h.js">
     <link rel="modulepreload" crossorigin href="./assets/Deferred-DMWKlZOV.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-DercMavo.js">
     <link rel="modulepreload" crossorigin href="./assets/DeferredRequestRegistry-CUzZ0y7K.js">
     <link rel="modulepreload" crossorigin href="./assets/constants-DMpttj8Q.js">
-    <link rel="modulepreload" crossorigin href="./assets/session-VtovaFBS.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-CPqw1wUv.js">
+    <link rel="modulepreload" crossorigin href="./assets/session-gB-8RZAq.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-CeTe6Mau.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-DIwGYs0l.js">
     <link rel="modulepreload" crossorigin href="./assets/useLifecycle-DieWOfXE.js">
     <link rel="modulepreload" crossorigin href="./assets/useNonce-DfoVjkkH.js">
-    <link rel="modulepreload" crossorigin href="./assets/useTheme-DFXuDFj9.js">
+    <link rel="modulepreload" crossorigin href="./assets/useTheme-DyLIIrGi.js">
     <link rel="modulepreload" crossorigin href="./assets/arrays-DYDL-3-i.js">
-    <link rel="modulepreload" crossorigin href="./assets/strings-md4mFbOQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/strings-wdPMRf6Z.js">
     <link rel="modulepreload" crossorigin href="./assets/once-DRroIaBz.js">
-    <link rel="modulepreload" crossorigin href="./assets/capabilities-C_FLIcjP.js">
-    <link rel="modulepreload" crossorigin href="./assets/createReducer-1ePoj7v6.js">
+    <link rel="modulepreload" crossorigin href="./assets/capabilities-A_KhFcGV.js">
+    <link rel="modulepreload" crossorigin href="./assets/createReducer-CI9qeK_X.js">
     <link rel="modulepreload" crossorigin href="./assets/paths-BXWH6vv4.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BrR4M-k3.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-HlsDto3K.js">
@@ -133,55 +133,55 @@
     <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-BBDzmUIS.js">
-    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-DzYV_VeY.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-Vnv1zw09.js">
+    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-DyYDV0HI.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-B3Breaz2.js">
-    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-D0NLybAx.js">
-    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-BGBdrcqJ.js">
-    <link rel="modulepreload" crossorigin href="./assets/dialog-Dj0qTFnG.js">
+    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-CScpUItd.js">
+    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-BqFLkbUc.js">
+    <link rel="modulepreload" crossorigin href="./assets/dialog-DBzaWZPw.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-CLMpJfhX.js">
-    <link rel="modulepreload" crossorigin href="./assets/numbers-CAW8yjzj.js">
+    <link rel="modulepreload" crossorigin href="./assets/numbers-etj36G80.js">
     <link rel="modulepreload" crossorigin href="./assets/SSRProvider-kyGHZp36.js">
     <link rel="modulepreload" crossorigin href="./assets/context-B3MsQb-b.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-DtiQW2H_.js">
     <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-DqiCeeeS.js">
-    <link rel="modulepreload" crossorigin href="./assets/multi-map-rafH3cg3.js">
+    <link rel="modulepreload" crossorigin href="./assets/input-DW6LU13i.js">
+    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-CvOOClOZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-sLKimSIQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/multi-map-CUuNtzHt.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/dropdown-menu-CR7cnzLX.js">
     <link rel="modulepreload" crossorigin href="./assets/links-Dpap8NI2.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-RJeImyCn.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-BCF-tANo.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-C991pS4a.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-DqHGjTAN.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-CruxVneu.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-CmTCEk66.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-DzJiyfWW.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-icon-8abB4Lgh.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-CvnUbELu.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-BGeucDqU.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-DujssAPg.js">
     <link rel="modulepreload" crossorigin href="./assets/sparkles-CZ5WmLPA.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-ClA7EZGX.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-DyaTrW3L.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-Bhir8k53.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-CAiN3VHj.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-J47a1GCq.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-WbbYaIba.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-bWAnl_NC.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-BFC6lWG9.js">
-    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-pAFdCqyC.js">
+    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-CXbgDeVw.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-DzSMahmM.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-BReOK4Lg.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-CVd_mMPt.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/markdown-renderer-CXVa5ubo.js">
+    <link rel="modulepreload" crossorigin href="./assets/command-OHlV5HHD.js">
+    <link rel="modulepreload" crossorigin href="./assets/popover-Bz_0Vkyf.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-CPlNr33a.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-QGh9oR1D.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-CHV3J2Ib.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-C10O4l3y.js">
-    <link rel="modulepreload" crossorigin href="./assets/formats-Dsc8AdCp.js">
+    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-BfimgBBe.js">
+    <link rel="modulepreload" crossorigin href="./assets/error-banner-JKAA0BVv.js">
+    <link rel="modulepreload" crossorigin href="./assets/formats-D4Sso5bX.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-D_il4jD7.js">
     <link rel="modulepreload" crossorigin href="./assets/isValid-C8T5uJYI.js">
-    <link rel="modulepreload" crossorigin href="./assets/dates-CAlnO9QB.js">
-    <link rel="modulepreload" crossorigin href="./assets/maps-C48Oksn0.js">
+    <link rel="modulepreload" crossorigin href="./assets/dates-orWokFRU.js">
+    <link rel="modulepreload" crossorigin href="./assets/maps-BS8Ra-JU.js">
     <link rel="modulepreload" crossorigin href="./assets/extends-B2LJnKU3.js">
     <link rel="modulepreload" crossorigin href="./assets/emotion-is-prop-valid.esm-DD4AwVTU.js">
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-CgFoBhVq.js">
@@ -191,51 +191,51 @@
     <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-B0sjIMBK.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-BqavrgK2.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/spec-ByOlaO3e.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-CTKNCmC_.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-Xuel1zsI.js">
+    <link rel="modulepreload" crossorigin href="./assets/tree-actions-Bzr5XDGx.js">
+    <link rel="modulepreload" crossorigin href="./assets/components-BA-LgiMU.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-DYtdLerF.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-D9TuFTJG.js">
-    <link rel="modulepreload" crossorigin href="./assets/radio-group-CpHTexlq.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-CFUSr2du.js">
+    <link rel="modulepreload" crossorigin href="./assets/radio-group-BdIsm_qJ.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-CnVsBFJf.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-DOXF2p8K.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-Dz8x4isw.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-Cs4oXsAy.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-BvybnC9P.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-Cisq31t9.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-BT9Ki10B.js">
     <link rel="modulepreload" crossorigin href="./assets/events-BRAWQiYK.js">
-    <link rel="modulepreload" crossorigin href="./assets/globals-DUw71mRV.js">
-    <link rel="modulepreload" crossorigin href="./assets/share-CqnSBwZy.js">
+    <link rel="modulepreload" crossorigin href="./assets/globals-B64vMQ0L.js">
+    <link rel="modulepreload" crossorigin href="./assets/share-DdpVbvDN.js">
     <link rel="modulepreload" crossorigin href="./assets/blob-Daju1h1M.js">
     <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-xEqF8Q3P.js">
-    <link rel="modulepreload" crossorigin href="./assets/label-DTR8T0AE.js">
-    <link rel="modulepreload" crossorigin href="./assets/textarea-bAp21zYj.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-CZ60VH86.js">
+    <link rel="modulepreload" crossorigin href="./assets/label-xHqFtfdz.js">
+    <link rel="modulepreload" crossorigin href="./assets/textarea-CUCKX5FP.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-C-n2VFP5.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-CdFqEqTA.js">
-    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-Bfk4NjRL.js">
-    <link rel="modulepreload" crossorigin href="./assets/field-BrLPDxsA.js">
-    <link rel="modulepreload" crossorigin href="./assets/RSPContexts-CINae4Gg.js">
-    <link rel="modulepreload" crossorigin href="./assets/useBoolean-xXcxYCaI.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-iTIO7T75.js">
+    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-D_8sQXCD.js">
+    <link rel="modulepreload" crossorigin href="./assets/field-CD7Io4xo.js">
+    <link rel="modulepreload" crossorigin href="./assets/RSPContexts-eRifaAal.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBoolean-BYUGB06y.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-D0WTlCXt.js">
     <link rel="modulepreload" crossorigin href="./assets/types-W8WWuumF.js">
     <link rel="modulepreload" crossorigin href="./assets/semaphore-QJCD9q3h.js">
     <link rel="modulepreload" crossorigin href="./assets/fileToBase64-Dpv4aII5.js">
     <link rel="modulepreload" crossorigin href="./assets/pathUtils-DOhgNpTR.js">
     <link rel="modulepreload" crossorigin href="./assets/prop-types-BiQYf0aU.js">
-    <link rel="modulepreload" crossorigin href="./assets/es-DaYh1PsD.js">
+    <link rel="modulepreload" crossorigin href="./assets/es-CaLpD1T5.js">
     <link rel="modulepreload" crossorigin href="./assets/hasIn-DiS_ryrS.js">
     <link rel="modulepreload" crossorigin href="./assets/flatten-Dl4V1ub3.js">
     <link rel="modulepreload" crossorigin href="./assets/pick-DqWUNly1.js">
@@ -247,7 +247,7 @@
     <link rel="stylesheet" crossorigin href="./assets/cells-jmgGt1lS.css">
     <link rel="stylesheet" crossorigin href="./assets/markdown-renderer-DdDKmWlR.css">
     <link rel="stylesheet" crossorigin href="./assets/JsonOutput-B7vuddcd.css">
-    <link rel="stylesheet" crossorigin href="./assets/index-BbBhLC0d.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-BcFmKehD.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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

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

@@ -53,6 +53,7 @@ import {
   canUndoDeletesAtom,
   getNotebook,
   hasDisabledCellsAtom,
+  undoLabelAtom,
   useCellActions,
 } from "@/core/cells/cells";
 import { disabledCellIds } from "@/core/cells/utils";
@@ -137,6 +138,7 @@ export function useNotebookActions() {
 
   const hasDisabledCells = useAtomValue(hasDisabledCellsAtom);
   const canUndoDeletes = useAtomValue(canUndoDeletesAtom);
+  const undoLabel = useAtomValue(undoLabelAtom);
   const { selectedLayout } = useLayoutState();
   const { setLayoutView } = useLayoutActions();
   const togglePresenting = useTogglePresenting();
@@ -525,7 +527,7 @@ export function useNotebookActions() {
     },
     {
       icon: <Undo2Icon size={14} strokeWidth={1.5} />,
-      label: "Undo cell deletion",
+      label: undoLabel,
       hidden: !canUndoDeletes || kioskMode,
       handle: () => {
         undoDeleteCell();

package/src/components/editor/controls/Controls.tsx

@@ -27,6 +27,7 @@ import { Functions } from "@/utils/functions";
 import {
   canUndoDeletesAtom,
   needsRunAtom,
+  undoLabelAtom,
   useCellActions,
 } from "../../../core/cells/cells";
 import { ConfigButton } from "../../app-config/app-config-button";
@@ -56,6 +57,7 @@ export const Controls = ({
   running,
 }: ControlsProps): JSX.Element => {
   const undoAvailable = useAtomValue(canUndoDeletesAtom);
+  const undoLabel = useAtomValue(undoLabelAtom);
   const needsRun = useAtomValue(needsRunAtom);
   const { undoDeleteCell } = useCellActions();
   const closed = connectionState === WebSocketState.CLOSED;
@@ -63,7 +65,7 @@ export const Controls = ({
   let undoControl: JSX.Element | null = null;
   if (!closed && undoAvailable) {
     undoControl = (
-      <Tooltip content="Undo cell deletion">
+      <Tooltip content={undoLabel}>
         <Button
           data-testid="undo-delete-cell"
           size="medium"

package/src/components/editor/navigation/__tests__/clipboard.test.ts

@@ -20,6 +20,18 @@ vi.mock("@/utils/Logger", () => ({
   Logger: Mocks.quietLogger(),
 }));
 
+const mockClearPendingCut = vi.hoisted(() => vi.fn());
+vi.mock("@/core/cells/pending-cut-service", () => ({
+  usePendingCutActions: () => ({
+    markForCut: vi.fn(),
+    clear: mockClearPendingCut,
+  }),
+  usePendingCutState: () => ({
+    cellIds: new Set(),
+    clipboardData: null,
+  }),
+}));
+
 import { MockNotebook } from "@/__mocks__/notebook";
 import { toast } from "@/components/ui/use-toast";
 import { getNotebook, useCellActions } from "@/core/cells/cells";
@@ -198,6 +210,101 @@ describe("useCellClipboard", () => {
         description: "Cell has been copied to clipboard.",
       });
     });
+
+    it("should clear pending cut when copy succeeds", async () => {
+      const { result } = renderHook(() => useCellClipboard());
+
+      await act(async () => {
+        await result.current.copyCells([mockCellId1]);
+      });
+
+      expect(mockClearPendingCut).toHaveBeenCalled();
+    });
+
+    it("should clear pending cut when copy falls back to writeText", async () => {
+      mockClipboard.write.mockRejectedValue(new Error("Write failed"));
+      mockClipboard.writeText.mockResolvedValue(undefined);
+
+      const { result } = renderHook(() => useCellClipboard());
+
+      await act(async () => {
+        await result.current.copyCells([mockCellId1]);
+      });
+
+      expect(mockClearPendingCut).toHaveBeenCalled();
+    });
+  });
+
+  describe("cutCells", () => {
+    it("should cut single cell to clipboard with custom mimetype and plain text", async () => {
+      const { result } = renderHook(() => useCellClipboard());
+
+      await act(async () => {
+        await result.current.cutCells([mockCellId1]);
+      });
+
+      expect(mockClipboard.write).toHaveBeenCalledWith([
+        expect.objectContaining({
+          types: ["web application/x-marimo-cell", "text/plain"],
+        }),
+      ]);
+    });
+
+    it("should cut multiple cells to clipboard with custom mimetype and plain text", async () => {
+      const { result } = renderHook(() => useCellClipboard());
+
+      await act(async () => {
+        await result.current.cutCells([mockCellId1, mockCellId2]);
+      });
+
+      expect(mockClipboard.write).toHaveBeenCalledWith([
+        expect.objectContaining({
+          types: ["web application/x-marimo-cell", "text/plain"],
+        }),
+      ]);
+    });
+
+    it("should not write when no cells found", async () => {
+      asMock(getNotebook).mockReturnValue(MockNotebook.notebookState());
+
+      const { result } = renderHook(() => useCellClipboard());
+
+      await act(async () => {
+        await result.current.cutCells([mockCellId1]);
+      });
+
+      expect(mockClipboard.write).not.toHaveBeenCalled();
+    });
+
+    it("should fallback to writeText when clipboard.write fails", async () => {
+      mockClipboard.write.mockRejectedValue(new Error("Write failed"));
+      mockClipboard.writeText.mockResolvedValue(undefined);
+
+      const { result } = renderHook(() => useCellClipboard());
+
+      await act(async () => {
+        await result.current.cutCells([mockCellId1]);
+      });
+
+      expect(mockClipboard.write).toHaveBeenCalled();
+      expect(mockClipboard.writeText).toHaveBeenCalledWith(mockCellCode1);
+    });
+
+    it("should show error toast when both clipboard methods fail", async () => {
+      mockClipboard.write.mockRejectedValue(new Error("Write failed"));
+      mockClipboard.writeText.mockRejectedValue(new Error("WriteText failed"));
+
+      const { result } = renderHook(() => useCellClipboard());
+
+      await act(async () => {
+        await result.current.cutCells([mockCellId1]);
+      });
+
+      expect(Logger.error).toHaveBeenCalledWith(
+        "Failed to cut cells to clipboard",
+        expect.any(Error),
+      );
+    });
   });
 
   describe("pasteCell", () => {

package/src/components/editor/navigation/__tests__/navigation.test.ts

@@ -44,6 +44,11 @@ vi.mock("../../cell/useRunCells", () => ({
   useRunCells: vi.fn(),
 }));
 
+vi.mock("../../cell/useDeleteCell", () => ({
+  useDeleteCellCallback: vi.fn(),
+  useDeleteManyCellsCallback: vi.fn(),
+}));
+
 vi.mock("../clipboard", () => ({
   useCellClipboard: vi.fn(),
 }));
@@ -112,6 +117,7 @@ const mockSaveIfNotebookIsPersistent = vi.fn();
 const mockSaveNotebook = vi.fn();
 const mockRunCell = vi.fn();
 const mockCopyCell = vi.fn();
+const mockCutCell = vi.fn().mockResolvedValue(undefined);
 const mockPasteCell = vi.fn();
 
 const mockCellActions = MockNotebook.cellActions({
@@ -165,7 +171,9 @@ describe("useCellNavigationProps", () => {
     mockUseRunCells.mockReturnValue(mockRunCell);
     mockUseCellClipboard.mockReturnValue({
       copyCells: mockCopyCell,
+      cutCells: mockCutCell,
       pasteAtCell: mockPasteCell,
+      clearPendingCut: vi.fn(),
     });
 
     // Setup default config in store
@@ -237,6 +245,45 @@ describe("useCellNavigationProps", () => {
       expect(mockEvent.preventDefault).toHaveBeenCalled();
     });
 
+    it("should cut cell when 'x' key is pressed", async () => {
+      const { result } = renderWithProvider(() =>
+        useCellNavigationProps(mockCellId, options),
+      );
+
+      const mockEvent = Mocks.keyboardEvent({ key: "x" });
+
+      await act(async () => {
+        result.current.onKeyDown?.(mockEvent);
+        await Promise.resolve();
+      });
+
+      expect(mockCutCell).toHaveBeenCalledWith([mockCellId]);
+      expect(mockEvent.preventDefault).toHaveBeenCalled();
+    });
+
+    it("should cut multiple selected cells when 'x' key is pressed", async () => {
+      const selectionActions = setupSelection();
+      selectionActions.select({ cellId: cellId1 });
+      selectionActions.extend({
+        cellId: cellId2,
+        allCellIds: store.get(notebookAtom).cellIds,
+      });
+
+      const { result } = renderWithProvider(() =>
+        useCellNavigationProps(cellId1, options),
+      );
+
+      const mockEvent = Mocks.keyboardEvent({ key: "x" });
+
+      await act(async () => {
+        result.current.onKeyDown?.(mockEvent);
+        await Promise.resolve();
+      });
+
+      expect(mockCutCell).toHaveBeenCalledWith([cellId1, cellId2]);
+      expect(mockEvent.preventDefault).toHaveBeenCalled();
+    });
+
     it("should paste cell when 'v' key is pressed", () => {
       const { result } = renderWithProvider(() =>
         useCellNavigationProps(mockCellId, options),
@@ -775,6 +822,29 @@ describe("useCellNavigationProps", () => {
       expect(mockEvent.preventDefault).toHaveBeenCalled();
     });
 
+    it("should cut multiple cells when multiple cells selected", () => {
+      // Set up selection of multiple cells
+      const selectionActions = setupSelection();
+      selectionActions.select({ cellId: cellId1 });
+      selectionActions.extend({
+        cellId: cellId3,
+        allCellIds: store.get(notebookAtom).cellIds,
+      });
+
+      const { result } = renderWithProvider(() =>
+        useCellNavigationProps(cellId2, options),
+      );
+
+      const mockEvent = Mocks.keyboardEvent({ key: "x" });
+
+      act(() => {
+        result.current.onKeyDown?.(mockEvent);
+      });
+
+      expect(mockCutCell).toHaveBeenCalledWith([cellId1, cellId2, cellId3]);
+      expect(mockEvent.preventDefault).toHaveBeenCalled();
+    });
+
     it("should move multiple cells up when multiple cells selected", () => {
       // Set up selection of multiple cells
       const selectionActions = setupSelection();