@marimo-team/frontend 0.21.1-dev9 → 0.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/dist/assets/{CellStatus-CFRv4Tvd.js → CellStatus-CDSBsjjF.js} +1 -1
  2. package/dist/assets/{Combination-CBJmtdux.js → Combination-Cs9nbinQ.js} +1 -1
  3. package/dist/assets/ConnectedDataExplorerComponent-Buaffg3u.js +1 -0
  4. package/dist/assets/{ErrorBoundary-H5EQrcAX.js → ErrorBoundary-Ba0LbbH4.js} +1 -1
  5. package/dist/assets/{ImperativeModal-CDxa8mJa.js → ImperativeModal-qEtcJ95s.js} +1 -1
  6. package/dist/assets/{JsonOutput-DJukuY6Z.js → JsonOutput-DKXKGKvX.js} +10 -10
  7. package/dist/assets/{LazyAnyLanguageCodeMirror-CrcxjfJR.js → LazyAnyLanguageCodeMirror-m8w66E4s.js} +2 -2
  8. package/dist/assets/{MarimoErrorOutput-zVM0B_Vj.js → MarimoErrorOutput-az74f3Mp.js} +5 -5
  9. package/dist/assets/{RenderHTML-BuMvdWQd.js → RenderHTML-DJ8khuob.js} +1 -1
  10. package/dist/assets/{add-cell-with-ai-BtzUxApq.js → add-cell-with-ai-DUn4LN4W.js} +9 -9
  11. package/dist/assets/{add-connection-dialog-BSsacvzU.js → add-connection-dialog-CBz0AUVX.js} +23 -23
  12. package/dist/assets/{agent-panel-a_m3dm9Y.js → agent-panel-u83dsDsM.js} +3 -3
  13. package/dist/assets/{ai-model-dropdown-CcIreMqb.js → ai-model-dropdown-DPTa_EpU.js} +4 -4
  14. package/dist/assets/{alert-dialog-B31Yst9T.js → alert-dialog-9WfvUF7e.js} +1 -1
  15. package/dist/assets/{any-language-editor-BQW3AtUK.js → any-language-editor-DwQMnAM3.js} +1 -1
  16. package/dist/assets/{app-config-button-D-mROEVq.js → app-config-button-rDu-lCIB.js} +1 -1
  17. package/dist/assets/{assertNever-CTRGz-ul.js → assertNever-DWSyoPEi.js} +1 -1
  18. package/dist/assets/{azure-FFoHMnHA.js → azure-BTXHztTw.js} +1 -1
  19. package/dist/assets/{button-BZAv3veu.js → button-Ej3vmCIF.js} +1 -1
  20. package/dist/assets/{cache-panel-BPbLoq59.js → cache-panel-qIxnndwr.js} +1 -1
  21. package/dist/assets/{capabilities-B1-dYWS8.js → capabilities-D3x_db9Y.js} +1 -1
  22. package/dist/assets/{capitalize-DcpkQwJe.js → capitalize-BfkXNxmI.js} +1 -1
  23. package/dist/assets/{cell-editor-D_RsnX0J.js → cell-editor-DX7IcqNr.js} +13 -13
  24. package/dist/assets/cell-link-Q_UEP94Z.js +1 -0
  25. package/dist/assets/{cells-CAHXVi26.js → cells-fq1RMGX_.js} +53 -53
  26. package/dist/assets/{chat-display-rX-JkJEO.js → chat-display-D_Fuuy6r.js} +1 -1
  27. package/dist/assets/{chat-panel-BudFFybg.js → chat-panel-BO-JoQSp.js} +2 -2
  28. package/dist/assets/{column-preview-Dk_9z2Mw.js → column-preview-WsubyItX.js} +1 -1
  29. package/dist/assets/command-palette-Bez4BqJF.js +1 -0
  30. package/dist/assets/{command-_14PjWun.js → command-rfxSsiHU.js} +1 -1
  31. package/dist/assets/{common-D2sp4A8j.js → common-BYwO983A.js} +1 -1
  32. package/dist/assets/{components-BP1LfBLA.js → components-Bpgzv_5_.js} +1 -1
  33. package/dist/assets/components-Ozq0825a.js +1 -0
  34. package/dist/assets/{config-DeEqZTX7.js → config-3Aq84phF.js} +1 -1
  35. package/dist/assets/context-aware-panel-CfsfBlhO.js +3 -0
  36. package/dist/assets/{copy-B0pTwxmU.js → copy-YwM0Pd7v.js} +1 -1
  37. package/dist/assets/{copy-icon-Ditn6lfU.js → copy-icon-BgmMM9Zg.js} +1 -1
  38. package/dist/assets/{createReducer-DgaMD0B6.js → createReducer-Drh7NmIR.js} +1 -1
  39. package/dist/assets/{datasource-BNXHfowL.js → datasource-F9sJtuof.js} +2 -2
  40. package/dist/assets/{dates-BcvJrESI.js → dates-CHaNfieI.js} +1 -1
  41. package/dist/assets/{dependency-graph-panel-B5Eq3e0f.js → dependency-graph-panel-AOBcX2tP.js} +4 -4
  42. package/dist/assets/{dialog-CyL4o0mA.js → dialog-CVN1lcMF.js} +1 -1
  43. package/dist/assets/{dist-D7GD2EM4.js → dist-BhNN2V5a.js} +1 -1
  44. package/dist/assets/{dist-D98wU_Qc.js → dist-DJBpXGro.js} +1 -1
  45. package/dist/assets/documentation-panel-D28MpqbI.js +1 -0
  46. package/dist/assets/{download-SQhwj_Eq.js → download-B9_ToVd4.js} +3 -3
  47. package/dist/assets/{dropdown-menu-CJ-Wwa2I.js → dropdown-menu-DdPu5Kfu.js} +1 -1
  48. package/dist/assets/{edit-page-qWzJGYd0.js → edit-page-otS-QvnC.js} +7 -7
  49. package/dist/assets/{error-banner-DQBz1e-2.js → error-banner-BRG6IPhC.js} +1 -1
  50. package/dist/assets/{error-panel-DmmjuXRp.js → error-panel-RRoj_iOR.js} +1 -1
  51. package/dist/assets/{es-997LzX0P.js → es-CzkousWe.js} +1 -1
  52. package/dist/assets/{field-qoWy8wEy.js → field-B1jGbQlH.js} +1 -1
  53. package/dist/assets/{file-explorer-panel-DW3BdMFp.js → file-explorer-panel-CB8vF5ob.js} +3 -3
  54. package/dist/assets/{file-icons-xucuZauP.js → file-icons-CWLHDa1J.js} +1 -1
  55. package/dist/assets/{floating-outline-2X-MQKSU.js → floating-outline-BvQKiC0F.js} +1 -1
  56. package/dist/assets/{focus-DaKeoSx6.js → focus-DYwTiH9-.js} +1 -1
  57. package/dist/assets/{form-C5vg9S9o.js → form-CrQYrsUC.js} +2 -2
  58. package/dist/assets/formats-rhOJovGE.js +1 -0
  59. package/dist/assets/{formatting-IErTLHRl.js → formatting-B4ZCH3ol.js} +1 -1
  60. package/dist/assets/{gallery-page-CzYOKRSH.js → gallery-page-eRea0yic.js} +1 -1
  61. package/dist/assets/{glide-data-editor-NQ4lbZ3N.js → glide-data-editor-xt5xNZeV.js} +1 -1
  62. package/dist/assets/{globals-DCdvUAk2.js → globals-BsV5fVR-.js} +1 -1
  63. package/dist/assets/{home-page-4oOWwdL4.js → home-page-itW0tRmv.js} +2 -2
  64. package/dist/assets/{hooks-CZT_TWa2.js → hooks-CHx5dUUq.js} +1 -1
  65. package/dist/assets/{html-to-image-BgHw831z.js → html-to-image-BnSc-Wa0.js} +1 -1
  66. package/dist/assets/{index-CPEieVCj.js → index-0n92c_W7.js} +17 -17
  67. package/dist/assets/{index-CVpJvEAO.css → index-GjXovVsl.css} +1 -1
  68. package/dist/assets/{input-BRZ8bt6P.js → input-CUwqpKjd.js} +1 -1
  69. package/dist/assets/{kiosk-mode-BNqp-cFU.js → kiosk-mode-DNjEnIWb.js} +1 -1
  70. package/dist/assets/{label-SLjr8zzy.js → label-TNNaT1M9.js} +1 -1
  71. package/dist/assets/{layout-52MeytEk.js → layout-CwFtCyW8.js} +4 -4
  72. package/dist/assets/{links-D1lqztbf.js → links-CIQwYQ48.js} +1 -1
  73. package/dist/assets/{logs-panel-dWMS7IIv.js → logs-panel-BU1tNEVc.js} +1 -1
  74. package/dist/assets/{maps-CqKCrVZ8.js → maps-OKerBHH8.js} +1 -1
  75. package/dist/assets/{markdown-renderer-MyhTrUey.js → markdown-renderer-MR9df58W.js} +3 -3
  76. package/dist/assets/{menu-items-Z4F08mfP.js → menu-items-UxKrm8hS.js} +1 -1
  77. package/dist/assets/{mermaid-DkQrVBDR.js → mermaid-Djr3jUAB.js} +1 -1
  78. package/dist/assets/{mode-D_HXqDHH.js → mode-AcL8c6qH.js} +1 -1
  79. package/dist/assets/{multi-map-CJMleYLX.js → multi-map-Pp1P2DOX.js} +1 -1
  80. package/dist/assets/{name-cell-input-CAAR5C2m.js → name-cell-input-DVFEv_aO.js} +1 -1
  81. package/dist/assets/{numbers-aIvy9Kr7.js → numbers-CYnquDho.js} +1 -1
  82. package/dist/assets/{outline-panel-Bmfna9YR.js → outline-panel-CP0oIuiU.js} +1 -1
  83. package/dist/assets/{packages-panel-DKH34NxN.js → packages-panel-CzRELimG.js} +1 -1
  84. package/dist/assets/panels-wTweRyIv.js +1 -0
  85. package/dist/assets/{popover-Du6bDNYH.js → popover-BPGG2gPG.js} +1 -1
  86. package/dist/assets/process-output-CTVsT--B.js +1 -0
  87. package/dist/assets/{readonly-python-code-Dz4GjF9D.js → readonly-python-code-DH-1xZGq.js} +1 -1
  88. package/dist/assets/{renderShortcut-Bgu3XVfT.js → renderShortcut-CnD1Dah5.js} +1 -1
  89. package/dist/assets/run-page-FCvGnICa.js +1 -0
  90. package/dist/assets/{runs-DZ_uu7bP.js → runs-Bhy0tbWr.js} +1 -1
  91. package/dist/assets/scratchpad-panel-k9lrm-rC.js +1 -0
  92. package/dist/assets/{secrets-panel-Ckqi3z-M.js → secrets-panel-B1Z-6dmz.js} +1 -1
  93. package/dist/assets/{select-Ch6m1k2G.js → select-CxT2Geqr.js} +1 -1
  94. package/dist/assets/{session-CXChHxAw.js → session-BrEm7qNv.js} +1 -1
  95. package/dist/assets/session-panel-WhN0qilM.js +1 -0
  96. package/dist/assets/{share-BYioqUE0.js → share-BdH_5I58.js} +1 -1
  97. package/dist/assets/{slides-component-y5hJNJFx.js → slides-component-Brm_TS4x.js} +1 -1
  98. package/dist/assets/snippets-panel-BCDHUuku.js +1 -0
  99. package/dist/assets/{spec-CYMZZDXr.js → spec-DbmSqx09.js} +1 -1
  100. package/dist/assets/{state-CGu0LFDk.js → state-3V5UxC3B.js} +1 -1
  101. package/dist/assets/{state-D59a73JQ.js → state-CBmCYWFH.js} +1 -1
  102. package/dist/assets/{state-Y7yVqxf_.js → state-Ce7CVShi.js} +1 -1
  103. package/dist/assets/{switch-krcK9lRK.js → switch-CVKxYu_0.js} +1 -1
  104. package/dist/assets/{terminal-vzbCncOF.js → terminal-Cr7wbEjz.js} +1 -1
  105. package/dist/assets/{toggle-BiIJZR6-.js → toggle-RCwU-rnE.js} +1 -1
  106. package/dist/assets/{tooltip-CNmaER6z.js → tooltip-D9723Brr.js} +1 -1
  107. package/dist/assets/{tracing-3veLCmCp.js → tracing-DUVd0jtl.js} +1 -1
  108. package/dist/assets/{tracing-panel-KUJifV3W.js → tracing-panel-CuTxPn_x.js} +2 -2
  109. package/dist/assets/{tree-4weMpXk4.js → tree-Ch2-GuhG.js} +1 -1
  110. package/dist/assets/useAddCell-YC7rpcmD.js +1 -0
  111. package/dist/assets/{useBoolean-D8-4no-l.js → useBoolean-m1e6E3Ao.js} +1 -1
  112. package/dist/assets/useCellActionButton-GUb2fXU8.js +1 -0
  113. package/dist/assets/{useDeleteCell-BAuuakkK.js → useDeleteCell-DRUDRiy0.js} +1 -1
  114. package/dist/assets/{useDependencyPanelTab-ClmZIdnO.js → useDependencyPanelTab-nFVMlEx0.js} +1 -1
  115. package/dist/assets/useEventListener-Dy81QR4n.js +1 -0
  116. package/dist/assets/{useIframeCapabilities-DDlGrM1g.js → useIframeCapabilities-DTN9kFDq.js} +1 -1
  117. package/dist/assets/{useInstallPackage-CIJ1-EHx.js → useInstallPackage-C9V-on2J.js} +1 -1
  118. package/dist/assets/{useInterval-D7ibzbpc.js → useInterval-BJucVdV-.js} +1 -1
  119. package/dist/assets/{useLifecycle-CWjBWFMI.js → useLifecycle-DA9DjSPo.js} +1 -1
  120. package/dist/assets/{useNotebookActions-DhmD75et.js → useNotebookActions-ChLHy-0O.js} +1 -1
  121. package/dist/assets/useRunCells-5m6jCnyo.js +1 -0
  122. package/dist/assets/useSplitCell-DGD9smMq.js +1 -0
  123. package/dist/assets/{useTheme-CM9j8dgy.js → useTheme-BYXBU1of.js} +1 -1
  124. package/dist/assets/{tooltip-DLsts-7g.js → utils-CdjCA1J8.js} +3 -3
  125. package/dist/assets/{utils-BvPM6Bro.js → utils-tNbLd14P.js} +1 -1
  126. package/dist/assets/vega-component-CRbeDmeM.js +1 -0
  127. package/dist/assets/{write-secret-modal-VGPgwkTg.js → write-secret-modal-BCvuRAFb.js} +1 -1
  128. package/dist/index.html +76 -76
  129. package/package.json +1 -1
  130. package/src/components/data-table/charts/lazy-chart.tsx +2 -0
  131. package/src/components/data-table/column-summary/column-summary.tsx +1 -0
  132. package/src/components/datasources/column-preview.tsx +1 -0
  133. package/src/components/editor/Output.tsx +2 -0
  134. package/src/components/editor/actions/useCellActionButton.tsx +38 -29
  135. package/src/components/editor/cell/code/cell-editor.tsx +9 -0
  136. package/src/components/editor/chrome/panels/context-aware-panel/context-aware-panel.tsx +6 -0
  137. package/src/components/editor/chrome/wrapper/__tests__/utils.test.ts +35 -0
  138. package/src/components/editor/chrome/wrapper/app-chrome.tsx +12 -14
  139. package/src/components/editor/chrome/wrapper/utils.ts +5 -1
  140. package/src/components/editor/header/status.tsx +19 -11
  141. package/src/components/editor/renderers/grid-layout/grid-layout.tsx +10 -3
  142. package/src/core/cells/cells.ts +6 -0
  143. package/src/core/cells/utils.ts +1 -0
  144. package/src/core/codemirror/__tests__/setup.test.ts +1 -0
  145. package/src/core/codemirror/cells/state.ts +1 -0
  146. package/src/core/codemirror/extensions.ts +20 -0
  147. package/src/core/codemirror/language/utils.ts +16 -1
  148. package/src/core/codemirror/reactive-references/__tests__/analyzer.test.ts +54 -0
  149. package/src/core/codemirror/reactive-references/analyzer.ts +14 -0
  150. package/src/core/hotkeys/hotkeys.ts +8 -0
  151. package/src/css/md.css +4 -0
  152. package/src/plugins/impl/data-explorer/ConnectedDataExplorerComponent.tsx +6 -3
  153. package/src/plugins/impl/vega/__tests__/utils.test.ts +36 -0
  154. package/src/plugins/impl/vega/utils.ts +14 -0
  155. package/src/plugins/impl/vega/vega-component.tsx +6 -7
  156. package/src/plugins/impl/vega/vega.css +1 -1
  157. package/dist/assets/ConnectedDataExplorerComponent-BrZvYzEX.js +0 -1
  158. package/dist/assets/cell-link-BjgRgErj.js +0 -1
  159. package/dist/assets/command-palette-NBOgLsWz.js +0 -1
  160. package/dist/assets/components-Wzn4JDkV.js +0 -1
  161. package/dist/assets/context-aware-panel--8JnQtYo.js +0 -3
  162. package/dist/assets/documentation-panel-DLE-AkPt.js +0 -1
  163. package/dist/assets/formats-CmvHepzl.js +0 -1
  164. package/dist/assets/panels-jo8u0sPM.js +0 -1
  165. package/dist/assets/process-output-B2kGZ_VU.js +0 -1
  166. package/dist/assets/run-page-DQIGlYAL.js +0 -1
  167. package/dist/assets/scratchpad-panel-ClYOgTQp.js +0 -1
  168. package/dist/assets/session-panel-BYjloSxn.js +0 -1
  169. package/dist/assets/snippets-panel-C0yfvEEg.js +0 -1
  170. package/dist/assets/useAddCell-_oR2xY1x.js +0 -1
  171. package/dist/assets/useCellActionButton-DNIW0rqj.js +0 -1
  172. package/dist/assets/useEventListener-BGihH8bs.js +0 -1
  173. package/dist/assets/useRunCells-BOsp_Hau.js +0 -1
  174. package/dist/assets/useSplitCell-DfYEUeyE.js +0 -1
  175. package/dist/assets/vega-component-D3vsTtly.js +0 -1
