@marimo-team/frontend 0.21.1-dev17 → 0.21.1-dev21

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-CNvKxpKE.js"></script>
+    <script type="module" crossorigin src="./assets/index-0n92c_W7.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-BW0IMuFq.js">
     <link rel="modulepreload" crossorigin href="./assets/clsx-BDxNtGmi.js">
     <link rel="modulepreload" crossorigin href="./assets/cn-BoaCR37F.js">
@@ -75,17 +75,17 @@
     <link rel="modulepreload" crossorigin href="./assets/compiler-runtime-B3qBwwSJ.js">
     <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-icT_Ltz2.js">
     <link rel="modulepreload" crossorigin href="./assets/badge-hTpPIsMT.js">
-    <link rel="modulepreload" crossorigin href="./assets/useEventListener-BGihH8bs.js">
-    <link rel="modulepreload" crossorigin href="./assets/button-BZAv3veu.js">
+    <link rel="modulepreload" crossorigin href="./assets/useEventListener-Dy81QR4n.js">
+    <link rel="modulepreload" crossorigin href="./assets/button-Ej3vmCIF.js">
     <link rel="modulepreload" crossorigin href="./assets/react-dom-CSu739Rf.js">
-    <link rel="modulepreload" crossorigin href="./assets/Combination-CBJmtdux.js">
-    <link rel="modulepreload" crossorigin href="./assets/menu-items-Z4F08mfP.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-D98wU_Qc.js">
+    <link rel="modulepreload" crossorigin href="./assets/Combination-Cs9nbinQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/menu-items-UxKrm8hS.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-DJBpXGro.js">
     <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-Cm-Z7dYr.js">
     <link rel="modulepreload" crossorigin href="./assets/check-BE0hEwVo.js">
     <link rel="modulepreload" crossorigin href="./assets/x-BI1M8X_v.js">
-    <link rel="modulepreload" crossorigin href="./assets/select-Ch6m1k2G.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-CNmaER6z.js">
+    <link rel="modulepreload" crossorigin href="./assets/select-CxT2Geqr.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-D9723Brr.js">
     <link rel="modulepreload" crossorigin href="./assets/use-toast-Hc8CXlvz.js">
     <link rel="modulepreload" crossorigin href="./assets/_Uint8Array-C0aUZfE0.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseIsEqual-EYp9AUJI.js">
@@ -94,26 +94,26 @@
     <link rel="modulepreload" crossorigin href="./assets/isArrayLikeObject-Dx6-QZGQ.js">
     <link rel="modulepreload" crossorigin href="./assets/merge-CfcLlFFp.js">
     <link rel="modulepreload" crossorigin href="./assets/zod-H_cgTO0M.js">
-    <link rel="modulepreload" crossorigin href="./assets/utils-BvPM6Bro.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-tNbLd14P.js">
     <link rel="modulepreload" crossorigin href="./assets/Deferred-BMfCOLaw.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-ClFZlR7U.js">
     <link rel="modulepreload" crossorigin href="./assets/DeferredRequestRegistry-O6RDJKs0.js">
     <link rel="modulepreload" crossorigin href="./assets/constants-Rz_lD4HK.js">
-    <link rel="modulepreload" crossorigin href="./assets/session-CXChHxAw.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-DeEqZTX7.js">
+    <link rel="modulepreload" crossorigin href="./assets/session-BrEm7qNv.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-3Aq84phF.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-Bgjtqo_1.js">
     <link rel="modulepreload" crossorigin href="./assets/isSymbol-CiGN2w5X.js">
     <link rel="modulepreload" crossorigin href="./assets/toString-lmrYznmk.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSlice-39dTX4Wi.js">
     <link rel="modulepreload" crossorigin href="./assets/_hasUnicode-QS_pSfjY.js">
-    <link rel="modulepreload" crossorigin href="./assets/assertNever-CTRGz-ul.js">
+    <link rel="modulepreload" crossorigin href="./assets/assertNever-DWSyoPEi.js">
     <link rel="modulepreload" crossorigin href="./assets/_arrayReduce-BKEr35uH.js">
-    <link rel="modulepreload" crossorigin href="./assets/useLifecycle-CWjBWFMI.js">
+    <link rel="modulepreload" crossorigin href="./assets/useLifecycle-DA9DjSPo.js">
     <link rel="modulepreload" crossorigin href="./assets/useNonce-BtW-rR_1.js">
-    <link rel="modulepreload" crossorigin href="./assets/useTheme-CM9j8dgy.js">
+    <link rel="modulepreload" crossorigin href="./assets/useTheme-BYXBU1of.js">
     <link rel="modulepreload" crossorigin href="./assets/once-CJOnx12W.js">
