@marimo-team/frontend 0.25.2-dev3 → 0.25.2-dev31

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-DafnX1Xx.js"></script>
+    <script type="module" crossorigin src="./assets/index-DYVlDtsu.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-B0Z9INg1.js">
     <link rel="modulepreload" crossorigin href="./assets/react-CUdNIagt.js">
     <link rel="modulepreload" crossorigin href="./assets/compiler-runtime-BQ9S8nyo.js">
@@ -81,53 +81,53 @@
     <link rel="modulepreload" crossorigin href="./assets/_baseMerge-CQpUq7ep.js">
     <link rel="modulepreload" crossorigin href="./assets/objects-snlMn4yk.js">
     <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-B74pBk57.js">
-    <link rel="modulepreload" crossorigin href="./assets/useEventListener-BdZUApHd.js">
+    <link rel="modulepreload" crossorigin href="./assets/useEventListener-CUPWI_1X.js">
     <link rel="modulepreload" crossorigin href="./assets/invariant-Ci2dTZ72.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-BxZgoFvi.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-BdH5RvM0.js">
     <link rel="modulepreload" crossorigin href="./assets/utils-B4K466FK.js">
-    <link rel="modulepreload" crossorigin href="./assets/session-DXKMv4Bs.js">
+    <link rel="modulepreload" crossorigin href="./assets/session-ztCnZJHI.js">
     <link rel="modulepreload" crossorigin href="./assets/Deferred-CrTnjj37.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-DpGPGznL.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-D7CP5wR5.js">
     <link rel="modulepreload" crossorigin href="./assets/clsx-DB0hHKMi.js">
     <link rel="modulepreload" crossorigin href="./assets/cn-ldLVeaqm.js">
-    <link rel="modulepreload" crossorigin href="./assets/fullscreen-BmzAqMKq.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-CyYN7zJg.js">
-    <link rel="modulepreload" crossorigin href="./assets/menu-items-BBdeXCvU.js">
-    <link rel="modulepreload" crossorigin href="./assets/use-restore-focus-B98SEiGc.js">
-    <link rel="modulepreload" crossorigin href="./assets/button-BoklZTGL.js">
+    <link rel="modulepreload" crossorigin href="./assets/fullscreen-3wS6IaIC.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-DFI04FfI.js">
+    <link rel="modulepreload" crossorigin href="./assets/menu-items-D-vbZmqL.js">
+    <link rel="modulepreload" crossorigin href="./assets/use-restore-focus-D0UtBPD6.js">
+    <link rel="modulepreload" crossorigin href="./assets/button-qFeU84ax.js">
     <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-rHn2EdoM.js">
     <link rel="modulepreload" crossorigin href="./assets/check-Wea4hZ6R.js">
     <link rel="modulepreload" crossorigin href="./assets/context-BFOBKCJB.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-C4-_TnkF.js">
-    <link rel="modulepreload" crossorigin href="./assets/select-BplWpfFo.js">
-    <link rel="modulepreload" crossorigin href="./assets/circle-CeQt3rdW.js">
-    <link rel="modulepreload" crossorigin href="./assets/toast-KNfsFUiB.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-DR2Z2N4w.js">
+    <link rel="modulepreload" crossorigin href="./assets/select-CWHHoM53.js">
+    <link rel="modulepreload" crossorigin href="./assets/circle-CzTMKZwz.js">
+    <link rel="modulepreload" crossorigin href="./assets/toast-DXkezxWI.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-CamoSiGF.js">
     <link rel="modulepreload" crossorigin href="./assets/paths-CzfpItSz.js">
     <link rel="modulepreload" crossorigin href="./assets/useLifecycle-DKSBdWUf.js">
     <link rel="modulepreload" crossorigin href="./assets/toDate-BbJ1_N2T.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-CrkOvbyN.js">
-    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-CeE3i3Qa.js">
+    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-BsB0FYEL.js">
     <link rel="modulepreload" crossorigin href="./assets/arrays-BqUx5USx.js">
     <link rel="modulepreload" crossorigin href="./assets/once-Haz_uxEL.js">