package/dist/index.html CHANGED
@@ -66,7 +66,7 @@
66
66
  <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
67
67
  <!-- /TODO -->
68
68
  <title>{{ title }}</title>
69
- <script type="module" crossorigin src="./assets/index-CPEieVCj.js"></script>
69
+ <script type="module" crossorigin src="./assets/index-0n92c_W7.js"></script>
70
70
  <link rel="modulepreload" crossorigin href="./assets/preload-helper-BW0IMuFq.js">
71
71
  <link rel="modulepreload" crossorigin href="./assets/clsx-BDxNtGmi.js">
72
72
  <link rel="modulepreload" crossorigin href="./assets/cn-BoaCR37F.js">
@@ -75,17 +75,17 @@
75
75
  <link rel="modulepreload" crossorigin href="./assets/compiler-runtime-B3qBwwSJ.js">
76
76
  <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-icT_Ltz2.js">
77
77
  <link rel="modulepreload" crossorigin href="./assets/badge-hTpPIsMT.js">
78
- <link rel="modulepreload" crossorigin href="./assets/useEventListener-BGihH8bs.js">
79
- <link rel="modulepreload" crossorigin href="./assets/button-BZAv3veu.js">
78
+ <link rel="modulepreload" crossorigin href="./assets/useEventListener-Dy81QR4n.js">
79
+ <link rel="modulepreload" crossorigin href="./assets/button-Ej3vmCIF.js">
80
80
  <link rel="modulepreload" crossorigin href="./assets/react-dom-CSu739Rf.js">
