@marimo-team/islands 0.24.1-dev87 → 0.24.1-dev90

package/dist/{process-output-BMotjkzK.js → process-output-JALCTHOK.js}

@@ -1,4 +1,4 @@
-import { O as e, nt as t, tt as n } from "./html-to-image-LGo891lC.js";
+import { O as e, nt as t, tt as n } from "./html-to-image-BMTAw0YV.js";
 import { u as r } from "./dist-wdOJ5T7-.js";
 import { b as i } from "./select-DQ9jU_B_.js";
 import { n as a } from "./semaphore-89jsoHtS.js";

package/dist/{reveal-component-t0AuZBu7.js → reveal-component-e4yYomxA.js}

@@ -2,9 +2,9 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { c as t, g as n, h as r, m as i, t as a } from "./button-DlqUC8W-.js";
 import { t as o } from "./react-DMWcHin-.js";
 import { t as s } from "./compiler-runtime-CAH9RLw2.js";
-import { Ot as c, ot as l } from "./html-to-image-LGo891lC.js";
+import { Ot as c, ot as l } from "./html-to-image-BMTAw0YV.js";
 import { u } from "./dist-wdOJ5T7-.js";
-import { at as d, c as f, g as p, h as m, hn as h, l as g, mn as _, n as v, o as y, ot as b, r as x, st as S, t as C, u as w, vn as T } from "./common-Csjs6-Cq.js";
+import { at as d, c as f, g as p, h as m, hn as h, l as g, mn as _, n as v, o as y, ot as b, r as x, st as S, t as C, u as w, vn as T } from "./common-FuL_5-mY.js";
 import { R as E } from "./select-DQ9jU_B_.js";
 import { Y as D } from "./dropdown-menu-Baf29jmS.js";
 import { t as O } from "./jsx-runtime-CpoKNRgu.js";

package/dist/{toDate-BbnMXiIl.js → toDate-DfFzRDkN.js}

@@ -672,4 +672,4 @@ function Z(e, t) {
 	return X(t || e, e);
 }
 //#endregion
-export { l as _, G as a, V as c, M as d, C as f, u as g, d as h, K as i, B as l, v as m, X as n, q as o, S as p, W as r, U as s, Z as t, N as u };
+export { u as _, G as a, V as c, M as d, C as f, d as g, v as h, K as i, B as l, b as m, X as n, q as o, S as p, W as r, U as s, Z as t, N as u, l as v };

package/dist/{vega-component-Cid89pdp.js → vega-component-PYsP9Jod.js}

@@ -2,7 +2,7 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { g as t, h as n, m as r } from "./button-DlqUC8W-.js";
 import { t as i } from "./react-DMWcHin-.js";
 import { t as a } from "./compiler-runtime-CAH9RLw2.js";
-import { _ as o, c as s } from "./toDate-BbnMXiIl.js";
+import { c as o, v as s } from "./toDate-DfFzRDkN.js";
 import { t as c } from "./jsx-runtime-CpoKNRgu.js";
 import { n as l } from "./error-banner-xVkWHg51.js";
 import { t as u } from "./tooltip-7p_32zdw.js";
@@ -11,7 +11,7 @@ import { j as f, n as p } from "./useTheme-C2ZreN00.js";
 import { c as m } from "./arrays-CN1djC4k.js";
 import { t as ee } from "./objects-CzUgoMIF.js";
 import { t as h } from "./useAsyncData-Cyh2jLTR.js";
-import { a as te, i as ne, n as re, t as g } from "./formats-CMBaNtI6.js";
+import { a as te, i as ne, n as re, t as g } from "./formats-nPPeLOk2.js";
 import { A as ie, n as ae } from "./vega-loader.browser-DEggZzni.js";
 import { t as oe } from "./react-vega-DSD5aT7_.js";
 import { a as se, n as _ } from "./loader-D8jS1unC.js";
@@ -21,7 +21,7 @@ import { t as ue } from "./use-vega-container-remeasure-DUW4tRxq.js";
 //#region src/plugins/impl/vega/fix-relative-url.ts
 var v = /* @__PURE__ */ e(i(), 1), de = a();
 function fe(e) {
-	return e.data && "url" in e.data && (e.data.url = s(e.data.url).href), e;
+	return e.data && "url" in e.data && (e.data.url = o(e.data.url).href), e;
 }
 //#endregion
 //#region src/plugins/impl/vega/types.ts
