@marimo-team/frontend 0.18.5-dev168 → 0.18.5-dev171

package/dist/index.html

@@ -66,15 +66,15 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-CIoUDThG.js"></script>
+    <script type="module" crossorigin src="./assets/index-CQBtzy-J.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-BW0IMuFq.js">
-    <link rel="modulepreload" crossorigin href="./assets/hotkeys-D3ICc8RW.js">
+    <link rel="modulepreload" crossorigin href="./assets/hotkeys-uKX61F1_.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-BLUna9fQ.js">
     <link rel="modulepreload" crossorigin href="./assets/precisionRound-Cl9k9ZmS.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-DzliDDTm.js">
     <link rel="modulepreload" crossorigin href="./assets/vega-loader.browser-C8wT63Va.js">
     <link rel="modulepreload" crossorigin href="./assets/_Uint8Array-BGESiCQL.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-BNPhCMFo.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-CrRUCOBw.js">
     <link rel="modulepreload" crossorigin href="./assets/clsx-D0MtrJOx.js">
     <link rel="modulepreload" crossorigin href="./assets/cn-C1rgT0yh.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
@@ -83,14 +83,14 @@
     <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-DN_bIXfG.js">
     <link rel="modulepreload" crossorigin href="./assets/badge-DAnNhy3O.js">
     <link rel="modulepreload" crossorigin href="./assets/useEventListener-COkmyg1v.js">
-    <link rel="modulepreload" crossorigin href="./assets/button-C9TEIJJh.js">
+    <link rel="modulepreload" crossorigin href="./assets/button-DuYGqRtX.js">
     <link rel="modulepreload" crossorigin href="./assets/react-dom-C9fstfnp.js">
     <link rel="modulepreload" crossorigin href="./assets/Combination-D1TsGrBC.js">
     <link rel="modulepreload" crossorigin href="./assets/menu-items-9PZrU2e0.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-CBrDuocE.js">
     <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-CW2xpJ57.js">
     <link rel="modulepreload" crossorigin href="./assets/check-CrAQug3q.js">
-    <link rel="modulepreload" crossorigin href="./assets/select-BJ18Dxpd.js">
+    <link rel="modulepreload" crossorigin href="./assets/select-D0g5GnIs.js">
     <link rel="modulepreload" crossorigin href="./assets/tooltip-CvjcEpZC.js">
     <link rel="modulepreload" crossorigin href="./assets/use-toast-Bzf3rpev.js">
     <link rel="modulepreload" crossorigin href="./assets/_getTag-BWqNuuwU.js">
@@ -100,22 +100,22 @@
     <link rel="modulepreload" crossorigin href="./assets/_baseFor-Duhs3RiJ.js">
     <link rel="modulepreload" crossorigin href="./assets/merge-BBX6ug-N.js">
     <link rel="modulepreload" crossorigin href="./assets/zod-Cg4WLWh2.js">
-    <link rel="modulepreload" crossorigin href="./assets/utils-Cxqw03y3.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-CJJIceVn.js">
     <link rel="modulepreload" crossorigin href="./assets/constants-Bkp4R3bQ.js">
     <link rel="modulepreload" crossorigin href="./assets/Deferred-DzyBMRsy.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-D3ojpe3F.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-cCkBQ_ER.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-ClFZlR7U.js">
     <link rel="modulepreload" crossorigin href="./assets/DeferredRequestRegistry-B3BENoUa.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-C0HaHO6a.js">
     <link rel="modulepreload" crossorigin href="./assets/isSymbol-BGkTcW3U.js">
     <link rel="modulepreload" crossorigin href="./assets/toString-DlRqgfqz.js">
     <link rel="modulepreload" crossorigin href="./assets/_hasUnicode-zBEpxwYe.js">
-    <link rel="modulepreload" crossorigin href="./assets/useLifecycle-BX7GmOQ5.js">
+    <link rel="modulepreload" crossorigin href="./assets/useLifecycle-CmDXEyIC.js">
     <link rel="modulepreload" crossorigin href="./assets/useNonce-EAuSVK-5.js">