81
- <link rel="modulepreload" crossorigin href="./assets/Combination-CBJmtdux.js">
82
- <link rel="modulepreload" crossorigin href="./assets/menu-items-Z4F08mfP.js">
83
- <link rel="modulepreload" crossorigin href="./assets/dist-D98wU_Qc.js">
81
+ <link rel="modulepreload" crossorigin href="./assets/Combination-Cs9nbinQ.js">
82
+ <link rel="modulepreload" crossorigin href="./assets/menu-items-UxKrm8hS.js">
83
+ <link rel="modulepreload" crossorigin href="./assets/dist-DJBpXGro.js">
84
84
  <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-Cm-Z7dYr.js">
85
85
  <link rel="modulepreload" crossorigin href="./assets/check-BE0hEwVo.js">
86
86
  <link rel="modulepreload" crossorigin href="./assets/x-BI1M8X_v.js">
87
- <link rel="modulepreload" crossorigin href="./assets/select-Ch6m1k2G.js">
88
- <link rel="modulepreload" crossorigin href="./assets/tooltip-CNmaER6z.js">
87
+ <link rel="modulepreload" crossorigin href="./assets/select-CxT2Geqr.js">
88
+ <link rel="modulepreload" crossorigin href="./assets/tooltip-D9723Brr.js">
89
89
  <link rel="modulepreload" crossorigin href="./assets/use-toast-Hc8CXlvz.js">
90
90
  <link rel="modulepreload" crossorigin href="./assets/_Uint8Array-C0aUZfE0.js">