@@ -486,12 +486,12 @@ async function U(e) {
 		}), !e.data || !("url" in e.data)) return e;
 		let i;
 		try {
-			i = s(e.data.url);
+			i = o(e.data.url);
 		} catch {
 			return e;
 		}
-		let a = e.data.format, o = await n.run(() => _(i.href, a));
-		return t[i.pathname] = o, {
+		let a = e.data.format, s = await n.run(() => _(i.href, a));
+		return t[i.pathname] = s, {
 			...e,
 			data: { name: i.pathname }
 		};
@@ -524,7 +524,7 @@ var G = (e) => {
 		embedOptions: s
 	}), t[5] = i, t[6] = s, t[7] = a, t[8] = d, t[9] = r, t[10] = n, t[11] = p) : p = t[11], p;
 }, K = (e) => {
-	let i = (0, de.c)(50), { value: a, setValue: s, chartSelection: c, fieldSelection: l, spec: m, embedOptions: h } = e, { theme: te } = p(), g = (0, v.useRef)(null), ae = (0, v.useRef)(void 0), [_, le] = (0, v.useState)(), y;
+	let i = (0, de.c)(50), { value: a, setValue: o, chartSelection: c, fieldSelection: l, spec: m, embedOptions: h } = e, { theme: te } = p(), g = (0, v.useRef)(null), ae = (0, v.useRef)(void 0), [_, le] = (0, v.useState)(), y;
 	bb0: {
 		if (h && "actions" in h) {
 			y = h.actions;
@@ -544,12 +544,12 @@ var G = (e) => {
 	let w = C, E;
 	i[5] === w ? E = i[6] : (E = T(w), i[5] = w, i[6] = E);
 	let D = E, O;
-	i[7] !== s || i[8] !== a ? (O = (e) => {
-		s({
+	i[7] !== o || i[8] !== a ? (O = (e) => {
+		o({
 			...a,
 			...e
 		});
-	}, i[7] = s, i[8] = a, i[9] = O) : O = i[9];
+	}, i[7] = o, i[8] = a, i[9] = O) : O = i[9];
 	let k = f(O), A;
 	i[10] === k ? A = i[11] : (A = d((e, n) => {
 		t.debug("[Vega signal]", e, n);
@@ -582,7 +582,7 @@ var G = (e) => {
 				className: "text-xs flex flex-col",
 				children: e.map(ge)
 			}),
-			children: /* @__PURE__ */ (0, W.jsx)(o, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" })
+			children: /* @__PURE__ */ (0, W.jsx)(s, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" })
 		});
 	}, i[20] = D, i[21] = z);
 	let B = z, V = te === "dark" ? "dark" : void 0, H;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.24.1-dev87",
+  "version": "0.24.1-dev90",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/editor/output/__tests__/ansi-reduce.test.ts

@@ -101,7 +101,10 @@ describe("TerminalBuffer", () => {
     buffer.writeChar("b");
     buffer.handleEscape("\u001B[1A"); // Move up 1
     buffer.writeChar("X");
-    expect(buffer.render()).toMatchInlineSnapshot(`"aX"`);
+    expect(buffer.render()).toMatchInlineSnapshot(`
+      "aX
+      b"
+    `);
   });
 
   test("handleEscape cursor down", () => {
@@ -328,6 +331,24 @@ describe("AnsiReducer", () => {
     expect(result).toMatchInlineSnapshot(`"axy"`);
   });
 
+  test("cursor up preserves lines below the cursor", () => {
+    const reducer = new AnsiReducer();
+    reducer.append("outer: 0%");
+    reducer.append("\n");
+    reducer.append("inner: 0%");
+    reducer.append("\u001B[A");
+
+    expect(reducer.render()).toBe("outer: 0%\ninner: 0%");
+
+    // tqdm writes nested progress updates as separate, flushed chunks. The
+    // newline moves back to the preserved inner line before it is rewritten.
+    reducer.append("\n");
+    reducer.append("\rinner: 1%");
+    reducer.append("\u001B[A");
+
+    expect(reducer.render()).toBe("outer: 0%\ninner: 1%");
+  });
+
   test("reduce ignores control characters below space", () => {
     const reducer = new AnsiReducer();
     const result = reducer.reduce("hello\u0000\u0001\u0007world");
@@ -361,7 +382,11 @@ describe("ansiReduce", () => {
 
   test("multi-line with cursor movement", () => {
     const result = ansiReduce("Line 1\nLine 2\nLine 3\u001B[2AModified");
-    expect(result).toMatchInlineSnapshot(`"Line 1Modified"`);
+    expect(result).toMatchInlineSnapshot(`
+      "Line 1Modified
+      Line 2
+      Line 3"
+    `);
   });
 
   test("erase and rewrite", () => {
@@ -434,7 +459,8 @@ describe("ansiReduce", () => {
       Running chain 0: 100%|█████████████████████████████| 101000/101000 [00:07<00:00, 12749.04it/s]
       Running chain 1: 100%|█████████████████████████████| 101000/101000 [00:08<00:00, 12442.67it/s]
       Running chain 2: 100%|█████████████████████████████| 101000/101000 [00:08<00:00, 12373.90it/s]
-      "
+      Running chain 2:  95%|████████████████████████████▌ | 95950/101000 [00:07<00:00, 12922.54it/s]
+      Running chain 2: 100%|█████████████████████████████| 101000/101000 [00:08<00:00, 14869.01it/s]"
     `);
   });
 });
@@ -475,7 +501,8 @@ describe("AnsiReducer streaming with append()", () => {
     reducer.append("XYZ");
     expect(reducer.render()).toMatchInlineSnapshot(`
       "abc
-      XYZ"
+      XYZ
+      "
     `);
   });
 
@@ -552,14 +579,12 @@ describe("AnsiReducer color preservation", () => {
   test("preserves color codes with cursor movements", () => {
     const reducer = new AnsiReducer();
     // Test that color codes work alongside cursor movements
-    // Note: when cursor moves up, lines below are discarded (tqdm behavior)
     const result = reducer.reduce(
       "Line1\n\u001B[31mRed\u001B[0m\u001B[1A\u001B[32mGreen\u001B[0m",
     );
-    // After moving up from row 1 to row 0, row 1 is discarded
-    // Green is written at the end of row 0
-    expect(result).toMatchInlineSnapshot(
-      `"Line1       \u001B[32mGreen\u001B[0m"`,
+    // Green is written at the end of row 0; row 1 remains intact.
+    expect(result).toBe(
+      "Line1       \u001B[32mGreen\u001B[0m\n\u001B[31mRed\u001B[0m",
     );
   });
 });
@@ -623,7 +648,8 @@ describe("StatefulOutputMessage", () => {
 
     expect(stateful.data).toMatchInlineSnapshot(`
       "Line 1
-      Xine 2"
+      Xine 2
+      "
     `);
   });
 });

package/src/components/editor/output/ansi-reduce.ts

@@ -25,16 +25,11 @@ export class TerminalBuffer {
 
   /** Move cursor by relative offsets. */
   private moveCursor(rowDelta: number, colDelta: number) {
-    const oldRow = this.cursor.row;
     this.cursor.row = Math.max(0, this.cursor.row + rowDelta);
     this.cursor.col = Math.max(0, this.cursor.col + colDelta);
     this.ensureLine(this.cursor.row);
-
-    // When moving up, discard lines below the new cursor position
-    // This simulates a fixed terminal window where tqdm overwrites content
-    if (rowDelta < 0 && this.cursor.row < oldRow) {
-      this.lines.splice(this.cursor.row + 1);
-    }
+    // Cursor movement does not erase content. This matters for multi-line
+    // progress renderers, which move up before rewriting a preserved row.
   }
 
   /** Move cursor to a specific absolute position. */

package/src/components/editor/renderers/vertical-layout/__tests__/vertical-layout.test.ts

@@ -1,8 +1,70 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 /* oxlint-disable typescript/no-explicit-any */
-import { describe, expect, it } from "vitest";
+import { afterEach, beforeEach, describe, expect, it } from "vitest";
 import type { OutputMessage } from "@/core/kernel/messages";
-import { groupCellsByColumn, shouldHideCode } from "../vertical-layout";
+import {
+  getInitialShowCode,
+  groupCellsByColumn,
+  shouldHideCode,
+  updateShowCodeQueryParam,
+} from "../utils";
+
+const originalHref = window.location.href;
+let originalStaticState: typeof window.__MARIMO_STATIC__;
+
+describe("show code", () => {
+  beforeEach(() => {
+    originalStaticState = window.__MARIMO_STATIC__;
+    window.history.replaceState(null, "", "/?existing=value#section");
+    window.__MARIMO_STATIC__ = {
+      files: {},
+      modelNotifications: [],
+    };
+  });
+
+  afterEach(() => {
+    window.history.replaceState(null, "", originalHref);
+    window.__MARIMO_STATIC__ = originalStaticState;
+  });
+
+  it("does not add a query parameter when reading the initial value", () => {
+    expect(
+      getInitialShowCode({
+        showCodeInRunModePreference: true,
+        kioskMode: false,
+      }),
+    ).toBe(true);
+    expect(window.location.search).toBe("?existing=value");
+  });
+
+  it("reflects static notebook toggles in the URL", () => {
+    updateShowCodeQueryParam(false);
+    expect(window.location.search).toBe("?existing=value&show-code=false");
+    expect(window.location.hash).toBe("#section");
+    expect(
+      getInitialShowCode({
+        showCodeInRunModePreference: true,
+        kioskMode: false,
+      }),
+    ).toBe(false);
+
+    updateShowCodeQueryParam(true);
+    expect(window.location.search).toBe("?existing=value&show-code=true");
+    expect(
+      getInitialShowCode({
+        showCodeInRunModePreference: true,
+        kioskMode: false,
+      }),
+    ).toBe(true);
+  });
+
+  it("does not reflect non-static notebook toggles in the URL", () => {
+    delete window.__MARIMO_STATIC__;
+
+    updateShowCodeQueryParam(false);
+    expect(window.location.search).toBe("?existing=value");
+  });
+});
 
 describe("groupCellsByColumn", () => {
   it("should group cells by column and maintain order", () => {

package/src/components/editor/renderers/vertical-layout/utils.ts

@@ -0,0 +1,73 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { isOutputEmpty } from "@/core/cells/outputs";
+import type { CellData, CellRuntimeState } from "@/core/cells/types";
+import { MarkdownLanguageAdapter } from "@/core/codemirror/language/languages/markdown";
+import { KnownQueryParams } from "@/core/constants";
+import type { OutputMessage } from "@/core/kernel/messages";
+import { isStaticNotebook } from "@/core/static/static-state";
+import { isWasm } from "@/core/wasm/utils";
+import { updateQueryParams } from "@/utils/urls";
+
+export function getInitialShowCode({
+  showCodeInRunModePreference,
+  kioskMode,
+}: {
+  showCodeInRunModePreference: boolean;
+  kioskMode: boolean;
+}): boolean {
+  // The mount option takes precedence over other defaults.
+  if (!showCodeInRunModePreference) {
+    return false;
+  }
+
+  const showCodeByQueryParam = new URLSearchParams(window.location.search).get(
+    KnownQueryParams.showCode,
+  );
+
+  // Static notebooks, WASM notebooks, and kiosk mode show code by default.
+  return showCodeByQueryParam === null
+    ? isStaticNotebook() || isWasm() || kioskMode
+    : showCodeByQueryParam === "true";
+}
+
+export function updateShowCodeQueryParam(showCode: boolean): void {
+  // Persist explicit user choices in shareable static notebook URLs. Avoid
+  // adding the parameter on startup so unchanged URLs retain their defaults.
+  if (isStaticNotebook()) {
+    updateQueryParams((params) => {
+      params.set(KnownQueryParams.showCode, String(showCode));
+    });
+  }
+}
+
+export function groupCellsByColumn(
+  cells: (CellRuntimeState & CellData)[],
+): [number, (CellRuntimeState & CellData)[]][] {
+  // Group cells by column
+  const cellsByColumn = new Map<number, (CellRuntimeState & CellData)[]>();
+  let lastSeenColumn = 0;
+  cells.forEach((cell) => {
+    const column = cell.config.column ?? lastSeenColumn;
+    lastSeenColumn = column;
+    if (!cellsByColumn.has(column)) {
+      cellsByColumn.set(column, []);
+    }
+    cellsByColumn.get(column)?.push(cell);
+  });
+
+  // Sort columns by index
+  return [...cellsByColumn.entries()].toSorted(([a], [b]) => a - b);
+}
+
+/**
+ * Determine if the code should be hidden.
+ *
+ * This is used to hide the code if it's pure markdown and there's an output,
+ * or if the code is empty.
+ */
+export function shouldHideCode(code: string, output: OutputMessage | null) {
+  const isPureMarkdown = new MarkdownLanguageAdapter().isSupported(code);
+  const hasOutput = output !== null && !isOutputEmpty(output);
+  return (isPureMarkdown && hasOutput) || code.trim() === "";
+}

package/src/components/editor/renderers/vertical-layout/vertical-layout.tsx

@@ -27,13 +27,11 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { outputIsLoading, outputIsStale } from "@/core/cells/cell";
 import type { CellId } from "@/core/cells/ids";
-import { isOutputEmpty } from "@/core/cells/outputs";
 import type { CellData, CellRuntimeState } from "@/core/cells/types";
 import { getReadonlyCodeDisplay } from "@/core/cells/readonly-code-display";
 import { MarkdownLanguageAdapter } from "@/core/codemirror/language/languages/markdown";
 import { useResolvedMarimoConfig } from "@/core/config/config";
-import { CSSClasses, KnownQueryParams } from "@/core/constants";
-import type { OutputMessage } from "@/core/kernel/messages";
+import { CSSClasses } from "@/core/constants";
 import { kernelStateAtom } from "@/core/kernel/state";
 import { useNotebookCodeAvailable } from "@/core/meta/code-visibility";
 import { showCodeInRunModeAtom } from "@/core/meta/state";
@@ -46,7 +44,6 @@ import { useRequestClient } from "@/core/network/requests";
 import type { CellConfig } from "@/core/network/types";
 import { downloadAsHTML } from "@/core/static/download-html";
 import { isStaticNotebook } from "@/core/static/static-state";
-import { isWasm } from "@/core/wasm/utils";
 import { cn } from "@/utils/cn";
 import {
   ADD_PRINTING_CLASS,
@@ -58,6 +55,12 @@ import { FloatingOutline } from "../../chrome/panels/outline/floating-outline";
 import { cellDomProps } from "../../common";
 import type { ICellRendererPlugin, ICellRendererProps } from "../types";
 import { useDelayVisibility } from "./useDelayVisibility";
+import {
+  getInitialShowCode,
+  groupCellsByColumn,
+  shouldHideCode,
+  updateShowCodeQueryParam,
+} from "./utils";
 import { VerticalLayoutWrapper } from "./vertical-layout-wrapper";
 
 type VerticalLayout = null;
@@ -74,22 +77,20 @@ const VerticalLayoutRenderer: React.FC<VerticalLayoutProps> = ({
   const [userConfig] = useResolvedMarimoConfig();
   const showCodeInRunModePreference = useAtomValue(showCodeInRunModeAtom);
 
-  const urlParams = new URLSearchParams(window.location.search);
-  const [showCode, setShowCode] = useState(() => {
-    // Check if the setting was set in the mount options
-    if (!showCodeInRunModePreference) {
-      return false;
-    }
-    // If 'auto' or not found, use URL param
-    // If url param is not set, we default to true for static notebooks, wasm notebooks, and kiosk mode
-    const showCodeByQueryParam = urlParams.get(KnownQueryParams.showCode);
-    return showCodeByQueryParam === null
-      ? isStaticNotebook() || isWasm() || kioskMode
-      : showCodeByQueryParam === "true";
-  });
+  const [showCode, setShowCode] = useState(() =>
+    getInitialShowCode({ showCodeInRunModePreference, kioskMode }),
+  );
 
   const canShowCode = useNotebookCodeAvailable(cells);
 
+  const handleToggleShowCode = () => {
+    setShowCode((currentShowCode) => {
+      const nextShowCode = !currentShowCode;
+      updateShowCodeQueryParam(nextShowCode);
+      return nextShowCode;
+    });
+  };
+
   const renderCell = (cell: CellRuntimeState & CellData) => {
     return (
       <VerticalCell
@@ -169,7 +170,7 @@ const VerticalLayoutRenderer: React.FC<VerticalLayoutProps> = ({
         <ActionButtons
           canShowCode={canShowCode}
           showCode={showCode}
-          onToggleShowCode={() => setShowCode((v) => !v)}
+          onToggleShowCode={handleToggleShowCode}
         />
       )}
       <FloatingOutline />
@@ -469,34 +470,3 @@ export const VerticalLayoutPlugin: ICellRendererPlugin<
   serializeLayout: (layout) => layout,
   getInitialLayout: () => null,
 };
-
-export function groupCellsByColumn(
-  cells: (CellRuntimeState & CellData)[],
-): [number, (CellRuntimeState & CellData)[]][] {
-  // Group cells by column
-  const cellsByColumn = new Map<number, (CellRuntimeState & CellData)[]>();
-  let lastSeenColumn = 0;
-  cells.forEach((cell) => {
-    const column = cell.config.column ?? lastSeenColumn;
-    lastSeenColumn = column;
-    if (!cellsByColumn.has(column)) {
-      cellsByColumn.set(column, []);
-    }
-    cellsByColumn.get(column)?.push(cell);
-  });
-
-  // Sort columns by index
-  return [...cellsByColumn.entries()].toSorted(([a], [b]) => a - b);
-}
-
-/**
- * Determine if the code should be hidden.
- *
- * This is used to hide the code if it's pure markdown and there's an output,
- * or if the code is empty.
- */
-export function shouldHideCode(code: string, output: OutputMessage | null) {
-  const isPureMarkdown = new MarkdownLanguageAdapter().isSupported(code);
-  const hasOutput = output !== null && !isOutputEmpty(output);
-  return (isPureMarkdown && hasOutput) || code.trim() === "";
-}

package/src/components/static-html/__tests__/static-banner.test.tsx

@@ -0,0 +1,112 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { fireEvent, render, screen } from "@testing-library/react";
+import { createStore, Provider } from "jotai";
+import { afterEach, describe, expect, it } from "vitest";
+import { userConfigAtom } from "@/core/config/config";
+import { defaultUserConfig } from "@/core/config/config-schema";
+import { codeAtom, filenameAtom } from "@/core/saving/file-state";
+import { getStaticNotebookRunTarget, StaticBanner } from "../static-banner";
+
+function renderBanner(sharing?: {
+  html?: boolean;
+  wasm?: boolean;
+  molab?: boolean;
+}) {
+  const store = createStore();
+  store.set(codeAtom, "import marimo\n");
+  store.set(filenameAtom, "/notebooks/my notebook.py");
+  store.set(userConfigAtom, {
+    ...defaultUserConfig(),
+    sharing,
+  });
+  window.__MARIMO_STATIC__ = { files: {} };
+
+  return render(
+    <Provider store={store}>
+      <StaticBanner />
+    </Provider>,
+  );
+}
+
+async function openDialog() {
+  fireEvent.click(screen.getByTestId("static-notebook-dialog-trigger"));
+  return screen.findByRole("dialog");
+}
+
+describe("StaticBanner", () => {
+  afterEach(() => {
+    delete window.__MARIMO_STATIC__;
+  });
+
+  it("shows the molab option by default", async () => {
+    renderBanner();
+    await openDialog();
+
+    expect(screen.getByRole("link", { name: "Open in molab" })).toHaveAttribute(
+      "href",
+      expect.stringContaining("molab.marimo.io/new"),
+    );
+  });
+
+  it("hides the molab option when sharing is disabled", async () => {
+    renderBanner({ html: false, wasm: false, molab: false });
+    await openDialog();
+
+    expect(
+      screen.queryByRole("link", { name: "Open in molab" }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByText(/cloud-hosted notebook platform/),
+    ).not.toBeInTheDocument();
+  });
+
+  it("offers uv, pip, and conda commands", async () => {
+    renderBanner({ molab: false });
+    await openDialog();
+
+    expect(screen.getByRole("tab", { name: "uv" })).toBeVisible();
+    expect(
+      screen.getByText("uvx marimo edit --sandbox 'my notebook.py'"),
+    ).toBeVisible();
+
+    fireEvent.mouseDown(screen.getByRole("tab", { name: "pip" }), {
+      button: 0,
+    });
+    expect(screen.getByText(/pip install marimo/)).toBeVisible();
+
+    fireEvent.mouseDown(screen.getByRole("tab", { name: "conda" }), {
+      button: 0,
+    });
+    expect(
+      screen.getByText(/conda install -c conda-forge marimo/),
+    ).toBeVisible();
+  });
+});
+
+describe("getStaticNotebookRunTarget", () => {
+  it.each([
+    ["file:///tmp/notebook.html", "notebook.py"],
+    ["http://localhost:8000/report", "notebook.py"],
+    ["https://example.com/report", "notebook.py"],
+  ])("falls back to the downloaded filename for %s", (href, expected) => {
+    expect(getStaticNotebookRunTarget(href, "notebook.py")).toBe(expected);
+  });
+
+  it.each([
+    [
+      "https://example.com/notebook.html#section",
+      "https://example.com/notebook.html",
+    ],
+    [
+      "https://static.marimo.app/static/example",
+      "https://static.marimo.app/static/example",
+    ],
+    [
+      "https://molab.marimo.io/notebooks/nb_example/app",
+      "https://molab.marimo.io/notebooks/nb_example/app",
+    ],
+  ])("uses URLs supported by marimo edit: %s", (href, expected) => {
+    expect(getStaticNotebookRunTarget(href, "notebook.py")).toBe(expected);
+  });
+});