-    <link rel="modulepreload" crossorigin href="./assets/useTheme-CuOCKnyR.js">
+    <link rel="modulepreload" crossorigin href="./assets/useTheme-DfP1CWaW.js">
     <link rel="modulepreload" crossorigin href="./assets/once-CTiSlR1m.js">
-    <link rel="modulepreload" crossorigin href="./assets/capabilities-h9_pyvFv.js">
-    <link rel="modulepreload" crossorigin href="./assets/createReducer-CaezzNVH.js">
+    <link rel="modulepreload" crossorigin href="./assets/capabilities-BmAOeMOK.js">
+    <link rel="modulepreload" crossorigin href="./assets/createReducer-DDa-hVe3.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-CAcX026F.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-DKNOF5xd.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-CI6_zMIl.js">
@@ -129,119 +129,119 @@
     <link rel="modulepreload" crossorigin href="./assets/toDate-5JckKRQn.js">
     <link rel="modulepreload" crossorigin href="./assets/cjs-Bj40p_Np.js">
     <link rel="modulepreload" crossorigin href="./assets/_arrayReduce-bZBYsK-u.js">
-    <link rel="modulepreload" crossorigin href="./assets/type-drzC-SxF.js">
+    <link rel="modulepreload" crossorigin href="./assets/type-BdyvjzTI.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseProperty-DuoFhI7N.js">
     <link rel="modulepreload" crossorigin href="./assets/now-6sUe0ZdD.js">
     <link rel="modulepreload" crossorigin href="./assets/debounce-BbFlGgjv.js">
     <link rel="modulepreload" crossorigin href="./assets/toInteger-CDcO32Gx.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-CaVvnK_o.js">
     <link rel="modulepreload" crossorigin href="./assets/main-CwSdzVhm.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-DAR6V-0d.js">
-    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-BYCO3_zw.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-rr1jjvJk.js">
+    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-Drf1manw.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-Czc5z_04.js">
-    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-CBvG269f.js">
-    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-B3T1GCoD.js">
-    <link rel="modulepreload" crossorigin href="./assets/dialog-DIUTtzeB.js">
+    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-RldLPyJs.js">
+    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-k5KxevGr.js">
+    <link rel="modulepreload" crossorigin href="./assets/dialog-DUEuLcT2.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-em3gna-v.js">
-    <link rel="modulepreload" crossorigin href="./assets/numbers-Ckcn6C-H.js">
+    <link rel="modulepreload" crossorigin href="./assets/numbers-C9_R_vlY.js">
     <link rel="modulepreload" crossorigin href="./assets/SSRProvider-DD7JA3RM.js">
     <link rel="modulepreload" crossorigin href="./assets/context-BAYdLMF_.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-D8ks3oPN.js">
     <link rel="modulepreload" crossorigin href="./assets/usePress-C2LPFxyv.js">
-    <link rel="modulepreload" crossorigin href="./assets/input-DP44ewsS.js">
-    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-7Thr73Oo.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-DjST51KF.js">
-    <link rel="modulepreload" crossorigin href="./assets/multi-map-TecGBFLS.js">
+    <link rel="modulepreload" crossorigin href="./assets/input-CaEtLL8p.js">
+    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-q6QlC2aZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-Hwo1QbqQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/multi-map-fjX9ImVF.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-BEdExd6A.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-CqEd11Di.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-BP4_BZLr.js">
     <link rel="modulepreload" crossorigin href="./assets/links-DNmjkr65.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-CW2RMV2e.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-DwSzcmzL.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-usFICLUe.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-Bmkr29w4.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-DHbNHnua.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-BHFBtWym.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-CO8cm8-0.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-DRhpWiOq.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-gBVL4NN-.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-icon-qVgCqhII.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-icon-B69c-352.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-C1czjtp7.js">