91
91
  <link rel="modulepreload" crossorigin href="./assets/_baseIsEqual-EYp9AUJI.js">
@@ -94,26 +94,26 @@
94
94
  <link rel="modulepreload" crossorigin href="./assets/isArrayLikeObject-Dx6-QZGQ.js">
95
95
  <link rel="modulepreload" crossorigin href="./assets/merge-CfcLlFFp.js">
96
96
  <link rel="modulepreload" crossorigin href="./assets/zod-H_cgTO0M.js">
97
- <link rel="modulepreload" crossorigin href="./assets/utils-BvPM6Bro.js">
97
+ <link rel="modulepreload" crossorigin href="./assets/utils-tNbLd14P.js">
98
98
  <link rel="modulepreload" crossorigin href="./assets/Deferred-BMfCOLaw.js">
99
99
  <link rel="modulepreload" crossorigin href="./assets/uuid-ClFZlR7U.js">
100
100
  <link rel="modulepreload" crossorigin href="./assets/DeferredRequestRegistry-O6RDJKs0.js">
101
101
  <link rel="modulepreload" crossorigin href="./assets/constants-Rz_lD4HK.js">
102
- <link rel="modulepreload" crossorigin href="./assets/session-CXChHxAw.js">
103
- <link rel="modulepreload" crossorigin href="./assets/config-DeEqZTX7.js">
102
+ <link rel="modulepreload" crossorigin href="./assets/session-BrEm7qNv.js">
103
+ <link rel="modulepreload" crossorigin href="./assets/config-3Aq84phF.js">
104
104
  <link rel="modulepreload" crossorigin href="./assets/requests-Bgjtqo_1.js">
105
105
  <link rel="modulepreload" crossorigin href="./assets/isSymbol-CiGN2w5X.js">
106
106
  <link rel="modulepreload" crossorigin href="./assets/toString-lmrYznmk.js">
107
107
  <link rel="modulepreload" crossorigin href="./assets/_baseSlice-39dTX4Wi.js">
108
108
  <link rel="modulepreload" crossorigin href="./assets/_hasUnicode-QS_pSfjY.js">
109
- <link rel="modulepreload" crossorigin href="./assets/assertNever-CTRGz-ul.js">
109
+ <link rel="modulepreload" crossorigin href="./assets/assertNever-DWSyoPEi.js">
110
110
  <link rel="modulepreload" crossorigin href="./assets/_arrayReduce-BKEr35uH.js">
111
- <link rel="modulepreload" crossorigin href="./assets/useLifecycle-CWjBWFMI.js">
111
+ <link rel="modulepreload" crossorigin href="./assets/useLifecycle-DA9DjSPo.js">
112
112
  <link rel="modulepreload" crossorigin href="./assets/useNonce-BtW-rR_1.js">
113
- <link rel="modulepreload" crossorigin href="./assets/useTheme-CM9j8dgy.js">
113
+ <link rel="modulepreload" crossorigin href="./assets/useTheme-BYXBU1of.js">
114
114
  <link rel="modulepreload" crossorigin href="./assets/once-CJOnx12W.js">
115
- <link rel="modulepreload" crossorigin href="./assets/capabilities-B1-dYWS8.js">
116
- <link rel="modulepreload" crossorigin href="./assets/createReducer-DgaMD0B6.js">
115
+ <link rel="modulepreload" crossorigin href="./assets/capabilities-D3x_db9Y.js">
116
+ <link rel="modulepreload" crossorigin href="./assets/createReducer-Drh7NmIR.js">
117
117
  <link rel="modulepreload" crossorigin href="./assets/paths-D2lG83Oh.js">
118
118
  <link rel="modulepreload" crossorigin href="./assets/dist-B_cxg-E4.js">
119
119
  <link rel="modulepreload" crossorigin href="./assets/dist-D0Vj4Kqc.js">
@@ -134,119 +134,119 @@
134
134
  <link rel="modulepreload" crossorigin href="./assets/toInteger-CO3ppIfA.js">
135
135
  <link rel="modulepreload" crossorigin href="./assets/database-zap-DTWCDKdn.js">
136
136
  <link rel="modulepreload" crossorigin href="./assets/main-DrBRErTM.js">
137
- <link rel="modulepreload" crossorigin href="./assets/cells-CAHXVi26.js">
137
+ <link rel="modulepreload" crossorigin href="./assets/cells-fq1RMGX_.js">
138
138
  <link rel="modulepreload" crossorigin href="./assets/spinner-C5JoisA7.js">
139
139
  <link rel="modulepreload" crossorigin href="./assets/chevron-right-D0GQBpTb.js">
140
- <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-CJ-Wwa2I.js">
140
+ <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-DdPu5Kfu.js">
141
141
  <link rel="modulepreload" crossorigin href="./assets/kbd-DvKpAc6K.js">
142
- <link rel="modulepreload" crossorigin href="./assets/renderShortcut-Bgu3XVfT.js">
143
- <link rel="modulepreload" crossorigin href="./assets/multi-map-CJMleYLX.js">
142
+ <link rel="modulepreload" crossorigin href="./assets/renderShortcut-CnD1Dah5.js">
143
+ <link rel="modulepreload" crossorigin href="./assets/multi-map-Pp1P2DOX.js">
144
144
  <link rel="modulepreload" crossorigin href="./assets/alert-OQZHipbB.js">
145
145
  <link rel="modulepreload" crossorigin href="./assets/card-C-c-4jyF.js">
146
- <link rel="modulepreload" crossorigin href="./assets/alert-dialog-B31Yst9T.js">
147
- <link rel="modulepreload" crossorigin href="./assets/dialog-CyL4o0mA.js">
148
- <link rel="modulepreload" crossorigin href="./assets/dist-D7GD2EM4.js">
149
- <link rel="modulepreload" crossorigin href="./assets/label-SLjr8zzy.js">
146
+ <link rel="modulepreload" crossorigin href="./assets/alert-dialog-9WfvUF7e.js">
147
+ <link rel="modulepreload" crossorigin href="./assets/dialog-CVN1lcMF.js">
148
+ <link rel="modulepreload" crossorigin href="./assets/dist-BhNN2V5a.js">
149
+ <link rel="modulepreload" crossorigin href="./assets/label-TNNaT1M9.js">
150
150
  <link rel="modulepreload" crossorigin href="./assets/useDebounce-B0dx2Gp0.js">
151
- <link rel="modulepreload" crossorigin href="./assets/azure-FFoHMnHA.js">
152
- <link rel="modulepreload" crossorigin href="./assets/numbers-aIvy9Kr7.js">
151
+ <link rel="modulepreload" crossorigin href="./assets/azure-BTXHztTw.js">
152
+ <link rel="modulepreload" crossorigin href="./assets/numbers-CYnquDho.js">
153
153
  <link rel="modulepreload" crossorigin href="./assets/SSRProvider-DC7ElCZZ.js">
154
154
  <link rel="modulepreload" crossorigin href="./assets/context-CIAP2NOh.js">
155
155
  <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-DbDKSvEd.js">
156
156
  <link rel="modulepreload" crossorigin href="./assets/usePress-BHGkpw8X.js">