-    <link rel="modulepreload" crossorigin href="./assets/capabilities-B1-dYWS8.js">
-    <link rel="modulepreload" crossorigin href="./assets/createReducer-DgaMD0B6.js">
+    <link rel="modulepreload" crossorigin href="./assets/capabilities-D3x_db9Y.js">
+    <link rel="modulepreload" crossorigin href="./assets/createReducer-Drh7NmIR.js">
     <link rel="modulepreload" crossorigin href="./assets/paths-D2lG83Oh.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-B_cxg-E4.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-D0Vj4Kqc.js">
@@ -134,119 +134,119 @@
     <link rel="modulepreload" crossorigin href="./assets/toInteger-CO3ppIfA.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-DTWCDKdn.js">
     <link rel="modulepreload" crossorigin href="./assets/main-DrBRErTM.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-Dqou-uie.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-fq1RMGX_.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-C5JoisA7.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-D0GQBpTb.js">
-    <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-CJ-Wwa2I.js">
+    <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-DdPu5Kfu.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-DvKpAc6K.js">
-    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-Bgu3XVfT.js">
-    <link rel="modulepreload" crossorigin href="./assets/multi-map-CJMleYLX.js">
+    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-CnD1Dah5.js">
+    <link rel="modulepreload" crossorigin href="./assets/multi-map-Pp1P2DOX.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-OQZHipbB.js">
     <link rel="modulepreload" crossorigin href="./assets/card-C-c-4jyF.js">
-    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-B31Yst9T.js">
-    <link rel="modulepreload" crossorigin href="./assets/dialog-CyL4o0mA.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-D7GD2EM4.js">
-    <link rel="modulepreload" crossorigin href="./assets/label-SLjr8zzy.js">
+    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-9WfvUF7e.js">
+    <link rel="modulepreload" crossorigin href="./assets/dialog-CVN1lcMF.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-BhNN2V5a.js">
+    <link rel="modulepreload" crossorigin href="./assets/label-TNNaT1M9.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-B0dx2Gp0.js">
-    <link rel="modulepreload" crossorigin href="./assets/azure-q5TZ9bt0.js">
-    <link rel="modulepreload" crossorigin href="./assets/numbers-aIvy9Kr7.js">
+    <link rel="modulepreload" crossorigin href="./assets/azure-BTXHztTw.js">
+    <link rel="modulepreload" crossorigin href="./assets/numbers-CYnquDho.js">
     <link rel="modulepreload" crossorigin href="./assets/SSRProvider-DC7ElCZZ.js">
     <link rel="modulepreload" crossorigin href="./assets/context-CIAP2NOh.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-DbDKSvEd.js">
     <link rel="modulepreload" crossorigin href="./assets/usePress-BHGkpw8X.js">
-    <link rel="modulepreload" crossorigin href="./assets/input-BRZ8bt6P.js">
+    <link rel="modulepreload" crossorigin href="./assets/input-CUwqpKjd.js">
     <link rel="modulepreload" crossorigin href="./assets/links-DzgPOFJ-.js">
-    <link rel="modulepreload" crossorigin href="./assets/popover-Du6bDNYH.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-JycgoJcn.js">
+    <link rel="modulepreload" crossorigin href="./assets/popover-BPGG2gPG.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-CVKxYu_0.js">
     <link rel="modulepreload" crossorigin href="./assets/table-BhH-Mm8O.js">
-    <link rel="modulepreload" crossorigin href="./assets/mode-DSINUCzY.js">
+    <link rel="modulepreload" crossorigin href="./assets/mode-AcL8c6qH.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-D-4ifFXh.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-Bfogio62.js">
-    <link rel="modulepreload" crossorigin href="./assets/error-banner-DQBz1e-2.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-B0pTwxmU.js">
+    <link rel="modulepreload" crossorigin href="./assets/error-banner-BRG6IPhC.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-YwM0Pd7v.js">
     <link rel="modulepreload" crossorigin href="./assets/memoize-Bw1ifb7c.js">
     <link rel="modulepreload" crossorigin href="./assets/get-DBdMgUNq.js">
-    <link rel="modulepreload" crossorigin href="./assets/capitalize-DcpkQwJe.js">
+    <link rel="modulepreload" crossorigin href="./assets/capitalize-BfkXNxmI.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-CkudG0Ej.js">
     <link rel="modulepreload" crossorigin href="./assets/plus-dVmh0yTy.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-CHAHPgkx.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-CAoNMkjq.js">
     <link rel="modulepreload" crossorigin href="./assets/triangle-alert-qZo1ox6x.js">