-    <link rel="modulepreload" crossorigin href="./assets/es-DCqUUmrq.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-6-St0ai2.js">
-    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-DIbHWNF6.js">
+    <link rel="modulepreload" crossorigin href="./assets/es-YVwBDiDw.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-D3ygI6Sy.js">
+    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-jpEDlD0M.js">
     <link rel="modulepreload" crossorigin href="./assets/katex-AwOI3EvM.js">
     <link rel="modulepreload" crossorigin href="./assets/marked.esm-CHnOtnr3.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-OGVTOU66-CjNLT2C3.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-B9gYLzJX.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-vrNOUnFF.js">
-    <link rel="modulepreload" crossorigin href="./assets/command-BXWdrTY9.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-DecoaRsV.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-DOFFh6Ii.js">
+    <link rel="modulepreload" crossorigin href="./assets/command-xU8ykulh.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-DtnzNVk-.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-oeY0TrS1.js">
-    <link rel="modulepreload" crossorigin href="./assets/mode-D4GlAyEq.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BGzo-QMk.js">
+    <link rel="modulepreload" crossorigin href="./assets/mode-BYulXE3t.js">
     <link rel="modulepreload" crossorigin href="./assets/purify.es-N-2faAGj.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-LxV1eecf.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-D6fh5YLC.js">
     <link rel="modulepreload" crossorigin href="./assets/table--_20dwBZ.js">
     <link rel="modulepreload" crossorigin href="./assets/tabs-Ctk4D03n.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-BJJJOr9W.js">
-    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-ZISlVepl.js">
-    <link rel="modulepreload" crossorigin href="./assets/error-banner-D2-5vgE4.js">
-    <link rel="modulepreload" crossorigin href="./assets/formats-nh-sPUUZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-CU-WWxnz.js">
+    <link rel="modulepreload" crossorigin href="./assets/error-banner-DU5Qb8a8.js">
+    <link rel="modulepreload" crossorigin href="./assets/formats-B9CrBoaO.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-DhMN8sxe.js">
     <link rel="modulepreload" crossorigin href="./assets/isValid-DhzaK-Y1.js">
-    <link rel="modulepreload" crossorigin href="./assets/dates-B2_O0-if.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-D3Uujsn_.js">
-    <link rel="modulepreload" crossorigin href="./assets/maps-DELIOfTw.js">
+    <link rel="modulepreload" crossorigin href="./assets/dates-CdsE1R40.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-DKRxBkYD.js">
+    <link rel="modulepreload" crossorigin href="./assets/maps-s2pQkyf5.js">
     <link rel="modulepreload" crossorigin href="./assets/extends-B9D0JO9U.js">
     <link rel="modulepreload" crossorigin href="./assets/emotion-is-prop-valid.esm-lG8j6oqk.js">
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-CV0QXb5P.js">
     <link rel="modulepreload" crossorigin href="./assets/range-sshwVRcP.js">
-    <link rel="modulepreload" crossorigin href="./assets/capitalize-D4JsDDXI.js">
+    <link rel="modulepreload" crossorigin href="./assets/capitalize-DQeWKRGx.js">
     <link rel="modulepreload" crossorigin href="./assets/table-BLx7B_us.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-NOfbbuUx.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-CkeISXrs.js">
     <link rel="modulepreload" crossorigin href="./assets/file-BnFXtaZZ.js">
     <link rel="modulepreload" crossorigin href="./assets/play-BJDBXApx.js">
-    <link rel="modulepreload" crossorigin href="./assets/chat-components-CyY2c7cG.js">
+    <link rel="modulepreload" crossorigin href="./assets/chat-components-DXJsXOD8.js">
     <link rel="modulepreload" crossorigin href="./assets/isEmpty-DIxUV1UR.js">
     <link rel="modulepreload" crossorigin href="./assets/circle-check-big-OIMTUpe6.js">