157
- <link rel="modulepreload" crossorigin href="./assets/input-BRZ8bt6P.js">
157
+ <link rel="modulepreload" crossorigin href="./assets/input-CUwqpKjd.js">
158
158
  <link rel="modulepreload" crossorigin href="./assets/links-DzgPOFJ-.js">
159
- <link rel="modulepreload" crossorigin href="./assets/popover-Du6bDNYH.js">
160
- <link rel="modulepreload" crossorigin href="./assets/switch-krcK9lRK.js">
159
+ <link rel="modulepreload" crossorigin href="./assets/popover-BPGG2gPG.js">
160
+ <link rel="modulepreload" crossorigin href="./assets/switch-CVKxYu_0.js">
161
161
  <link rel="modulepreload" crossorigin href="./assets/table-BhH-Mm8O.js">
162
- <link rel="modulepreload" crossorigin href="./assets/mode-D_HXqDHH.js">
162
+ <link rel="modulepreload" crossorigin href="./assets/mode-AcL8c6qH.js">
163
163
  <link rel="modulepreload" crossorigin href="./assets/useAsyncData-D-4ifFXh.js">
164
164
  <link rel="modulepreload" crossorigin href="./assets/errors-Bfogio62.js">
165
- <link rel="modulepreload" crossorigin href="./assets/error-banner-DQBz1e-2.js">
166
- <link rel="modulepreload" crossorigin href="./assets/copy-B0pTwxmU.js">
165
+ <link rel="modulepreload" crossorigin href="./assets/error-banner-BRG6IPhC.js">
166
+ <link rel="modulepreload" crossorigin href="./assets/copy-YwM0Pd7v.js">
167
167
  <link rel="modulepreload" crossorigin href="./assets/memoize-Bw1ifb7c.js">
168
168
  <link rel="modulepreload" crossorigin href="./assets/get-DBdMgUNq.js">
169
- <link rel="modulepreload" crossorigin href="./assets/capitalize-DcpkQwJe.js">
169
+ <link rel="modulepreload" crossorigin href="./assets/capitalize-BfkXNxmI.js">
170
170
  <link rel="modulepreload" crossorigin href="./assets/copy-CkudG0Ej.js">
171
171
  <link rel="modulepreload" crossorigin href="./assets/plus-dVmh0yTy.js">
172
172
  <link rel="modulepreload" crossorigin href="./assets/refresh-cw-CHAHPgkx.js">
173
173
  <link rel="modulepreload" crossorigin href="./assets/trash-2-CAoNMkjq.js">
174
174
  <link rel="modulepreload" crossorigin href="./assets/triangle-alert-qZo1ox6x.js">
175
- <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-CcIreMqb.js">
175
+ <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-DPTa_EpU.js">
176
176
  <link rel="modulepreload" crossorigin href="./assets/defaultLocale-OkOxlkkM.js">
177
177
  <link rel="modulepreload" crossorigin href="./assets/precisionRound-BOmLQIKI.js">
178
178
  <link rel="modulepreload" crossorigin href="./assets/defaultLocale-DK1MWd7f.js">
179
179
  <link rel="modulepreload" crossorigin href="./assets/vega-loader.browser-CZV6_g2i.js">
180
- <link rel="modulepreload" crossorigin href="./assets/tooltip-DLsts-7g.js">
181
- <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-H5EQrcAX.js">
182
- <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-CIJ1-EHx.js">
183
- <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-CDxa8mJa.js">
184
- <link rel="modulepreload" crossorigin href="./assets/cell-link-BjgRgErj.js">
185
- <link rel="modulepreload" crossorigin href="./assets/datasource-BNXHfowL.js">
186
- <link rel="modulepreload" crossorigin href="./assets/state-CGu0LFDk.js">
187
- <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-zVM0B_Vj.js">
188
- <link rel="modulepreload" crossorigin href="./assets/copy-icon-Ditn6lfU.js">
189
- <link rel="modulepreload" crossorigin href="./assets/html-to-image-BgHw831z.js">
190
- <link rel="modulepreload" crossorigin href="./assets/focus-DaKeoSx6.js">
191
- <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-CrcxjfJR.js">
180
+ <link rel="modulepreload" crossorigin href="./assets/utils-CdjCA1J8.js">
181
+ <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-Ba0LbbH4.js">
182
+ <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-C9V-on2J.js">
183
+ <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-qEtcJ95s.js">
184
+ <link rel="modulepreload" crossorigin href="./assets/cell-link-Q_UEP94Z.js">
185
+ <link rel="modulepreload" crossorigin href="./assets/datasource-F9sJtuof.js">
186
+ <link rel="modulepreload" crossorigin href="./assets/state-3V5UxC3B.js">
187
+ <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-az74f3Mp.js">
188
+ <link rel="modulepreload" crossorigin href="./assets/copy-icon-BgmMM9Zg.js">
189
+ <link rel="modulepreload" crossorigin href="./assets/html-to-image-BnSc-Wa0.js">
190
+ <link rel="modulepreload" crossorigin href="./assets/focus-DYwTiH9-.js">
191
+ <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-m8w66E4s.js">
192
192
  <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-CM1a_K7I.js">
193
193
  <link rel="modulepreload" crossorigin href="./assets/katex-rvFxOCU-.js">
194
- <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-MyhTrUey.js">
195
- <link rel="modulepreload" crossorigin href="./assets/command-_14PjWun.js">
196
- <link rel="modulepreload" crossorigin href="./assets/download-SQhwj_Eq.js">
197
- <link rel="modulepreload" crossorigin href="./assets/useRunCells-BOsp_Hau.js">
198
- <link rel="modulepreload" crossorigin href="./assets/RenderHTML-BuMvdWQd.js">
199
- <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-DDlGrM1g.js">
200
- <link rel="modulepreload" crossorigin href="./assets/formats-CmvHepzl.js">
194
+ <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-MR9df58W.js">
195
+ <link rel="modulepreload" crossorigin href="./assets/command-rfxSsiHU.js">
196
+ <link rel="modulepreload" crossorigin href="./assets/download-B9_ToVd4.js">
197
+ <link rel="modulepreload" crossorigin href="./assets/useRunCells-5m6jCnyo.js">
198
+ <link rel="modulepreload" crossorigin href="./assets/RenderHTML-DJ8khuob.js">
199
+ <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-DTN9kFDq.js">
200
+ <link rel="modulepreload" crossorigin href="./assets/formats-rhOJovGE.js">
201
201
  <link rel="modulepreload" crossorigin href="./assets/en-US-BO8E69bZ.js">
202
202
  <link rel="modulepreload" crossorigin href="./assets/isValid-BGe7pJXT.js">
203
- <link rel="modulepreload" crossorigin href="./assets/dates-BcvJrESI.js">
204
- <link rel="modulepreload" crossorigin href="./assets/maps-CqKCrVZ8.js">
203
+ <link rel="modulepreload" crossorigin href="./assets/dates-CHaNfieI.js">
204
+ <link rel="modulepreload" crossorigin href="./assets/maps-OKerBHH8.js">
205
205
  <link rel="modulepreload" crossorigin href="./assets/extends-DRbCSry7.js">
206
206
  <link rel="modulepreload" crossorigin href="./assets/emotion-is-prop-valid.esm-D1keIaYa.js">
207
207
  <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-CpE7XQLs.js">