-    <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-BYDC_z7s.js">
+    <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-DPTa_EpU.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-OkOxlkkM.js">
     <link rel="modulepreload" crossorigin href="./assets/precisionRound-BOmLQIKI.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-DK1MWd7f.js">
     <link rel="modulepreload" crossorigin href="./assets/vega-loader.browser-CZV6_g2i.js">
-    <link rel="modulepreload" crossorigin href="./assets/utils-BuPoTKhl.js">
-    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-H5EQrcAX.js">
-    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-CIJ1-EHx.js">
-    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-CDxa8mJa.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-DWQZUFhO.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-Cn-Wy4lo.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-BqEQgvo3.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-B0nc63rx.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-icon-Ditn6lfU.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-BFwmkFZ4.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-CQRBseis.js">
-    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-CrcxjfJR.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-CdjCA1J8.js">
+    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-Ba0LbbH4.js">
+    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-C9V-on2J.js">
+    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-qEtcJ95s.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-Q_UEP94Z.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-F9sJtuof.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-3V5UxC3B.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-az74f3Mp.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-icon-BgmMM9Zg.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-BnSc-Wa0.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-DYwTiH9-.js">
+    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-m8w66E4s.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-CM1a_K7I.js">
     <link rel="modulepreload" crossorigin href="./assets/katex-rvFxOCU-.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-CdEqa6lQ.js">
-    <link rel="modulepreload" crossorigin href="./assets/command-Ckfx4w5C.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-D6Fv1GMQ.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BSsgvk4y.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-Bp9XY06U.js">
-    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-DDlGrM1g.js">
-    <link rel="modulepreload" crossorigin href="./assets/formats-DzzQnJYt.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-MR9df58W.js">
+    <link rel="modulepreload" crossorigin href="./assets/command-rfxSsiHU.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-B9_ToVd4.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-5m6jCnyo.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-DJ8khuob.js">
+    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-DTN9kFDq.js">
+    <link rel="modulepreload" crossorigin href="./assets/formats-rhOJovGE.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-BO8E69bZ.js">
     <link rel="modulepreload" crossorigin href="./assets/isValid-BGe7pJXT.js">
-    <link rel="modulepreload" crossorigin href="./assets/dates-BcvJrESI.js">
-    <link rel="modulepreload" crossorigin href="./assets/maps-CqKCrVZ8.js">
+    <link rel="modulepreload" crossorigin href="./assets/dates-CHaNfieI.js">
+    <link rel="modulepreload" crossorigin href="./assets/maps-OKerBHH8.js">
     <link rel="modulepreload" crossorigin href="./assets/extends-DRbCSry7.js">
     <link rel="modulepreload" crossorigin href="./assets/emotion-is-prop-valid.esm-D1keIaYa.js">
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-CpE7XQLs.js">
     <link rel="modulepreload" crossorigin href="./assets/range-CJeRXUtp.js">
     <link rel="modulepreload" crossorigin href="./assets/table-BCnp9gKC.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-CBK4dhVh.js">
-    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-DSpj4wDu.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DKXKGKvX.js">
+    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-DRUDRiy0.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-CrUXojcA.js">
-    <link rel="modulepreload" crossorigin href="./assets/process-output-4ypD4fg7.js">
+    <link rel="modulepreload" crossorigin href="./assets/process-output-CTVsT--B.js">
     <link rel="modulepreload" crossorigin href="./assets/blob-CObhN-9g.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-DP4vAkvg.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-CBkHtTOV.js">
     <link rel="modulepreload" crossorigin href="./assets/file-DzHkbIdO.js">
     <link rel="modulepreload" crossorigin href="./assets/image-DXfkah9d.js">
     <link rel="modulepreload" crossorigin href="./assets/play-DKSqmedg.js">
-    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-CrnYAxuA.js">
+    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-DUn4LN4W.js">
     <link rel="modulepreload" crossorigin href="./assets/isEmpty-CfmnKtgL.js">
     <link rel="modulepreload" crossorigin href="./assets/bot-message-square-CK6eoGWy.js">
-    <link rel="modulepreload" crossorigin href="./assets/chat-display-Vedn01P6.js">
+    <link rel="modulepreload" crossorigin href="./assets/chat-display-D_Fuuy6r.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-DV8gdCvH.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-B006EYFX.js">
-    <link rel="modulepreload" crossorigin href="./assets/spec-CYMZZDXr.js">
+    <link rel="modulepreload" crossorigin href="./assets/spec-DbmSqx09.js">
     <link rel="modulepreload" crossorigin href="./assets/ellipsis-vertical-CAB7tdza.js">