-    <link rel="modulepreload" crossorigin href="./assets/numbers-DsgsDslU.js">
+    <link rel="modulepreload" crossorigin href="./assets/numbers-DyJNv6Vk.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-DMbg9X18.js">
-    <link rel="modulepreload" crossorigin href="./assets/input-BDakodZ2.js">
+    <link rel="modulepreload" crossorigin href="./assets/input-D4bMj5Nb.js">
     <link rel="modulepreload" crossorigin href="./assets/use-toast-CC89xOwH.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-yTHMxhVa.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-k9DpjH68.js">
-    <link rel="modulepreload" crossorigin href="./assets/write-secret-modal-BiG2tahJ.js">
+    <link rel="modulepreload" crossorigin href="./assets/write-secret-modal-wFgr-1dA.js">
     <link rel="modulepreload" crossorigin href="./assets/plus-gbN72xHe.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-BJG-7Qob.js">
-    <link rel="modulepreload" crossorigin href="./assets/preload-helper-HclGiUj8.js">
+    <link rel="modulepreload" crossorigin href="./assets/preload-helper-uBIymjUX.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BczecT6V.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BTskHGpb.js">
-    <link rel="modulepreload" crossorigin href="./assets/capabilities-Bj3s1hGN.js">
+    <link rel="modulepreload" crossorigin href="./assets/capabilities-BqUNf14U.js">
     <link rel="modulepreload" crossorigin href="./assets/cjs-C49f7GXV.js">
-    <link rel="modulepreload" crossorigin href="./assets/createReducer-BPvK7C_R.js">
+    <link rel="modulepreload" crossorigin href="./assets/createReducer-CI8rlZE9.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-Ccyblc8N.js">
     <link rel="modulepreload" crossorigin href="./assets/marked.esm-B_3iMIUq.js">
-    <link rel="modulepreload" crossorigin href="./assets/strings-BHZPE0Mc.js">
+    <link rel="modulepreload" crossorigin href="./assets/strings-LjhpYwmx.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BN-7G8qZ.js">
     <link rel="modulepreload" crossorigin href="./assets/badge-DFf033uX.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-CiUBikfn.js">
@@ -136,19 +136,19 @@
     <link rel="modulepreload" crossorigin href="./assets/dist-DBqBVprh.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-DueXZKz9.js">
     <link rel="modulepreload" crossorigin href="./assets/stex-CJTNBbet.js">
-    <link rel="modulepreload" crossorigin href="./assets/useTheme-DcnXlv0_.js">
+    <link rel="modulepreload" crossorigin href="./assets/useTheme-CnWB5G1X.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-DucTwMkf.js">
-    <link rel="modulepreload" crossorigin href="./assets/purify.es-CYRiAeUx.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-CzugpTQu.js">
+    <link rel="modulepreload" crossorigin href="./assets/purify.es--06brOip.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-BXPymufT.js">
     <link rel="modulepreload" crossorigin href="./assets/get-DjNf4SIX.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-RyCOE8jo.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-BhJktFeI.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-icon-DFhUGBjO.js">
-    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-BeE1cdgM.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-B4VJJibu.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-B--GzTEX.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-icon-DQuttmjH.js">
+    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-Dx6lhNls.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-2Nts63h2.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-DOPs2jx8.js">
-    <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-VuyoeQOD.js">
-    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-B_IYTCX5.js">
+    <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-Crx6knLg.js">
+    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-CfdjWQov.js">
     <link rel="modulepreload" crossorigin href="./assets/hat-glasses-DVgK5i5l.js">
     <link rel="modulepreload" crossorigin href="./assets/package-BeYhVWvM.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-D9vyuMar.js">
@@ -156,12 +156,12 @@
     <link rel="modulepreload" crossorigin href="./assets/precisionRound-Bq_nmf5u.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-D5bOh7g6.js">
     <link rel="modulepreload" crossorigin href="./assets/vega-loader.browser-CLRkNgm7.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-PLkI_UfK.js">