208
208
  <link rel="modulepreload" crossorigin href="./assets/range-CJeRXUtp.js">
209
209
  <link rel="modulepreload" crossorigin href="./assets/table-BCnp9gKC.js">
210
- <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DJukuY6Z.js">
211
- <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-BAuuakkK.js">
210
+ <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DKXKGKvX.js">
211
+ <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-DRUDRiy0.js">
212
212
  <link rel="modulepreload" crossorigin href="./assets/icons-CrUXojcA.js">
213
- <link rel="modulepreload" crossorigin href="./assets/process-output-B2kGZ_VU.js">
213
+ <link rel="modulepreload" crossorigin href="./assets/process-output-CTVsT--B.js">
214
214
  <link rel="modulepreload" crossorigin href="./assets/blob-CObhN-9g.js">
215
215
  <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-DP4vAkvg.js">
216
216
  <link rel="modulepreload" crossorigin href="./assets/esm-CBkHtTOV.js">
217
217
  <link rel="modulepreload" crossorigin href="./assets/file-DzHkbIdO.js">
218
218
  <link rel="modulepreload" crossorigin href="./assets/image-DXfkah9d.js">
219
219
  <link rel="modulepreload" crossorigin href="./assets/play-DKSqmedg.js">
220
- <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-BtzUxApq.js">
220
+ <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-DUn4LN4W.js">
221
221
  <link rel="modulepreload" crossorigin href="./assets/isEmpty-CfmnKtgL.js">
222
222
  <link rel="modulepreload" crossorigin href="./assets/bot-message-square-CK6eoGWy.js">
223
- <link rel="modulepreload" crossorigin href="./assets/chat-display-rX-JkJEO.js">
223
+ <link rel="modulepreload" crossorigin href="./assets/chat-display-D_Fuuy6r.js">
224
224
  <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-DV8gdCvH.js">
225
225
  <link rel="modulepreload" crossorigin href="./assets/square-function-B006EYFX.js">
226
- <link rel="modulepreload" crossorigin href="./assets/spec-CYMZZDXr.js">
226
+ <link rel="modulepreload" crossorigin href="./assets/spec-DbmSqx09.js">
227
227
  <link rel="modulepreload" crossorigin href="./assets/ellipsis-vertical-CAB7tdza.js">
228
- <link rel="modulepreload" crossorigin href="./assets/components-BP1LfBLA.js">
229
- <link rel="modulepreload" crossorigin href="./assets/column-preview-Dk_9z2Mw.js">
230
- <link rel="modulepreload" crossorigin href="./assets/toggle-BiIJZR6-.js">
231
- <link rel="modulepreload" crossorigin href="./assets/globals-DCdvUAk2.js">
232
- <link rel="modulepreload" crossorigin href="./assets/share-BYioqUE0.js">
228
+ <link rel="modulepreload" crossorigin href="./assets/components-Bpgzv_5_.js">
229
+ <link rel="modulepreload" crossorigin href="./assets/column-preview-WsubyItX.js">
230
+ <link rel="modulepreload" crossorigin href="./assets/toggle-RCwU-rnE.js">
231
+ <link rel="modulepreload" crossorigin href="./assets/globals-BsV5fVR-.js">
232
+ <link rel="modulepreload" crossorigin href="./assets/share-BdH_5I58.js">
233
233
  <link rel="modulepreload" crossorigin href="./assets/_baseSet-D5BgdrnX.js">
234
234
  <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-DDRqG5ui.js">
235
- <link rel="modulepreload" crossorigin href="./assets/context-aware-panel--8JnQtYo.js">
236
- <link rel="modulepreload" crossorigin href="./assets/floating-outline-2X-MQKSU.js">
237
- <link rel="modulepreload" crossorigin href="./assets/useAddCell-_oR2xY1x.js">
235
+ <link rel="modulepreload" crossorigin href="./assets/context-aware-panel-CfsfBlhO.js">
236
+ <link rel="modulepreload" crossorigin href="./assets/floating-outline-BvQKiC0F.js">
237
+ <link rel="modulepreload" crossorigin href="./assets/useAddCell-YC7rpcmD.js">
238
238
  <link rel="modulepreload" crossorigin href="./assets/eye-off-vwi9L975.js">
239
- <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-Dz4GjF9D.js">
239
+ <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-DH-1xZGq.js">
240
240
  <link rel="modulepreload" crossorigin href="./assets/file-headphone-B5q2Ow55.js">
241
- <link rel="modulepreload" crossorigin href="./assets/file-icons-xucuZauP.js">
241
+ <link rel="modulepreload" crossorigin href="./assets/file-icons-CWLHDa1J.js">
242
242
  <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-DLpfIr8v.js">
243
- <link rel="modulepreload" crossorigin href="./assets/form-C5vg9S9o.js">
244
- <link rel="modulepreload" crossorigin href="./assets/field-qoWy8wEy.js">
245
- <link rel="modulepreload" crossorigin href="./assets/useBoolean-D8-4no-l.js">
243
+ <link rel="modulepreload" crossorigin href="./assets/form-CrQYrsUC.js">
244
+ <link rel="modulepreload" crossorigin href="./assets/field-B1jGbQlH.js">
245
+ <link rel="modulepreload" crossorigin href="./assets/useBoolean-m1e6E3Ao.js">
246
246
  <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-yyiB9aJX.js">
247
247
  <link rel="modulepreload" crossorigin href="./assets/types-C1RN112u.js">
248
248
  <link rel="modulepreload" crossorigin href="./assets/prop-types-RrUi-pOT.js">
249
- <link rel="modulepreload" crossorigin href="./assets/es-997LzX0P.js">
249
+ <link rel="modulepreload" crossorigin href="./assets/es-CzkousWe.js">
250
250
  <link rel="modulepreload" crossorigin href="./assets/hasIn-Bx4-SO9M.js">
251
251
  <link rel="modulepreload" crossorigin href="./assets/_baseFlatten-Be7p_si8.js">
252
252
  <link rel="modulepreload" crossorigin href="./assets/_basePickBy-Ck7z0-tq.js">
@@ -259,7 +259,7 @@
259
259
  <link rel="stylesheet" crossorigin href="./assets/cells-jmgGt1lS.css">
260
260
  <link rel="stylesheet" crossorigin href="./assets/markdown-renderer-DdDKmWlR.css">
261
261
  <link rel="stylesheet" crossorigin href="./assets/JsonOutput-B7vuddcd.css">
262
- <link rel="stylesheet" crossorigin href="./assets/index-CVpJvEAO.css">
262
+ <link rel="stylesheet" crossorigin href="./assets/index-GjXovVsl.css">
263
263
  </head>
264
264
  <body>
265
265
  <div id="root"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marimo-team/frontend",
3
- "version": "0.21.1-dev9",
3
+ "version": "0.21.1",
4
4
  "main": "dist/main.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "type": "module",
@@ -4,6 +4,7 @@ import React from "react";
4
4
  import type { TopLevelSpec } from "vega-lite";
5
5
  import { LazyVegaEmbed } from "@/components/charts/lazy";
6
6
  import { tooltipHandler } from "@/components/charts/tooltip";
7
+ import { getContainerWidth } from "@/plugins/impl/vega/utils";
7
8
  import { useTheme } from "@/theme/useTheme";