-    <link rel="modulepreload" crossorigin href="./assets/components-Bgj5U8rZ.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-DPhs4evg.js">
-    <link rel="modulepreload" crossorigin href="./assets/toggle-BiIJZR6-.js">
-    <link rel="modulepreload" crossorigin href="./assets/globals-DE7Q2ffe.js">
-    <link rel="modulepreload" crossorigin href="./assets/share-BYioqUE0.js">
+    <link rel="modulepreload" crossorigin href="./assets/components-Bpgzv_5_.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-WsubyItX.js">
+    <link rel="modulepreload" crossorigin href="./assets/toggle-RCwU-rnE.js">
+    <link rel="modulepreload" crossorigin href="./assets/globals-BsV5fVR-.js">
+    <link rel="modulepreload" crossorigin href="./assets/share-BdH_5I58.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-D5BgdrnX.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-DDRqG5ui.js">
-    <link rel="modulepreload" crossorigin href="./assets/context-aware-panel-TU7i7Ais.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-CNejeNGC.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAddCell-BSbQWv3q.js">
+    <link rel="modulepreload" crossorigin href="./assets/context-aware-panel-CfsfBlhO.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-BvQKiC0F.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAddCell-YC7rpcmD.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-vwi9L975.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-CysvH2Zj.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-DH-1xZGq.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-B5q2Ow55.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-0zZkfGbI.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-CWLHDa1J.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-DLpfIr8v.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-B9Fj5Rl-.js">
-    <link rel="modulepreload" crossorigin href="./assets/field-qoWy8wEy.js">
-    <link rel="modulepreload" crossorigin href="./assets/useBoolean-Cm61eWz0.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-CrQYrsUC.js">
+    <link rel="modulepreload" crossorigin href="./assets/field-B1jGbQlH.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBoolean-m1e6E3Ao.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-yyiB9aJX.js">
     <link rel="modulepreload" crossorigin href="./assets/types-C1RN112u.js">
     <link rel="modulepreload" crossorigin href="./assets/prop-types-RrUi-pOT.js">
-    <link rel="modulepreload" crossorigin href="./assets/es-997LzX0P.js">
+    <link rel="modulepreload" crossorigin href="./assets/es-CzkousWe.js">
     <link rel="modulepreload" crossorigin href="./assets/hasIn-Bx4-SO9M.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseFlatten-Be7p_si8.js">
     <link rel="modulepreload" crossorigin href="./assets/_basePickBy-Ck7z0-tq.js">

package/package.json

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

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

@@ -41,7 +41,10 @@ import { hasOnlyOneCellAtom, useCellActions } from "@/core/cells/cells";
 import { type CellId, SETUP_CELL_ID } from "@/core/cells/ids";
 import type { CellData } from "@/core/cells/types";
 import { formatEditorViews } from "@/core/codemirror/format";
-import { toggleToLanguage } from "@/core/codemirror/language/commands";
+import {
+  getCurrentLanguageAdapter,
+  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 {
@@ -235,35 +238,41 @@ export function useCellActionButtons({ cell, closePopover }: Props) {
         },
         hidden: isSetupCell,
       },
-      {
-        icon: <DatabaseIcon size={13} strokeWidth={1.5} />,
-        label: "Convert to SQL",
-        handle: () => {
-          const editorView = getEditorView();
-          if (!editorView) {
-            return;
+      // We need to check this here because the user may have toggled the language
+      getCurrentLanguageAdapter(getEditorView()) === "sql"
+        ? {
+            icon: <PythonIcon />,
+            label: "View as Python",
+            hotkey: "cell.viewAsSQL",
+            handle: () => {
+              const editorView = getEditorView();
+              if (!editorView) {
+                return;
+              }
+              toggleToLanguage(editorView, "python", { force: true });
+            },
+            hidden: isSetupCell,
           }
-          maybeAddMarimoImport({ autoInstantiate, createNewCell: createCell });
-          switchLanguage(editorView, {
-            language: "sql",
-            keepCodeAsIs: false,
-          });
-        },
-        hidden: isSetupCell,
-      },
-      {
-        icon: <PythonIcon />,
-        label: "Toggle as Python",
-        handle: () => {
-          const editorView = getEditorView();
-          if (!editorView) {
-            return;
-          }
-          maybeAddMarimoImport({ autoInstantiate, createNewCell: createCell });
-          toggleToLanguage(editorView, "python", { force: true });
-        },
-        hidden: isSetupCell,
-      },
+        : {
+            icon: <DatabaseIcon size={13} strokeWidth={1.5} />,
+            label: "Convert to SQL",
+            hotkey: "cell.viewAsSQL",
+            handle: () => {
+              const editorView = getEditorView();
+              if (!editorView) {
+                return;
+              }
+              maybeAddMarimoImport({
+                autoInstantiate,
+                createNewCell: createCell,
+              });
+              switchLanguage(editorView, {
+                language: "sql",
+                keepCodeAsIs: false,
+              });
+            },
+            hidden: isSetupCell,
+          },
     ],
 
     // Movement

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

@@ -163,6 +163,13 @@ const CellEditorInternal = ({
     }
   });
 