-    <link rel="modulepreload" crossorigin href="./assets/filename-fxG7K_MU.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-BQ9qHrrN.js">
+    <link rel="modulepreload" crossorigin href="./assets/filename-DZ9xkzQn.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-D9Dr-k4J.js">
-    <link rel="modulepreload" crossorigin href="./assets/chunk-YOKDWASO-CaoEAGJk.js">
+    <link rel="modulepreload" crossorigin href="./assets/chunk-YOKDWASO-84E-_nIR.js">
     <link rel="stylesheet" crossorigin href="./assets/cells-0PFKL3SH.css">
-    <link rel="stylesheet" crossorigin href="./assets/index--sT8xf-8.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-C4-iduJO.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.25.2-dev3",
+  "version": "0.25.2-dev31",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -99,7 +99,7 @@
     "date-fns": "^4.4.0",
     "dequal": "^2.0.3",
     "dnd-core": "^16.0.1",
-    "dompurify": "^3.4.14",
+    "dompurify": "^3.4.16",
     "htm": "^3.1.1",
     "html-react-parser": "^5.2.17",
     "html-to-image": "1.11.13",
@@ -191,12 +191,12 @@
   "devDependencies": {
     "@codecov/vite-plugin": "^1.9.1",
     "@csstools/postcss-light-dark-function": "^2.0.11",
-    "@playwright/test": "^1.62.1",
+    "@playwright/test": "^1.63.0",
     "@storybook/addon-docs": "^10.6.0",
     "@storybook/addon-links": "^10.6.0",
     "@storybook/react-vite": "^10.6.0",
     "@testing-library/jest-dom": "^7.0.1",
-    "@testing-library/react": "^16.3.2",
+    "@testing-library/react": "^16.3.3",
     "@types/dompurify": "^3.2.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.13.3",
@@ -204,7 +204,7 @@
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
     "@types/timestring": "^6.0.5",
-    "@vitejs/plugin-react": "^6.1.0",
+    "@vitejs/plugin-react": "^6.1.1",
     "@vitest/coverage-v8": "4.1.11",
     "blob-polyfill": "^7.0.20220408",
     "cross-env": "^7.0.3",
@@ -214,7 +214,7 @@
     "oxc-transform-react": "0.145.0",
     "oxfmt": "^0.68.0",
     "oxlint": "^1.83.0",
-    "postcss": "^8.5.26",
+    "postcss": "^8.5.28",
     "postcss-prefix-selector": "^2.2.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
@@ -223,7 +223,7 @@
     "stylelint-config-standard": "^36.0.1",
     "tailwindcss": "^4.3.3",
     "vega-typings": "^2.3.0",
-    "vite": "^8.2.2",
+    "vite": "^8.3.0",
     "vite-plugin-wasm": "^3.6.0",
     "vitest": "^4.1.11",
     "yaml": "^2.9.0"

package/src/components/chat/tool-call/__tests__/tool-result.test.tsx

@@ -0,0 +1,56 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { ResultRenderer } from "../tool-result";
+
+afterEach(cleanup);
+
+describe("ResultRenderer", () => {
+  it.each([
+    { status: "success", message: "No output was returned." },
+    { status: "success", next_steps: ["Run the edited cells."] },
+    {
+      status: "success",
+      action_url: null,
+      next_steps: null,
+      meta: null,
+      message: "Finished",
+    },
+    {
+      status: "success",
+      action_url: "/notebook",
+      next_steps: ["Review the output."],
+      meta: { source: "notebook" },
+      cellsToOutput: { cell: { cellOutput: "Hello", consoleOutput: "" } },
+    },
+  ])("renders structured results with optional fields: %j", (result) => {
+    render(<ResultRenderer result={result} />);
+
+    expect(screen.getByRole("heading", { name: "Tool Result" })).toBeVisible();
+    expect(screen.getByText("success")).toBeVisible();
+  });
+
+  it("displays messages and tool-specific output without metadata", () => {
+    render(
+      <ResultRenderer
+        result={{
+          status: "success",
+          message: "Cells finished running.",
+          cellsToOutput: { cell: { cellOutput: "Hello", consoleOutput: "" } },
+        }}
+      />,
+    );
+
+    expect(screen.getByText("Cells finished running.")).toBeVisible();
+    expect(screen.getByText("cellsToOutput")).toBeVisible();
+    expect(screen.getByText(/"cellOutput": "Hello"/)).toBeVisible();
+  });
+
+  it("preserves the fallback for unstructured results", () => {
+    render(<ResultRenderer result="Plain text result" />);
+
+    expect(screen.queryByRole("heading", { name: "Tool Result" })).toBeNull();
+    expect(screen.getByText("Plain text result")).toBeVisible();
+  });
+});

package/src/components/chat/tool-call/tool-result.tsx

@@ -21,9 +21,9 @@ function isUninformative(value: unknown): boolean {
 const SuccessResultSchema = z.looseObject({
   status: z.string().default("success"),
   auth_required: z.boolean().default(false),
-  action_url: z.any(),
-  next_steps: z.any(),
-  meta: z.any(),
+  action_url: z.any().optional(),
+  next_steps: z.any().optional(),
+  meta: z.any().optional(),
   message: z.string().nullish(),
 });
 

package/src/components/data-table/charts/__tests__/schemas.test.ts

@@ -4,6 +4,31 @@ import { describe, expect, it } from "vitest";
 import { ChartSchema } from "../schemas";
 
 describe("ChartSchema", () => {
+  it.each(["hours", "yearmonthdatehours"] as const)(
+    "preserves the %s time unit in saved chart configurations",
+    (timeUnit) => {
+      const column = {
+        field: "timestamp",
+        selectedDataType: "temporal",
+        sort: "ascending",
+        timeUnit,
+      };
+      const config = {
+        general: {
+          xColumn: { ...column, aggregate: "none" },
+          yColumn: { ...column, aggregate: "none" },
+          facet: {
+            row: { ...column, linkYAxis: true, binned: true, maxbins: 6 },
+            column: { ...column, linkXAxis: true, binned: true, maxbins: 6 },
+          },
+        },
+        tooltips: { auto: true, fields: [] },
+      };
+
+      expect(ChartSchema.parse(config)).toEqual(config);
+    },
+  );
+
   it("keeps a known axis column type", () => {
     const result = ChartSchema.parse({
       general: { xColumn: { field: "count", type: "integer" } },

package/src/components/data-table/charts/__tests__/spec.test.ts

@@ -69,30 +69,33 @@ describe("getAxisEncoding", () => {
     });
   });
 
-  it("should return correct encoding for temporal field with timeUnit", () => {
-    const result = getAxisEncoding(
-      {
-        field: "date",
-        selectedDataType: "temporal",
-        aggregate: NONE_VALUE,
-        timeUnit: "yearmonth",
-      },
-      undefined,
-      "Date",
-      undefined,
-      ChartType.LINE,
-    );
+  it.each(["yearmonth", "hours", "yearmonthdatehours"] as const)(
+    "should preserve the %s time unit in temporal axis encodings",
+    (timeUnit) => {
+      const result = getAxisEncoding(
+        {
+          field: "date",
+          selectedDataType: "temporal",
+          aggregate: NONE_VALUE,
+          timeUnit,
+        },
+        undefined,
+        "Date",
+        undefined,
+        ChartType.LINE,
+      );
 
-    expect(result).toEqual({
-      field: "date",
-      type: "temporal",
-      bin: undefined,
-      title: "Date",
-      stack: undefined,
-      aggregate: undefined,
-      timeUnit: "yearmonth",
-    });
-  });
+      expect(result).toEqual({
+        field: "date",
+        type: "temporal",
+        bin: undefined,
+        title: "Date",
+        stack: undefined,
+        aggregate: undefined,
+        timeUnit,
+      });
+    },
+  );
 
   it("should return correct encoding for categorical field", () => {
     const result = getAxisEncoding(

package/src/components/data-table/charts/constants.ts

@@ -147,17 +147,18 @@ export const TIME_UNIT_DESCRIPTIONS: Record<
   [title: string, description: string]
 > = {
   year: ["Year", "2025"],
-  quarter: ["Quarter", "Q1 2025"],
-  month: ["Month", "Jan 2025"],
-  week: ["Week", "Jan 01, 2025"],
-  day: ["Day", "Jan 01, 2025"],
-  hours: ["Hour", "Jan 01, 2025 12:00"],
-  minutes: ["Minute", "Jan 01, 2025 12:34"],
-  seconds: ["Second", "Jan 01, 2025 12:34:56"],
-  milliseconds: ["Millisecond", "Jan 01, 2025 12:34:56.789"],
-  date: ["Date", "Jan 01, 2025"],
-  dayofyear: ["Day of Year", "Day 1 of 2025"],
+  quarter: ["Quarter of year", "Q1"],
+  month: ["Month of year", "Jan"],
+  week: ["Week of year", "Week 1"],
+  day: ["Day of week", "Sunday"],
+  hours: ["Hour of day", "12:00"],
+  minutes: ["Minute of hour", "34"],
+  seconds: ["Second of minute", "56"],
+  milliseconds: ["Millisecond of second", "789"],
+  date: ["Day of month", "1"],
+  dayofyear: ["Day of year", "Day 1"],
   yearmonth: ["Year Month", "Jan 2025"],
   yearmonthdate: ["Year Month Date", "Jan 01, 2025"],
+  yearmonthdatehours: ["Year Month Date Hours", "Jan 01, 2025 12:00"],
   monthdate: ["Month Date", "Jan 01"],
 };

package/src/components/data-table/charts/types.ts

@@ -40,6 +40,7 @@ export const SINGLE_TIME_UNITS = [
 export const COMBINED_TIME_UNITS = [
   "yearmonth",
   "yearmonthdate",
+  "yearmonthdatehours",
   "monthdate",
 ] as const;
 export const TIME_UNITS = [

package/src/components/editor/actions/__tests__/useSetOutputsExpanded.test.ts

@@ -0,0 +1,42 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { describe, expect, it } from "vitest";
+import { MockNotebook } from "@/__mocks__/notebook";
+import type { OutputMessage } from "@/core/kernel/messages";
+import { outputExpansionConfigs } from "../useSetOutputsExpanded";
+
+const output: OutputMessage = {
+  channel: "output",
+  mimetype: "text/plain",
+  data: "hello",
+  timestamp: 0,
+};
+
+describe("outputExpansionConfigs", () => {
+  const [withOutput, withoutOutput, expanded, expandedWithoutOutput] =
+    MockNotebook.cellIds();
+  const notebook = MockNotebook.notebookState({
+    cellData: {
+      [withOutput]: {},
+      [withoutOutput]: {},
+      [expanded]: { config: { expand_output: true } },
+      [expandedWithoutOutput]: { config: { expand_output: true } },
+    },
+    cellRuntime: {
+      [withOutput]: { output },
+      [expanded]: { output },
+    },
+  });
+
+  it("expands clamped cells with output and skips cells without output", () => {
+    expect(outputExpansionConfigs(notebook, true)).toEqual({
+      [withOutput]: { expand_output: true },
+    });
+  });
+
+  it("clamps expanded cells with output and skips cells without output", () => {
+    expect(outputExpansionConfigs(notebook, false)).toEqual({
+      [expanded]: { expand_output: false },
+    });
+  });
+});

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

@@ -7,6 +7,8 @@ import {
   CheckIcon,
   ChevronDownCircleIcon,
   ChevronRightCircleIcon,
+  ChevronsDownUpIcon,
+  ChevronsUpDownIcon,
   ClipboardCopyIcon,
   CodeIcon,
   CommandIcon,
@@ -100,6 +102,7 @@ import type { ActionButton } from "./types";
 import { useCopyNotebook } from "./useCopyNotebook";
 import { useRestartKernel } from "./useRestartKernel";
 import { useSetCodeVisibility } from "./useSetCodeVisibility";
+import { useSetOutputsExpanded } from "./useSetOutputsExpanded";
 
 const NOOP_HANDLER = (event?: Event) => {
   event?.preventDefault();
@@ -118,6 +121,7 @@ export function useNotebookActions({
   const [viewState] = useAtom(viewStateAtom);
   const kioskMode = useAtomValue(kioskModeAtom);
   const setCodeVisibility = useSetCodeVisibility();
+  const setOutputsExpanded = useSetOutputsExpanded();
   const [resolvedConfig] = useResolvedMarimoConfig();
   const capabilities = useAtomValue(capabilitiesAtom);
   const aiEnabled = useAtomValue(aiEnabledAtom);
@@ -596,6 +600,22 @@ export function useNotebookActions({
       handle: () => setCodeVisibility(true, "markdown"),
       redundant: true,
     },
+    {
+      icon: <ChevronsUpDownIcon size={14} strokeWidth={1.5} />,
+      label: "Expand all outputs",
+      hotkey: "global.expandAllOutputs",
+      hidden: viewState.mode !== "edit",
+      handle: () => setOutputsExpanded(true),
+      redundant: true,
+    },
+    {
+      icon: <ChevronsDownUpIcon size={14} strokeWidth={1.5} />,
+      label: "Clamp all outputs",
+      hotkey: "global.clampAllOutputs",
+      hidden: viewState.mode !== "edit",
+      handle: () => setOutputsExpanded(false),
+      redundant: true,
+    },
     {
       icon: <ChevronRightCircleIcon size={14} strokeWidth={1.5} />,
       label: "Collapse all sections",

package/src/components/editor/actions/useSetOutputsExpanded.ts

@@ -0,0 +1,67 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { useCallback } from "react";
+import {
+  getNotebook,
+  type NotebookState,
+  useCellActions,
+} from "@/core/cells/cells";
+import type { CellId } from "@/core/cells/ids";
+import { isOutputEmpty } from "@/core/cells/outputs";
+import { useRequestClient } from "@/core/network/requests";
+import type { CellConfig } from "@/core/network/types";
+import { Objects } from "@/utils/objects";
+
+/**
+ * The `expand_output` config changes needed to expand or clamp every output.
+ *
+ * Both actions skip cells without output, so their source isn't annotated
+ * with a config that has no effect.
+ */
+export function outputExpansionConfigs(
+  notebook: NotebookState,
+  expanded: boolean,
+): Record<CellId, Partial<CellConfig>> {
+  const configs: Record<CellId, Partial<CellConfig>> = {};
+  for (const cellId of notebook.cellIds.inOrderIds) {
+    const cell = notebook.cellData[cellId];
+    if (
+      cell === undefined ||
+      (cell.config.expand_output ?? false) === expanded
+    ) {
+      continue;
+    }
+    if (isOutputEmpty(notebook.cellRuntime[cellId]?.output)) {
+      continue;
+    }
+    configs[cellId] = { expand_output: expanded };
+  }
+  return configs;
+}
+
+/**
+ * Hook returning a callback that shows every cell's output in full, or clamps
+ * every output to a fixed height, by setting each cell's `expand_output` config.
+ */
+export const useSetOutputsExpanded = () => {
+  const { updateCellConfig } = useCellActions();
+  const { saveCellConfig } = useRequestClient();
+
+  return useCallback(
+    async (expanded: boolean) => {
+      const newConfigs = outputExpansionConfigs(getNotebook(), expanded);
+
+      const entries = Objects.entries(newConfigs);
+      if (entries.length === 0) {
+        return;
+      }
+
+      await saveCellConfig({ configs: newConfigs });
+
+      for (const [cellId, config] of entries) {
+        updateCellConfig({ cellId, config });
+      }
+    },
+    [updateCellConfig, saveCellConfig],
+  );
+};

package/src/core/edit-app.tsx

@@ -23,6 +23,7 @@ import {
   useRunStaleCells,
 } from "../components/editor/cell/useRunCells";
 import { useSetCodeVisibility } from "../components/editor/actions/useSetCodeVisibility";
+import { useSetOutputsExpanded } from "../components/editor/actions/useSetOutputsExpanded";
 import { CellArray } from "../components/editor/renderers/cell-array";
 import { CellsRenderer } from "../components/editor/renderers/cells-renderer";
 import { useHotkey } from "../hooks/useHotkey";
@@ -115,6 +116,7 @@ export const EditApp: React.FC<AppProps> = ({
   const runAllCells = useRunAllCells();
   const togglePresenting = useTogglePresenting();
   const setCodeVisibility = useSetCodeVisibility();
+  const setOutputsExpanded = useSetOutputsExpanded();
 
   // HOTKEYS
   useHotkey("global.runStale", () => {
@@ -141,6 +143,20 @@ export const EditApp: React.FC<AppProps> = ({
   useHotkey("global.hideAllMarkdownCode", () => {
     setCodeVisibility(true, "markdown");
   });
+  useHotkey(
+    "global.expandAllOutputs",
+    () => {
+      setOutputsExpanded(true);
+    },
+    { disabled: !isEditing },
+  );
+  useHotkey(
+    "global.clampAllOutputs",
+    () => {
+      setOutputsExpanded(false);
+    },
+    { disabled: !isEditing },
+  );
   useHotkey("global.collapseAllSections", () => {
     collapseAllCells();
   });

package/src/core/hotkeys/hotkeys.ts

@@ -389,6 +389,18 @@ const DEFAULT_HOT_KEY = {
     group: "Editing",
     key: NOT_SET,
   },
+  "global.expandAllOutputs": {
+    name: "Expand all outputs",
+    group: "Editing",
+    key: NOT_SET,
+    additionalKeywords: ["show full output", "unclamp"],
+  },
+  "global.clampAllOutputs": {
+    name: "Clamp all outputs",
+    group: "Editing",
+    key: NOT_SET,
+    additionalKeywords: ["collapse outputs", "shrink outputs"],
+  },
   "global.collapseAllSections": {
     name: "Collapse all sections",
     group: "Editing",

package/src/core/wasm/__tests__/bootstrap.test.ts

@@ -3,7 +3,7 @@
 import { loadPyodide } from "pyodide";
 import type { PyodideInterface } from "pyodide";
 import { beforeEach, describe, expect, it, vi } from "vitest";
-import { DefaultWasmController } from "../worker/bootstrap";
+import { DefaultWasmController, requirementName } from "../worker/bootstrap";
 
 vi.mock("pyodide", () => ({ loadPyodide: vi.fn() }));
 vi.mock("../worker/getMarimoWheel", () => ({
@@ -61,3 +61,35 @@ describe("WASM runtime sources", () => {
     expect(controller.requirePyodide).toBe(pyodide);
   });
 });
+
+describe("requirementName", () => {
+  it("returns the distribution name for a bare requirement", () => {
+    expect(requirementName("pandas")).toBe("pandas");
+  });
+
+  it.each([
+    ["pandas==2.1.0", "pandas"],
+    ["pandas>=2", "pandas"],
+    ["pandas<=2", "pandas"],
+    ["pandas~=2.1", "pandas"],
+    ["pandas!=2.0", "pandas"],
+    ["nltools===0.6.0.dev2", "nltools"],
+  ])("cuts the specifier off %s", (requirement, expected) => {
+    expect(requirementName(requirement)).toBe(expected);
+  });
+
+  it("cuts extras and markers", () => {
+    expect(requirementName("rich[jupyter]>=13")).toBe("rich");
+    expect(requirementName('cowsay==6.1; sys_platform == "emscripten"')).toBe(
+      "cowsay",
+    );
+  });
+
+  it("cuts a URL requirement at the name", () => {
+    expect(requirementName("pkg @ https://example.com/pkg.whl")).toBe("pkg");
+  });
+
+  it("tolerates surrounding whitespace", () => {
+    expect(requirementName("  pandas >= 2  ")).toBe("pandas");
+  });
+});