8
9
  import type { ErrorMessage } from "./chart-spec/spec";
9
10
  import { augmentSpecWithData } from "./chart-spec/spec";
@@ -30,6 +31,7 @@ export const LazyChart: React.FC<{
30
31
  <React.Suspense fallback={<LoadingChart />}>
31
32
  <LazyVegaEmbed
32
33
  spec={spec}
34
+ data-container-width={getContainerWidth(spec)}
33
35
  options={{
34
36
  theme: theme === "dark" ? "dark" : undefined,
35
37
  height: height,
@@ -45,6 +45,7 @@ export const TableColumnSummary = <TData, TValue>({
45
45
  <Suspense fallback={skeleton}>
46
46
  <LazyVegaEmbed
47
47
  spec={spec}
48
+ data-container-width="container"
48
49
  options={{
49
50
  width: 80,
50
51
  height: 30,
@@ -224,6 +224,7 @@ export function renderChart(chartSpec: string, theme: Theme) {
224
224
  return (
225
225
  <Suspense fallback={LoadingChart}>
226
226
  <LazyVegaEmbed
227
+ data-container-width="container"
227
228
  spec={updateSpec(JSON.parse(chartSpec) as TopLevelFacetedUnitSpec)}
228
229
  options={{
229
230
  theme: theme === "dark" ? "dark" : "vox",
@@ -27,6 +27,7 @@ import { useOverflowDetection } from "@/hooks/useOverflowDetection";
27
27
  import { renderHTML } from "@/plugins/core/RenderHTML";
28
28
  import { Banner } from "@/plugins/impl/common/error-banner";
29
29
  import type { TopLevelFacetedUnitSpec } from "@/plugins/impl/data-explorer/queries/types";
30
+ import { getContainerWidth } from "@/plugins/impl/vega/utils";
30
31
  import { useTheme } from "@/theme/useTheme";
31
32
  import { Events } from "@/utils/events";
32
33
  import { invariant } from "@/utils/invariant";
@@ -205,6 +206,7 @@ export const OutputRenderer: React.FC<{
205
206
  <Suspense fallback={<ChartLoadingState />}>
206
207
  <LazyVegaEmbed
207
208
  spec={parsedJsonData as TopLevelFacetedUnitSpec}
209
+ data-container-width={getContainerWidth(parsedJsonData)}
208
210
  options={{
209
211
  theme: theme === "dark" ? "dark" : undefined,
210
212
  mode: "vega-lite",
@@ -41,7 +41,10 @@ import { hasOnlyOneCellAtom, useCellActions } from "@/core/cells/cells";
41
41
  import { type CellId, SETUP_CELL_ID } from "@/core/cells/ids";
42
42
  import type { CellData } from "@/core/cells/types";
43
43
  import { formatEditorViews } from "@/core/codemirror/format";
44
- import { toggleToLanguage } from "@/core/codemirror/language/commands";
44
+ import {
45
+ getCurrentLanguageAdapter,
46
+ toggleToLanguage,
47
+ } from "@/core/codemirror/language/commands";
45
48
  import { switchLanguage } from "@/core/codemirror/language/extension";
46
49
  import { MARKDOWN_INITIAL_HIDE_CODE } from "@/core/codemirror/language/languages/markdown";
47
50
  import {
@@ -235,35 +238,41 @@ export function useCellActionButtons({ cell, closePopover }: Props) {
235
238
  },
236
239
  hidden: isSetupCell,
237
240
  },
238
- {
239
- icon: <DatabaseIcon size={13} strokeWidth={1.5} />,
240
- label: "Convert to SQL",
241
- handle: () => {
242
- const editorView = getEditorView();
243
- if (!editorView) {
244
- return;
241
+ // We need to check this here because the user may have toggled the language
242
+ getCurrentLanguageAdapter(getEditorView()) === "sql"
243
+ ? {
244
+ icon: <PythonIcon />,
245
+ label: "View as Python",
246
+ hotkey: "cell.viewAsSQL",
247
+ handle: () => {
248
+ const editorView = getEditorView();
249
+ if (!editorView) {
250
+ return;
251
+ }
252
+ toggleToLanguage(editorView, "python", { force: true });
253
+ },
254
+ hidden: isSetupCell,
245
255
  }
246
- maybeAddMarimoImport({ autoInstantiate, createNewCell: createCell });
247
- switchLanguage(editorView, {
248
- language: "sql",
249
- keepCodeAsIs: false,
250
- });
251
- },
252
- hidden: isSetupCell,
253
- },
254
- {
255
- icon: <PythonIcon />,
256
- label: "Toggle as Python",
257
- handle: () => {
258
- const editorView = getEditorView();
259
- if (!editorView) {
260
- return;
261
- }
262
- maybeAddMarimoImport({ autoInstantiate, createNewCell: createCell });
263
- toggleToLanguage(editorView, "python", { force: true });
264
- },
265
- hidden: isSetupCell,
266
- },
256
+ : {
257
+ icon: <DatabaseIcon size={13} strokeWidth={1.5} />,
258
+ label: "Convert to SQL",
259
+ hotkey: "cell.viewAsSQL",
260
+ handle: () => {
261
+ const editorView = getEditorView();
262
+ if (!editorView) {
263
+ return;
264
+ }
265
+ maybeAddMarimoImport({
266
+ autoInstantiate,
267
+ createNewCell: createCell,
268
+ });
269
+ switchLanguage(editorView, {
270
+ language: "sql",
271
+ keepCodeAsIs: false,
272
+ });
273
+ },
274
+ hidden: isSetupCell,
275
+ },
267
276
  ],
268
277
 
269
278
  // Movement
@@ -163,6 +163,13 @@ const CellEditorInternal = ({
163
163
  }
164
164
  });
165
165
 
166
+ const afterToggleSQL = useEvent(() => {
167
+ maybeAddMarimoImport({
168
+ autoInstantiate,
169
+ createNewCell: cellActions.createNewCell,
170
+ });
171
+ });
172
+
166
173
  const aiEnabled = isAiEnabled(userConfig);
167
174
 
168
175
  const extensions = useMemo(() => {
@@ -173,6 +180,7 @@ const CellEditorInternal = ({
173
180
  cellActions: {
174
181
  ...cellActions,
175
182
  afterToggleMarkdown,
183
+ afterToggleSQL,
176
184
  onRun: handleRunCell,
177
185
  deleteCell: handleDelete,
178
186
  saveNotebook: saveOrNameNotebook,
@@ -267,6 +275,7 @@ const CellEditorInternal = ({
267
275
  handleRunCell,
268
276
  setAiCompletionCell,
269
277
  afterToggleMarkdown,
278
+ afterToggleSQL,
270
279
  setLanguageAdapter,
271
280
  showHiddenCode,
272
281
  saveOrNameNotebook,
@@ -5,6 +5,7 @@ import { useAtom } from "jotai";
5
5
  import { CrosshairIcon, PinIcon, PinOffIcon, XIcon } from "lucide-react";
6
6
  import type { PropsWithChildren } from "react";
7
7
  import { Panel, PanelResizeHandle } from "react-resizable-panels";
8
+ import { raf2 } from "@/components/editor/navigation/focus-utils";
8
9
  import { Button } from "@/components/ui/button";
9
10
  import { Toggle } from "@/components/ui/toggle";
10
11
  import { Tooltip } from "@/components/ui/tooltip";
@@ -151,6 +152,11 @@ const ResizableComponent = ({ children }: ResizableComponentProps) => {
151
152
  startingWidth: 400,
152
153
  minWidth: 300,
153
154
  maxWidth: 1500,
155
+ onResize: () => {
156
+ raf2(() => {
157
+ window.dispatchEvent(new Event("resize"));
158
+ });
159
+ },
154
160
  });
155
161
 
156
162
  return (
@@ -0,0 +1,35 @@
1
+ /* Copyright 2026 Marimo. All rights reserved. */
2
+
3
+ import { describe, expect, it, vi } from "vitest";
4
+ import { handleDragging } from "../utils";
5
+
6
+ describe("handleDragging", () => {
7
+ it("should dispatch a resize event after dragging ends", async () => {
8
+ const listener = vi.fn();
9
+ window.addEventListener("resize", listener);
10
+
11
+ handleDragging(false);
12
+
13
+ // raf2: wait two animation frames
14
+ await new Promise((resolve) => requestAnimationFrame(resolve));
15
+ await new Promise((resolve) => requestAnimationFrame(resolve));
16
+
17
+ expect(listener).toHaveBeenCalledTimes(1);
18
+
19
+ window.removeEventListener("resize", listener);
20
+ });
21
+
22
+ it("should not dispatch a resize event while dragging", async () => {
23
+ const listener = vi.fn();
24
+ window.addEventListener("resize", listener);
25
+
26
+ handleDragging(true);
27
+
28
+ await new Promise((resolve) => requestAnimationFrame(resolve));
29
+ await new Promise((resolve) => requestAnimationFrame(resolve));
30
+
31
+ expect(listener).not.toHaveBeenCalled();
32
+
33
+ window.removeEventListener("resize", listener);
34
+ });
35
+ });
@@ -17,6 +17,7 @@ import "./app-chrome.css";
17
17
  import { TooltipProvider } from "@radix-ui/react-tooltip";
18
18
  import { useAtom, useAtomValue } from "jotai";
19
19
  import { XIcon } from "lucide-react";
20
+ import useEvent from "react-use-event-hook";
20
21
  import { Button } from "@/components/ui/button";
21
22
  import { ReorderableList } from "@/components/ui/reorderable-list";
22
23
  import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
@@ -26,6 +27,7 @@ import { capabilitiesAtom } from "@/core/config/capabilities";
26
27
  import { getFeatureFlag } from "@/core/config/feature-flag";
27
28
  import { cn } from "@/utils/cn";
28
29
  import { ErrorBoundary } from "../../boundary/ErrorBoundary";
30
+ import { raf2 } from "../../navigation/focus-utils";
29
31
  import { ContextAwarePanel } from "../panels/context-aware-panel/context-aware-panel";
30
32
  import { PanelSectionProvider } from "../panels/panel-context";
31
33
  import { panelLayoutAtom, useChromeActions, useChromeState } from "../state";
@@ -147,6 +149,14 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
147
149
  });
148
150
  }, [panelLayout.sidebar, capabilities]);
149
151
 
152
+ const emitResizeEvent = useEvent(() => {
153
+ // HACK: Unfortunately, we have to do this twice to make sure the
154
+ // panel is fully expanded before we dispatch the resize event
155
+ raf2(() => {
156
+ window.dispatchEvent(new Event("resize"));
157
+ });
158
+ });
159
+
150
160
  // sync sidebar
151
161
  useEffect(() => {
152
162
  if (!sidebarRef.current) {
@@ -162,13 +172,7 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
162
172
  }
163
173
 
164
174
  // Dispatch a resize event so widgets know to resize
165
- requestAnimationFrame(() => {
166
- // HACK: Unfortunately, we have to do this twice to make sure it the
167
- // panel is fully expanded before we dispatch the resize event
168
- requestAnimationFrame(() => {
169
- window.dispatchEvent(new Event("resize"));
170
- });
171
- });
175
+ emitResizeEvent();
172
176
  }, [isSidebarOpen]);
173
177
 
174
178
  // sync panel
@@ -186,13 +190,7 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
186
190
  }
187
191
 
188
192
  // Dispatch a resize event so widgets know to resize
189
- requestAnimationFrame(() => {
190
- // HACK: Unfortunately, we have to do this twice to make sure it the
191
- // panel is fully expanded before we dispatch the resize event
192
- requestAnimationFrame(() => {
193
- window.dispatchEvent(new Event("resize"));
194
- });
195
- });
193
+ emitResizeEvent();
196
194
  }, [isDeveloperPanelOpen]);
197
195
 
198
196
  // Auto-correct developer panel selection when the selected tab is no longer available
@@ -1,8 +1,12 @@
1
1
  /* Copyright 2026 Marimo. All rights reserved. */
2
2
 
3
+ import { raf2 } from "../../navigation/focus-utils";
4
+
3
5
  export function handleDragging(isDragging: boolean) {
4
6
  if (!isDragging) {
5
7
  // Once the user is done dragging, dispatch a resize event
6
- window.dispatchEvent(new Event("resize"));
8
+ raf2(() => {
9
+ window.dispatchEvent(new Event("resize"));
10
+ });
7
11
  }
8
12
  }
@@ -5,6 +5,7 @@ import { HourglassIcon, LockIcon, UnlinkIcon } from "lucide-react";
5
5
  import React from "react";
6
6
  import { Tooltip } from "@/components/ui/tooltip";
7
7
  import { notebookScrollToRunning } from "@/core/cells/actions";
8
+ import { onlyScratchpadIsRunningAtom } from "@/core/cells/cells";
8
9
  import { viewStateAtom } from "@/core/mode";
9
10
  import { type ConnectionStatus, WebSocketState } from "@/core/websocket/types";
10
11
  import { cn } from "@/utils/cn";
@@ -52,17 +53,24 @@ const LockedIcon = () => (
52
53
  </Tooltip>
53
54
  );
54
55
 
55
- const RunningIcon = () => (
56
- <Tooltip content="Jump to running cell" side="right">
57
- <div
58
- className={topLeftStatus}
59
- data-testid="loading-indicator"
60
- onClick={notebookScrollToRunning}
61
- >
62
- <HourglassIcon className="running-app-icon" size={30} strokeWidth={1} />
63
- </div>
64
- </Tooltip>
65
- );
56
+ const RunningIcon = () => {
57
+ const scratchpadOnly = useAtomValue(onlyScratchpadIsRunningAtom);
58
+ const tooltip = scratchpadOnly
59
+ ? "Scratchpad is running"
60
+ : "Jump to running cell";
61
+
62
+ return (
63
+ <Tooltip content={tooltip} side="right">
64
+ <div
65
+ className={topLeftStatus}
66
+ data-testid="loading-indicator"
67
+ onClick={scratchpadOnly ? undefined : notebookScrollToRunning}
68
+ >
69
+ <HourglassIcon className="running-app-icon" size={30} strokeWidth={1} />
70
+ </div>
71
+ </Tooltip>
72
+ );
73
+ };
66
74
 
67
75
  const NoiseBackground = () => (
68
76
  <>