-    <link rel="modulepreload" crossorigin href="./assets/chat-display-BgCCmGdz.js">
-    <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-CxRols0L.js">
-    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-CV_tqoEI.js">
-    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-B_jFiS1Y.js">
+    <link rel="modulepreload" crossorigin href="./assets/chat-display-C08N0rx5.js">
+    <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-D1nEKS8b.js">
+    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-D0Pei-OA.js">
+    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-DBzN8QcP.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-D4lB4En9.js">
-    <link rel="modulepreload" crossorigin href="./assets/process-output-D1GR6Ero.js">
+    <link rel="modulepreload" crossorigin href="./assets/process-output-2gz8Uri2.js">
     <link rel="modulepreload" crossorigin href="./assets/blob-Dg_vNTSs.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-CboCOq4o.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-B3JckBtM.js">
-    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-CEKGThxQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-B3V6Mgb9.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-D42sFB6d.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-DxXFdbn8.js">
-    <link rel="modulepreload" crossorigin href="./assets/spec-D9TFI5I_.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-DBqi4KCj.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-C8yab1pC.js">
+    <link rel="modulepreload" crossorigin href="./assets/spec-qp_XZeSS.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-BzvHnhPG.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-iJj-D3dz.js">
     <link rel="modulepreload" crossorigin href="./assets/toggle-G1t0cQyf.js">
-    <link rel="modulepreload" crossorigin href="./assets/globals-CJb4gcmW.js">
-    <link rel="modulepreload" crossorigin href="./assets/share-0dWXMs9M.js">
+    <link rel="modulepreload" crossorigin href="./assets/globals-D46Vbo5D.js">
+    <link rel="modulepreload" crossorigin href="./assets/share-CXQVxivL.js">
     <link rel="modulepreload" crossorigin href="./assets/memoize-DN0TMY36.js">
     <link rel="modulepreload" crossorigin href="./assets/get-CyLJYAfP.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-6FYvpjrm.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-BqxQegSf.js">
-    <link rel="modulepreload" crossorigin href="./assets/utilities.esm-B7XtzwiJ.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-BTc4L5BF.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAddCell-CNI3pgez.js">
+    <link rel="modulepreload" crossorigin href="./assets/utilities.esm-CT3NbLA9.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-CHprSkP6.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAddCell-BpMe5DB-.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-D9zAYqG9.js">
     <link rel="modulepreload" crossorigin href="./assets/plus-CHesBJpY.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-CGnOB_RP.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-ihKi3Mrq.js">
     <link rel="modulepreload" crossorigin href="./assets/file-video-camera-CZUg-nFA.js">
-    <link rel="modulepreload" crossorigin href="./assets/types-Bt3U-XJV.js">
-    <link rel="modulepreload" crossorigin href="./assets/label-DJo0Eeb3.js">
-    <link rel="modulepreload" crossorigin href="./assets/textarea-DBFtOima.js">
+    <link rel="modulepreload" crossorigin href="./assets/types-4-l_7Ws2.js">
+    <link rel="modulepreload" crossorigin href="./assets/label-qwandMoh.js">
+    <link rel="modulepreload" crossorigin href="./assets/textarea-DmNrZcLR.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-DbW1_PHb.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-C-lF7BNB.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-1WOcPtE8.js">
-    <link rel="modulepreload" crossorigin href="./assets/field-D2_0r7wT.js">
-    <link rel="modulepreload" crossorigin href="./assets/useBoolean-C_vQizET.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-B_zRT4QS.js">
+    <link rel="modulepreload" crossorigin href="./assets/field-DDKGFzpC.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBoolean-BDG41CyP.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-gzLRYatP.js">
     <link rel="modulepreload" crossorigin href="./assets/types-B42u_5hF.js">
     <link rel="modulepreload" crossorigin href="./assets/prop-types-C638SUfx.js">
     <link rel="modulepreload" crossorigin href="./assets/es-FiXEquL2.js">