+  const afterToggleSQL = useEvent(() => {
+    maybeAddMarimoImport({
+      autoInstantiate,
+      createNewCell: cellActions.createNewCell,
+    });
+  });
+
   const aiEnabled = isAiEnabled(userConfig);
 
   const extensions = useMemo(() => {
@@ -173,6 +180,7 @@ const CellEditorInternal = ({
       cellActions: {
         ...cellActions,
         afterToggleMarkdown,
+        afterToggleSQL,
         onRun: handleRunCell,
         deleteCell: handleDelete,
         saveNotebook: saveOrNameNotebook,
@@ -267,6 +275,7 @@ const CellEditorInternal = ({
     handleRunCell,
     setAiCompletionCell,
     afterToggleMarkdown,
+    afterToggleSQL,
     setLanguageAdapter,
     showHiddenCode,
     saveOrNameNotebook,

package/src/components/editor/header/status.tsx

@@ -5,6 +5,7 @@ import { HourglassIcon, LockIcon, UnlinkIcon } from "lucide-react";
 import React from "react";
 import { Tooltip } from "@/components/ui/tooltip";
 import { notebookScrollToRunning } from "@/core/cells/actions";
+import { onlyScratchpadIsRunningAtom } from "@/core/cells/cells";
 import { viewStateAtom } from "@/core/mode";
 import { type ConnectionStatus, WebSocketState } from "@/core/websocket/types";
 import { cn } from "@/utils/cn";
@@ -52,17 +53,24 @@ const LockedIcon = () => (
   </Tooltip>
 );
 
-const RunningIcon = () => (
-  <Tooltip content="Jump to running cell" side="right">
-    <div
-      className={topLeftStatus}
-      data-testid="loading-indicator"
-      onClick={notebookScrollToRunning}
-    >
-      <HourglassIcon className="running-app-icon" size={30} strokeWidth={1} />
-    </div>
-  </Tooltip>
-);
+const RunningIcon = () => {
+  const scratchpadOnly = useAtomValue(onlyScratchpadIsRunningAtom);
+  const tooltip = scratchpadOnly
+    ? "Scratchpad is running"
+    : "Jump to running cell";
+
+  return (
+    <Tooltip content={tooltip} side="right">
+      <div
+        className={topLeftStatus}
+        data-testid="loading-indicator"
+        onClick={scratchpadOnly ? undefined : notebookScrollToRunning}
+      >
+        <HourglassIcon className="running-app-icon" size={30} strokeWidth={1} />
+      </div>
+    </Tooltip>
+  );
+};
 
 const NoiseBackground = () => (
   <>

package/src/core/cells/cells.ts

@@ -1640,6 +1640,12 @@ export const cellsRuntimeAtom = atom((get) => get(notebookAtom).cellRuntime);
 export const notebookIsRunningAtom = atom((get) =>
   notebookIsRunning(get(notebookAtom)),
 );
+export const onlyScratchpadIsRunningAtom = atom((get) => {
+  const { cellRuntime } = get(notebookAtom);
+  return Object.entries(cellRuntime).every(
+    ([id, rt]) => rt.status !== "running" || id === SCRATCH_CELL_ID,
+  );
+});
 export const notebookQueuedOrRunningCountAtom = atom((get) =>
   notebookQueueOrRunningCount(get(notebookAtom)),
 );

package/src/core/cells/utils.ts

@@ -11,6 +11,7 @@ export function notebookIsRunning(state: NotebookState) {
     (cell) => cell.status === "running",
   );
 }
+
 export function notebookQueueOrRunningCount(state: NotebookState) {
   return Object.values(state.cellRuntime).filter(
     (cell) => cell.status === "running" || cell.status === "queued",

package/src/core/codemirror/__tests__/setup.test.ts

@@ -45,6 +45,7 @@ function getOpts() {
       onRun: namedFunction("onRun"),
       deleteCell: namedFunction("deleteCell"),
       afterToggleMarkdown: namedFunction("afterToggleMarkdown"),
+      afterToggleSQL: namedFunction("afterToggleSQL"),
     } as unknown as CodemirrorCellActions,
     completionConfig: {
       activate_on_typing: false,

package/src/core/codemirror/cells/state.ts

@@ -11,6 +11,7 @@ export interface CodemirrorCellActions extends CellActions {
   onRun: () => void;
   deleteCell: () => void;
   afterToggleMarkdown: () => void;
+  afterToggleSQL: () => void;
   saveNotebook: () => void;
 }
 

package/src/core/codemirror/extensions.ts

@@ -42,6 +42,26 @@ export function formatKeymapExtension(hotkeys: HotkeyProvider) {
           actions.afterToggleMarkdown();
         }
 
+        return response !== false;
+      },
+    },
+    {
+      key: hotkeys.getHotkey("cell.viewAsSQL").key,
+      preventDefault: true,
+      run: (ev) => {
+        const currentLanguage = getCurrentLanguageAdapter(ev);
+        const destinationLanguage =
+          currentLanguage === "sql" ? "python" : "sql";
+
+        const response = toggleToLanguage(ev, destinationLanguage, {
+          force: true,
+        });
+
+        if (response === "sql") {
+          const actions = ev.state.facet(cellActionsState);
+          actions.afterToggleSQL();
+        }
+
         return response !== false;
       },
     },

package/src/core/codemirror/language/utils.ts

@@ -3,7 +3,11 @@
 import type { EditorState } from "@codemirror/state";
 import type { EditorView } from "@codemirror/view";
 import { replaceEditorContent } from "../replace-editor-content";
-import { languageAdapterState } from "./extension";
+import {
+  languageAdapterFromCode,
+  languageAdapterState,
+  switchLanguage,
+} from "./extension";
 import { languageMetadataField } from "./metadata";
 
 /**
@@ -35,6 +39,17 @@ export function updateEditorCodeFromPython(
   editor: EditorView,
   pythonCode: string,
 ): string {
+  const currentAdapter = editor.state.field(languageAdapterState);
+  const correctAdapter = languageAdapterFromCode(pythonCode);
+
+  // If the language type changed (e.g., markdown → python), switch adapters
+  if (correctAdapter.type !== currentAdapter.type) {
+    switchLanguage(editor, {
+      language: correctAdapter.type,
+      keepCodeAsIs: true,
+    });
+  }
+
   const languageAdapter = editor.state.field(languageAdapterState);
   const [code] = languageAdapter.transformIn(pythonCode);
   // Use replaceEditorContent which preserves cursor position when focused

package/src/core/hotkeys/hotkeys.ts

@@ -142,6 +142,14 @@ const DEFAULT_HOT_KEY = {
     group: "Editing",
     key: "Mod-Shift-m",
   },
+  "cell.viewAsSQL": {
+    name: "Toggle SQL",
+    group: "Editing",
+    key: {
+      windows: "Alt-Shift-l",
+      main: "Mod-Shift-l",
+    },
+  },
   "cell.complete": {
     name: "Code completion",
     group: "Editing",

package/dist/assets/cell-link-DWQZUFhO.js

@@ -1 +0,0 @@
-import{s as L}from"./chunk-LvLJmgfZ.js";import{d as P,l as j,n as y,u as A}from"./useEvent-O0nX5vok.js";import{A as O,M as T,T as w,Zr as b,Zt as E,bt as S,ci as $}from"./cells-Dqou-uie.js";import{t as _}from"./compiler-runtime-B3qBwwSJ.js";import{m as D}from"./useEventListener-BGihH8bs.js";import{d as F}from"./utils-BvPM6Bro.js";import{r as x}from"./constants-Rz_lD4HK.js";import{h as M,x as Z}from"./config-DeEqZTX7.js";import{t as q}from"./jsx-runtime-icT_Ltz2.js";import{t as B}from"./cn-BoaCR37F.js";import{r as H}from"./requests-Bgjtqo_1.js";import{n as R}from"./paths-D2lG83Oh.js";import{s as U}from"./session-CXChHxAw.js";import{n as V}from"./ImperativeModal-CDxa8mJa.js";var z=_();function I(){return A(b)}function G(){let r=(0,z.c)(5),[t]=j(M),e=P(b),{openAlert:s}=V(),{sendRename:o}=H(),a;return r[0]!==t.state||r[1]!==s||r[2]!==o||r[3]!==e?(a=async l=>{let n=F();return t.state===Z.OPEN?(U(i=>{l===null?i.delete(x.filePath):i.set(x.filePath,l)}),o({filename:l}).then(()=>(e(l),document.title=n.app_title||R.basename(l)||"Untitled Notebook",l)).catch(i=>(s(i.message),null))):(s("Failed to save notebook: not connected to a kernel."),null)},r[0]=t.state,r[1]=s,r[2]=o,r[3]=e,r[4]=a):a=r[4],y(a)}var p=_(),v=L(q(),1);const h=r=>{let t=(0,p.c)(12),{className:e,cellId:s,variant:o,onClick:a,formatCellName:l,skipScroll:n}=r,i=T()[s]??"",C=O().inOrderIds.indexOf(s),{showCellIfHidden:d}=w(),g=l??Q,c;t[0]===e?c=t[1]:(c=B("inline-block cursor-pointer text-link hover:underline",e),t[0]=e,t[1]=c);let m;t[2]!==s||t[3]!==a||t[4]!==d||t[5]!==n||t[6]!==o?(m=k=>{if(s==="__scratch__")return!1;d({cellId:s}),k.stopPropagation(),k.preventDefault(),requestAnimationFrame(()=>{N(s,o,n)&&(a==null||a())})},t[2]=s,t[3]=a,t[4]=d,t[5]=n,t[6]=o,t[7]=m):m=t[7];let f=g(S(i,C)),u;return t[8]!==c||t[9]!==m||t[10]!==f?(u=(0,v.jsx)("div",{className:c,role:"link",tabIndex:-1,onClick:m,children:f}),t[8]=c,t[9]=m,t[10]=f,t[11]=u):u=t[11],u},J=r=>{let t=(0,p.c)(2),e;return t[0]===r?e=t[1]:(e=(0,v.jsx)(h,{...r,variant:"destructive"}),t[0]=r,t[1]=e),e},K=r=>{let t=(0,p.c)(10),{cellId:e,lineNumber:s}=r,o=I(),a;t[0]!==e||t[1]!==s?(a=()=>E(e,s),t[0]=e,t[1]=s,t[2]=a):a=t[2];let l;t[3]!==e||t[4]!==o?(l=i=>e==="__scratch__"?"scratch":`marimo://${o||"untitled"}#cell=${i}`,t[3]=e,t[4]=o,t[5]=l):l=t[5];let n;return t[6]!==e||t[7]!==a||t[8]!==l?(n=(0,v.jsx)(h,{cellId:e,onClick:a,skipScroll:!0,variant:"destructive",className:"traceback-cell-link",formatCellName:l}),t[6]=e,t[7]=a,t[8]=l,t[9]=n):n=t[9],n};function N(r,t,e){let s=$.create(r),o=document.getElementById(s),a=o==null?void 0:o.classList.contains("has-error");return o===null?(D.error(`Cell ${s} not found on page.`),!1):(e||o.scrollIntoView({behavior:"smooth",block:"center"}),(t==="destructive"||a&&t===void 0)&&(o.classList.add("error-outline"),setTimeout(()=>{o.classList.remove("error-outline")},2e3)),(t==="focus"||!a&&t===void 0)&&(o.classList.add("focus-outline"),setTimeout(()=>{o.classList.remove("focus-outline")},2e3)),!0)}function Q(r){return r}export{I as a,N as i,J as n,G as o,K as r,h as t};

package/dist/assets/components-CHO2M34L.js

@@ -1 +0,0 @@
-import{s as N}from"./chunk-LvLJmgfZ.js";import{i as b}from"./useEvent-O0nX5vok.js";import{t as j}from"./react-Bj1aDYRI.js";import{en as w,f as P,xn as C}from"./cells-Dqou-uie.js";import{t as u}from"./compiler-runtime-B3qBwwSJ.js";import{t as k}from"./jsx-runtime-icT_Ltz2.js";import{t as c}from"./cn-BoaCR37F.js";import{t as A}from"./badge-hTpPIsMT.js";import{a as R,i as B,r as I}from"./multi-map-CJMleYLX.js";var S=u(),m=N(k(),1);const T=o=>{let e=(0,S.c)(8),{variableName:a,className:r}=o,t;e[0]===a?t=e[1]:(t=i=>{i.stopPropagation();let d=_(a);if(!d)return;let x=P(d);x&&w(x,a)},e[0]=a,e[1]=t);let s=t,l;e[2]===r?l=e[3]:(l=c("text-link opacity-80 hover:opacity-100 hover:underline",r),e[2]=r,e[3]=l);let n;return e[4]!==s||e[5]!==l||e[6]!==a?(n=(0,m.jsx)("button",{type:"button",onClick:s,className:l,children:a}),e[4]=s,e[5]=l,e[6]=a,e[7]=n):n=e[7],n};function _(o){let e=b.get(C)[o];if(e)return e.declaredBy[0]}var p=u(),f=N(j(),1),y=f.forwardRef((o,e)=>{let a=(0,p.c)(11),r,t,s;a[0]===o?(r=a[1],t=a[2],s=a[3]):({className:r,lastItem:t,...s}=o,a[0]=o,a[1]=r,a[2]=t,a[3]=s);let l=t&&"border-b-0",n;a[4]!==r||a[5]!==l?(n=c(l,r),a[4]=r,a[5]=l,a[6]=n):n=a[6];let i;return a[7]!==s||a[8]!==e||a[9]!==n?(i=(0,m.jsx)(B,{ref:e,className:n,...s}),a[7]=s,a[8]=e,a[9]=n,a[10]=i):i=a[10],i});y.displayName="PanelAccordionItem";var v=f.forwardRef((o,e)=>{let a=(0,p.c)(13),r,t,s;a[0]===o?(r=a[1],t=a[2],s=a[3]):({className:t,children:r,...s}=o,a[0]=o,a[1]=r,a[2]=t,a[3]=s);let l;a[4]===t?l=a[5]:(l=c("px-3 py-2 text-xs font-semibold uppercase tracking-wide hover:no-underline",t),a[4]=t,a[5]=l);let n;a[6]===r?n=a[7]:(n=(0,m.jsx)("span",{className:"flex items-center gap-2",children:r}),a[6]=r,a[7]=n);let i;return a[8]!==s||a[9]!==e||a[10]!==l||a[11]!==n?(i=(0,m.jsx)(R,{ref:e,className:l,...s,children:n}),a[8]=s,a[9]=e,a[10]=l,a[11]=n,a[12]=i):i=a[12],i});v.displayName="PanelAccordionTrigger";var g=f.forwardRef((o,e)=>{let a=(0,p.c)(9),r,t;a[0]===o?(r=a[1],t=a[2]):({wrapperClassName:t,...r}=o,a[0]=o,a[1]=r,a[2]=t);let s;a[3]===t?s=a[4]:(s=c("p-0",t),a[3]=t,a[4]=s);let l;return a[5]!==r||a[6]!==e||a[7]!==s?(l=(0,m.jsx)(I,{ref:e,wrapperClassName:s,...r}),a[5]=r,a[6]=e,a[7]=s,a[8]=l):l=a[8],l});g.displayName="PanelAccordionContent";var h=o=>{let e=(0,p.c)(8),a,r;e[0]===o?(a=e[1],r=e[2]):({className:a,...r}=o,e[0]=o,e[1]=a,e[2]=r);let t;e[3]===a?t=e[4]:(t=c("py-0 px-1.5 text-[10px]",a),e[3]=a,e[4]=t);let s;return e[5]!==r||e[6]!==t?(s=(0,m.jsx)(A,{variant:"secondary",className:t,...r}),e[5]=r,e[6]=t,e[7]=s):s=e[7],s};h.displayName="PanelBadge";export{T as a,h as i,y as n,v as r,g as t};

package/dist/assets/documentation-panel-C1QC0dL_.js

@@ -1 +0,0 @@
-import{s as a}from"./chunk-LvLJmgfZ.js";import{u as p}from"./useEvent-O0nX5vok.js";import{t as s}from"./react-Bj1aDYRI.js";import{Ln as l,on as n}from"./cells-Dqou-uie.js";import"./react-dom-CSu739Rf.js";import{t as c}from"./compiler-runtime-B3qBwwSJ.js";import{t as f}from"./jsx-runtime-icT_Ltz2.js";import"./dist-B_cxg-E4.js";import"./cjs-BU2qXMKx.js";import"./main-DrBRErTM.js";import"./useNonce-BtW-rR_1.js";import"./dist-BNC_tnlW.js";import"./dist-CXLJUPFl.js";import"./dist-CQqv2gQL.js";import"./dist-8UD0A5sU.js";import"./dist-apDpadc4.js";import"./session-CXChHxAw.js";import"./Combination-CBJmtdux.js";import"./purify.es-BBn8CPhf.js";import{t as u}from"./RenderHTML-Bp9XY06U.js";import{t as d}from"./empty-state-B_US46Us.js";var x=c();s();var e=a(f(),1),v=()=>{let o=(0,x.c)(5),{documentation:r}=p(n);if(!r){let i;return o[0]===Symbol.for("react.memo_cache_sentinel")?(i=(0,e.jsx)(d,{title:"View docs as you type",description:"Move your text cursor over a symbol to see its documentation.",icon:(0,e.jsx)(l,{})}),o[0]=i):i=o[0],i}let t;o[1]===r?t=o[2]:(t=u({html:r}),o[1]=r,o[2]=t);let m;return o[3]===t?m=o[4]:(m=(0,e.jsx)("div",{className:"p-3 overflow-y-auto overflow-x-hidden h-full docs-documentation flex flex-col gap-4",children:t}),o[3]=t,o[4]=m),m};export{v as default};