-    <link rel="modulepreload" crossorigin href="./assets/VisuallyHidden-BLp5kXtE.js">
+    <link rel="modulepreload" crossorigin href="./assets/VisuallyHidden-BodIky8L.js">
     <link rel="modulepreload" crossorigin href="./assets/hasIn-DydgU7lx.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseFlatten-CLPh0yMf.js">
     <link rel="modulepreload" crossorigin href="./assets/flatten-Buk63LQO.js">
@@ -257,7 +257,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-D-BWugLn.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-G6ss-VDT.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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

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

@@ -269,7 +269,7 @@ export function useNotebookActions() {
       label: "Helper panel",
       redundant: true,
       handle: NOOP_HANDLER,
-      dropdown: PANELS.flatMap(({ id, Icon, hidden }) => {
+      dropdown: PANELS.flatMap(({ type: id, Icon, hidden }) => {
         if (hidden) {
           return [];
         }

package/src/components/editor/chrome/panels/panel-context.tsx

@@ -0,0 +1,34 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { createContext, useContext } from "react";
+import { invariant } from "@/utils/invariant";
+
+export type PanelSection = "sidebar" | "developer-panel";
+
+const PanelSectionContext = createContext<PanelSection | null>(null);
+
+export const PanelSectionProvider = PanelSectionContext.Provider;
+
+/**
+ * Hook to get the current panel section context.
+ * Returns "sidebar" or "developer-panel" depending on where the panel is rendered.
+ * Throws if used outside of a panel context.
+ */
+export function usePanelSection(): PanelSection {
+  const section = useContext(PanelSectionContext);
+  invariant(
+    section !== null,
+    "usePanelSection must be used within a PanelSectionProvider",
+  );
+  return section;
+}
+
+/**
+ * Hook to get the preferred orientation based on the panel section.
+ * - Sidebar panels should use vertical layouts (stacked)
+ * - Developer panel should use horizontal layouts (side-by-side)
+ */
+export function usePanelOrientation(): "horizontal" | "vertical" {
+  const section = usePanelSection();
+  return section === "sidebar" ? "vertical" : "horizontal";
+}

package/src/components/editor/chrome/state.ts

@@ -6,16 +6,41 @@ import { z } from "zod";
 import { createReducerAndAtoms } from "@/utils/createReducer";
 import { jotaiJsonStorage } from "@/utils/storage/jotai";
 import { ZodLocalStorage } from "@/utils/storage/typed";
-import type { DeveloperPanelTabType, PanelType } from "./types";
+import type { PanelType } from "./types";
 import { PANELS } from "./types";
 
 export interface ChromeState {
   selectedPanel: PanelType | undefined;
   isSidebarOpen: boolean;
   isDeveloperPanelOpen: boolean;
-  selectedDeveloperPanelTab: DeveloperPanelTabType;
+  selectedDeveloperPanelTab: PanelType;
 }
 
+/**
+ * Layout configuration for panels in sidebar and developer panel.
+ * Each array contains the ordered list of visible panel IDs for that section.
+ */
+export interface PanelLayout {
+  sidebar: PanelType[];
+  developerPanel: PanelType[];
+}
+
+const DEFAULT_PANEL_LAYOUT: PanelLayout = {
+  sidebar: PANELS.filter(
+    (p) => !p.hidden && p.defaultSection === "sidebar",
+  ).map((p) => p.type),
+  developerPanel: PANELS.filter(
+    (p) => !p.hidden && p.defaultSection === "developer-panel",
+  ).map((p) => p.type),
+};
+
+export const panelLayoutAtom = atomWithStorage<PanelLayout>(
+  "marimo:panel-layout",
+  DEFAULT_PANEL_LAYOUT,
+  jotaiJsonStorage,
+  { getOnInit: true },
+);
+
 const KEY = "marimo:sidebar";
 const storage = new ZodLocalStorage<ChromeState>(
   z.object({
@@ -29,7 +54,7 @@ const storage = new ZodLocalStorage<ChromeState>(
       .string()
       .optional()
       .default("terminal")
-      .transform((v) => v as DeveloperPanelTabType),
+      .transform((v) => v as PanelType),
   }),
   initialState,
 );
@@ -81,11 +106,11 @@ const {
       ...state,
       isDeveloperPanelOpen: isOpen,
     }),
-    setSelectedDeveloperPanelTab: (state, tab: DeveloperPanelTabType) => ({
+    setSelectedDeveloperPanelTab: (state, tab: PanelType) => ({
       ...state,
       selectedDeveloperPanelTab: tab,
     }),
-    openDeveloperPanelTab: (state, tab: DeveloperPanelTabType) => ({
+    openDeveloperPanelTab: (state, tab: PanelType) => ({
       ...state,
       isDeveloperPanelOpen: true,
       selectedDeveloperPanelTab: tab,
@@ -119,13 +144,3 @@ export const exportedForTesting = {
   createActions,
   initialState,
 };
-
-// TODO: probably merge this with the chrome state
-export const sidebarOrderAtom = atomWithStorage<PanelType[]>(
-  "marimo:sidebar-order",
-  PANELS.filter(
-    (p) => !p.hidden && !p.defaultHidden && p.position === "sidebar",
-  ).map((p) => p.id),
-  jotaiJsonStorage,
-  { getOnInit: true },
-);

package/src/components/editor/chrome/types.ts

@@ -21,7 +21,11 @@ import {
 import { getFeatureFlag } from "@/core/config/feature-flag";
 import { isWasm } from "@/core/wasm/utils";
 
+/**
+ * Unified panel ID for all panels in sidebar and developer panel
+ */
 export type PanelType =
+  // Sidebar defaults
   | "files"
   | "variables"
   | "outline"
@@ -30,160 +34,146 @@ export type PanelType =
   | "documentation"
   | "snippets"
   | "ai"
+  // Developer panel defaults
+  | "errors"
+  | "scratchpad"
+  | "tracing"
+  | "secrets"
+  | "logs"
+  | "terminal"
   | "cache";
 
+export type PanelSection = "sidebar" | "developer-panel";
+
 export interface PanelDescriptor {
-  id: PanelType;
+  type: PanelType;
   Icon: LucideIcon;
+  /** Short label for developer panel tabs */
+  label: string;
+  /** Descriptive tooltip for sidebar icons */
+  tooltip: string;
   /** If true, the panel is completely unavailable */
   hidden?: boolean;
-  /** If true, the panel is available but not shown by default */
-  defaultHidden?: boolean;
-  tooltip: string;
-  position: "sidebar" | "footer";
+  /** Which section this panel belongs to by default */
+  defaultSection: PanelSection;
 }
 
-/* Panels are ordered in roughly decreasing order of importance as well as
- * logically grouped.
- *
- * 1. Must-have panels first.
- * 2. Panels that can add cells to the editor.
- * 3. Nice-to-have observability panels.
+/**
+ * All panels in the application.
+ * Panels can be in either sidebar or developer panel, configurable by user.
  */
 export const PANELS: PanelDescriptor[] = [
-  // 1. Must-have panels.
-  //
-  // The files panel is at the top to orient
-  // users within their filesystem and give
-  // them a quick glance at their project structure,
-  // without having to leave their editor.
+  // Sidebar defaults
   {
-    id: "files",
+    type: "files",
     Icon: FolderTreeIcon,
+    label: "Files",
     tooltip: "View files",
-    position: "sidebar",
+    defaultSection: "sidebar",
   },
-  // Because notebooks uniquely have data in RAM,
-  // it's important to give humans visibility into
-  // what that data is.
   {
-    id: "variables",
+    type: "variables",
     Icon: VariableIcon,
+    label: "Variables",
     tooltip: "Explore variables and data sources",
-    position: "sidebar",
+    defaultSection: "sidebar",
   },
-  // Every notebook has a package environment that must
-  // be managed.
   {
-    id: "packages",
+    type: "packages",
     Icon: BoxIcon,
+    label: "Packages",
     tooltip: "Manage packages",
-    position: "sidebar",
+    defaultSection: "sidebar",
   },
-  // 2. "AI" panel.
-  //
-  // The AI panel holds both agents and in-editor chat.
   {
-    id: "ai",
+    type: "ai",
     Icon: BotIcon,
+    label: "AI",
     tooltip: "Chat & Agents",
-    position: "sidebar",
+    defaultSection: "sidebar",
   },
   {
-    id: "snippets",
+    type: "snippets",
     Icon: SquareDashedBottomCodeIcon,
+    label: "Snippets",
     tooltip: "Snippets",
-    position: "sidebar",
-    defaultHidden: true,
+    defaultSection: "developer-panel",
   },
-  // 3. Nice-to-have observability panels.
-  //
-  // Utility panels that provide observability
-  // into the state or structure of the notebook. These
-  // observability panels are less crucial than variables
-  // or datasets, so they are positioned at the end of the
-  // sidebar.
   {
-    id: "outline",
+    type: "outline",
     Icon: ScrollTextIcon,
+    label: "Outline",
     tooltip: "View outline",
-    position: "sidebar",
+    defaultSection: "sidebar",
   },
   {
-    id: "documentation",
+    type: "documentation",
     Icon: TextSearchIcon,
+    label: "Docs",
     tooltip: "View live docs",
-    position: "sidebar",
+    defaultSection: "sidebar",
   },
   {
-    // TODO(akshayka): Consider making dependencies
-    // default off; the minimap is a more effective
-    // overview.
-    id: "dependencies",
+    type: "dependencies",
     Icon: NetworkIcon,
+    label: "Dependencies",
     tooltip: "Explore dependencies",
-    position: "sidebar",
+    defaultSection: "sidebar",
   },
-];
-
-export const PANEL_MAP = new Map<PanelType, PanelDescriptor>(
-  PANELS.map((p) => [p.id, p]),
-);
-
-export type DeveloperPanelTabType =
-  | "errors"
-  | "scratchpad"
-  | "tracing"
-  | "secrets"
-  | "logs"
-  | "terminal"
-  | "cache";
-
-export interface DeveloperPanelTabDescriptor {
-  type: DeveloperPanelTabType;
-  Icon: LucideIcon;
-  label: string;
-  hidden?: boolean;
-}
-
-export const DEVELOPER_PANEL_TABS: DeveloperPanelTabDescriptor[] = [
+  // Developer panel defaults
   {
     type: "errors",
     Icon: XCircleIcon,
     label: "Errors",
+    tooltip: "View errors",
+    defaultSection: "developer-panel",
   },
   {
     type: "scratchpad",
     Icon: NotebookPenIcon,
     label: "Scratchpad",
+    tooltip: "Scratchpad",
+    defaultSection: "developer-panel",
   },
   {
     type: "tracing",
     Icon: ActivityIcon,
     label: "Tracing",
+    tooltip: "View tracing",
+    defaultSection: "developer-panel",
   },
   {
     type: "secrets",
     Icon: KeyRoundIcon,
     label: "Secrets",
+    tooltip: "Manage secrets",
+    defaultSection: "developer-panel",
     hidden: isWasm(),
   },
   {
     type: "logs",
     Icon: FileTextIcon,
     label: "Logs",
+    tooltip: "View logs",
+    defaultSection: "developer-panel",
   },
   {
     type: "terminal",
     Icon: TerminalSquareIcon,
     label: "Terminal",
+    tooltip: "Terminal",
+    defaultSection: "developer-panel",
   },
-  // TODO(akshayka): The cache panel should not be default shown,
-  // even when it's out of feature flag. (User config to turn it on.)
   {
     type: "cache",
     Icon: DatabaseZapIcon,
     label: "Cache",
+    tooltip: "View cache",
+    defaultSection: "developer-panel",
     hidden: !getFeatureFlag("cache_panel"),
   },
 ];
+
+export const PANEL_MAP = new Map<PanelType, PanelDescriptor>(
+  PANELS.map((p) => [p.type, p]),
+);