@marimo-team/islands 0.23.14-dev5 → 0.23.14-dev51

package/src/plugins/impl/data-editor/__tests__/glide-data-editor.test.tsx

@@ -0,0 +1,187 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import React from "react";
+import { act, render, screen, waitFor } from "@testing-library/react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { GlideDataEditor } from "../glide-data-editor";
+
+const capturedPortalRef = vi.hoisted(() => ({
+  ref: undefined as React.RefObject<HTMLElement> | undefined,
+}));
+
+vi.mock("@glideapps/glide-data-grid", async () => {
+  const React = await import("react");
+  return {
+    default: React.forwardRef(function MockDataEditor(
+      props: { portalElementRef?: React.RefObject<HTMLElement> },
+      _ref: React.Ref<HTMLDivElement>,
+    ) {
+      capturedPortalRef.ref = props.portalElementRef;
+      return <div data-testid="mock-data-editor" />;
+    }),
+    CompactSelection: {
+      empty: () => ({}),
+    },
+    GridCellKind: {
+      Text: "text",
+      Number: "number",
+      Boolean: "boolean",
+    },
+    GridColumnIcon: {
+      ProtectedColumnOverlay: "protected",
+    },
+  };
+});
+
+vi.mock("@/theme/useTheme", () => ({
+  useTheme: () => ({ theme: "light" }),
+}));
+
+const editorProps = {
+  data: [{ name: "alice" }],
+  setData: vi.fn(),
+  columnFields: new Map([["name", "string"]]) as Map<string, "string">,
+  setColumnFields: vi.fn(),
+  editableColumns: "all" as const,
+  edits: [],
+  onAddEdits: vi.fn(),
+  onAddRows: vi.fn(),
+  onDeleteRows: vi.fn(),
+  onRenameColumn: vi.fn(),
+  onDeleteColumn: vi.fn(),
+  onAddColumn: vi.fn(),
+};
+
+describe("GlideDataEditor portal", () => {
+  let fullscreenElement: Element | null;
+
+  beforeEach(() => {
+    fullscreenElement = null;
+    Object.defineProperty(document, "fullscreenElement", {
+      get: () => fullscreenElement,
+      configurable: true,
+    });
+    document.body
+      .querySelectorAll("[data-testid='glide-data-editor-portal']")
+      .forEach((node) => {
+        node.remove();
+      });
+  });
+
+  it("renders a body-level portal and passes it to DataEditor", async () => {
+    const { container } = render(
+      <TooltipProvider>
+        <GlideDataEditor {...editorProps} />
+      </TooltipProvider>,
+    );
+
+    const portal = screen.getByTestId("glide-data-editor-portal");
+    expect(portal.parentElement).toBe(document.body);
+    expect(container.contains(portal)).toBe(false);
+    expect(capturedPortalRef.ref).toBeDefined();
+    await waitFor(() => {
+      expect(capturedPortalRef.ref?.current).toBe(portal);
+    });
+  });
+
+  it("mounts into the fullscreen element when fullscreen is already active", () => {
+    const fullscreenContainer = document.createElement("div");
+    document.body.appendChild(fullscreenContainer);
+    fullscreenElement = fullscreenContainer;
+
+    render(
+      <TooltipProvider>
+        <GlideDataEditor {...editorProps} />
+      </TooltipProvider>,
+    );
+
+    const portal = fullscreenContainer.querySelector(
+      "[data-testid='glide-data-editor-portal']",
+    );
+    expect(portal).not.toBeNull();
+    expect(portal?.parentElement).toBe(fullscreenContainer);
+
+    fullscreenContainer.remove();
+  });
+
+  it("moves the portal into the fullscreen element while fullscreen is active", async () => {
+    render(
+      <TooltipProvider>
+        <GlideDataEditor {...editorProps} />
+      </TooltipProvider>,
+    );
+
+    expect(
+      document.body.querySelector("[data-testid='glide-data-editor-portal']"),
+    ).not.toBeNull();
+
+    const fullscreenContainer = document.createElement("div");
+    document.body.appendChild(fullscreenContainer);
+
+    act(() => {
+      fullscreenElement = fullscreenContainer;
+      document.dispatchEvent(new Event("fullscreenchange"));
+    });
+
+    await waitFor(() => {
+      const portal = fullscreenContainer.querySelector(
+        "[data-testid='glide-data-editor-portal']",
+      );
+      expect(portal?.parentElement).toBe(fullscreenContainer);
+    });
+
+    act(() => {
+      fullscreenElement = null;
+      document.dispatchEvent(new Event("fullscreenchange"));
+    });
+
+    await waitFor(() => {
+      const portal = document.body.querySelector(
+        "[data-testid='glide-data-editor-portal']",
+      );
+      expect(portal?.parentElement).toBe(document.body);
+    });
+
+    fullscreenContainer.remove();
+  });
+
+  it("unmounts cleanly while fullscreen is active", async () => {
+    const fullscreenContainer = document.createElement("div");
+    document.body.appendChild(fullscreenContainer);
+
+    const { unmount } = render(
+      <TooltipProvider>
+        <GlideDataEditor {...editorProps} />
+      </TooltipProvider>,
+    );
+
+    act(() => {
+      fullscreenElement = fullscreenContainer;
+      document.dispatchEvent(new Event("fullscreenchange"));
+    });
+
+    await waitFor(() => {
+      expect(
+        fullscreenContainer.querySelector(
+          "[data-testid='glide-data-editor-portal']",
+        ),
+      ).not.toBeNull();
+    });
+
+    expect(() => {
+      act(() => unmount());
+    }).not.toThrow();
+
+    expect(
+      fullscreenContainer.querySelector(
+        "[data-testid='glide-data-editor-portal']",
+      ),
+    ).toBeNull();
+    expect(
+      document.body.querySelector("[data-testid='glide-data-editor-portal']"),
+    ).toBeNull();
+
+    fullscreenContainer.remove();
+  });
+});

package/src/plugins/impl/data-editor/glide-data-editor.tsx

@@ -56,6 +56,7 @@ import {
   removeColumn,
   renameColumn,
 } from "./data-utils";
+import { GlideDataEditorPortal } from "./glide-portal";
 
 interface GlideDataEditorProps<T> {
   data: T[];
@@ -88,6 +89,7 @@ export const GlideDataEditor = <T,>({
 }: GlideDataEditorProps<T>) => {
   const { theme } = useTheme();
   const dataEditorRef = useRef<DataEditorRef>(null);
+  const portalElementRef = useRef<HTMLDivElement>(null);
 
   const [menu, setMenu] = useState<{ col: number; bounds: Rectangle }>();
   const [showSearch, setShowSearch] = useState<boolean>(false);
@@ -613,9 +615,13 @@ export const GlideDataEditor = <T,>({
 
   return (
     <div className="relative w-full min-w-0">
+      <GlideDataEditorPortal portalRef={portalElementRef} />
       <ErrorBoundary>
         <DataEditor
           ref={dataEditorRef}
+          // Glide types portalElementRef as RefObject<HTMLElement> (non-null); React 19 refs include null.
+          // @ts-expect-error glide-data-grid stale RefObject typing
+          portalElementRef={portalElementRef}
           getCellContent={getCellContent}
           columns={columns}
           gridSelection={selection}

package/src/plugins/impl/data-editor/glide-portal.tsx

@@ -0,0 +1,73 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import React, { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+
+/**
+ * Dismiss any open Glide Data Grid overlay by firing Escape on it.
+ */
+export function dismissGlideOverlay() {
+  const overlay = document.querySelector(
+    "[data-testid='glide-data-editor-portal'] .gdg-clip-region",
+  );
+  if (overlay) {
+    overlay.dispatchEvent(
+      new KeyboardEvent("keydown", { key: "Escape", bubbles: true }),
+    );
+  }
+}
+
+function getGlidePortalContainer(): Element {
+  return document.fullscreenElement ?? document.body;
+}
+
+function useGlidePortalContainer(): Element {
+  const [container, setContainer] = useState<Element>(getGlidePortalContainer);
+
+  useEffect(() => {
+    const handleFullscreenChange = () => {
+      if (document.fullscreenElement) {
+        setContainer(document.fullscreenElement);
+      } else {
+        dismissGlideOverlay();
+        setContainer(document.body);
+      }
+    };
+
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    // Sync on mount in case fullscreen became active before this editor mounted.
+    handleFullscreenChange();
+
+    return () => {
+      document.removeEventListener("fullscreenchange", handleFullscreenChange);
+    };
+  }, []);
+
+  return container;
+}
+
+/**
+ * Per-instance Glide Data Grid overlay portal on document.body.
+ * Moves into the active fullscreen element via createPortal so edit overlays stay visible
+ */
+export function GlideDataEditorPortal({
+  portalRef,
+}: {
+  portalRef: React.RefObject<HTMLDivElement | null>;
+}) {
+  const container = useGlidePortalContainer();
+
+  return createPortal(
+    <div
+      ref={portalRef}
+      data-testid="glide-data-editor-portal"
+      style={{
+        position: "fixed",
+        left: 0,
+        top: 0,
+        zIndex: 9999,
+      }}
+    />,
+    container,
+  );
+}

package/src/utils/errors.ts

@@ -62,6 +62,21 @@ function safeJSONParse(message: string): unknown {
   }
 }
 
+/**
+ * A failed HTTP response. Carries the status code so callers can branch on it
+ * (e.g. treat a capability 403 as a benign viewer state). The response body is
+ * kept as `cause` so `prettyError` can surface its `detail`.
+ */
+export class HTTPError extends Error {
+  readonly status: number;
+
+  constructor(status: number, statusText: string, body?: unknown) {
+    super(statusText, { cause: body });
+    this.name = "HTTPError";
+    this.status = status;
+  }
+}
+
 export class CellNotInitializedError extends Error {
   constructor(
     message = "The cell containing this UI element has not been run yet. Please run the cell first.",

package/dist/data-grid-overlay-editor-mfEJ5475.js

@@ -1,128 +0,0 @@
-import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-DA-nE2FX.js";
-import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
-import { _ as isEditableGridCell, i as makeCSSStyle, n as ThemeContext, t as ClickOutsideContainer, v as isInnerOnlyCell, y as isObjectEditorCallbackResult } from "./click-outside-container-BDd67_1U.js";
-import { t as styled_default } from "./dist-D_bzzWBm.js";
-var import_react_dom = require_react_dom(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), _exp2 = () => (n) => n.targetX, _exp3 = () => (n) => n.targetY, _exp4 = () => (n) => n.targetWidth, _exp5 = () => (n) => n.targetHeight, _exp6 = () => (n) => n.targetY + 10, _exp7 = () => (n) => Math.max(0, (n.targetHeight - 28) / 2);
-const DataGridOverlayEditorStyle = /* @__PURE__ */ styled_default("div")({
-  name: "DataGridOverlayEditorStyle",
-  class: "gdg-d19meir1",
-  propsAsIs: false,
-  vars: {
-    "d19meir1-0": [_exp3(), "px"],
-    "d19meir1-1": [_exp2(), "px"],
-    "d19meir1-2": [_exp4(), "px"],
-    "d19meir1-3": [_exp5(), "px"],
-    "d19meir1-4": [_exp6(), "px"],
-    "d19meir1-5": [_exp7(), "px"]
-  }
-});
-function useRefState() {
-  let [n, c] = import_react.useState();
-  return [n ?? void 0, c];
-}
-function useStayOnScreen() {
-  let [n, c] = useRefState(), [l, u] = import_react.useState(0), [d, f] = import_react.useState(true);
-  return import_react.useLayoutEffect(() => {
-    if (n === void 0 || !("IntersectionObserver" in window)) return;
-    let c2 = new IntersectionObserver((n2) => {
-      n2.length !== 0 && f(n2[0].isIntersecting);
-    }, { threshold: 1 });
-    return c2.observe(n), () => c2.disconnect();
-  }, [n]), import_react.useEffect(() => {
-    if (d || n === void 0) return;
-    let c2, l2 = () => {
-      let { right: d2 } = n.getBoundingClientRect();
-      u((n2) => Math.min(n2 + window.innerWidth - d2 - 10, 0)), c2 = requestAnimationFrame(l2);
-    };
-    return c2 = requestAnimationFrame(l2), () => {
-      c2 !== void 0 && cancelAnimationFrame(c2);
-    };
-  }, [n, d]), {
-    ref: c,
-    style: import_react.useMemo(() => ({ transform: `translateX(${l}px)` }), [l])
-  };
-}
-var data_grid_overlay_editor_default = (n) => {
-  let { target: c, content: l, onFinishEditing: p, forceEditMode: m, initialValue: h, imageEditorOverride: g, markdownDivCreateNode: _, highlight: v, className: y, theme: b, id: x, cell: S, bloom: C, validateCell: w, getCellRenderer: T, provideEditor: E, isOutsideClick: D, customEventTarget: O } = n, [k, A] = import_react.useState(m ? l : void 0), j = import_react.useRef(k ?? l);
-  j.current = k ?? l;
-  let [M, N] = import_react.useState(() => w === void 0 ? true : !(isEditableGridCell(l) && (w == null ? void 0 : w(S, l, j.current)) === false)), P = import_react.useCallback((n2, c2) => {
-    p(M ? n2 : void 0, c2);
-  }, [M, p]), F = import_react.useCallback((n2) => {
-    if (w !== void 0 && n2 !== void 0 && isEditableGridCell(n2)) {
-      let c2 = w(S, n2, j.current);
-      c2 === false ? N(false) : (typeof c2 == "object" && (n2 = c2), N(true));
-    }
-    A(n2);
-  }, [S, w]), I = import_react.useRef(false), L = import_react.useRef(void 0), R = import_react.useCallback(() => {
-    P(k, [0, 0]), I.current = true;
-  }, [k, P]), z = import_react.useCallback((n2, c2) => {
-    P(n2, c2 ?? L.current ?? [0, 0]), I.current = true;
-  }, [P]), B = import_react.useCallback(async (n2) => {
-    let c2 = false;
-    n2.key === "Escape" ? (n2.stopPropagation(), n2.preventDefault(), L.current = [0, 0]) : n2.key === "Enter" && !n2.shiftKey ? (n2.stopPropagation(), n2.preventDefault(), L.current = [0, 1], c2 = true) : n2.key === "Tab" && (n2.stopPropagation(), n2.preventDefault(), L.current = [n2.shiftKey ? -1 : 1, 0], c2 = true), window.setTimeout(() => {
-      !I.current && L.current !== void 0 && (P(c2 ? k : void 0, L.current), I.current = true);
-    }, 0);
-  }, [P, k]), V = k ?? l, [H, U] = import_react.useMemo(() => {
-    var _a, _b;
-    if (isInnerOnlyCell(l)) return [];
-    let n2 = E == null ? void 0 : E(l);
-    return n2 === void 0 ? [(_b = (_a = T(l)) == null ? void 0 : _a.provideEditor) == null ? void 0 : _b.call(_a, l), false] : [n2, false];
-  }, [
-    l,
-    T,
-    E
-  ]), { ref: W, style: G } = useStayOnScreen(), K = true, q, J = true, Y;
-  if (H !== void 0) {
-    K = H.disablePadding !== true, J = H.disableStyling !== true;
-    let n2 = isObjectEditorCallbackResult(H);
-    n2 && (Y = H.styleOverride);
-    let l2 = n2 ? H.editor : H;
-    q = import_react.createElement(l2, {
-      isHighlighted: v,
-      onChange: F,
-      value: V,
-      initialValue: h,
-      onFinishedEditing: z,
-      validatedSelection: isEditableGridCell(V) ? V.selectionRange : void 0,
-      forceEditMode: m,
-      target: c,
-      imageEditorOverride: g,
-      markdownDivCreateNode: _,
-      isValid: M,
-      theme: b
-    });
-  }
-  Y = {
-    ...Y,
-    ...G
-  };
-  let X = document.getElementById("portal");
-  if (X === null) return console.error('Cannot open Data Grid overlay editor, because portal not found.  Please add `<div id="portal" />` as the last child of your `<body>`.'), null;
-  let Z = J ? "gdg-style" : "gdg-unstyle";
-  M || (Z += " gdg-invalid"), K && (Z += " gdg-pad");
-  let Q = (C == null ? void 0 : C[0]) ?? 1, $ = (C == null ? void 0 : C[1]) ?? 1;
-  return (0, import_react_dom.createPortal)(import_react.createElement(ThemeContext.Provider, { value: b }, import_react.createElement(ClickOutsideContainer, {
-    style: makeCSSStyle(b),
-    className: y,
-    onClickOutside: R,
-    isOutsideClick: D,
-    customEventTarget: O
-  }, import_react.createElement(DataGridOverlayEditorStyle, {
-    ref: W,
-    id: x,
-    className: Z,
-    style: Y,
-    as: U === true ? "label" : void 0,
-    targetX: c.x - Q,
-    targetY: c.y - $,
-    targetWidth: c.width + Q * 2,
-    targetHeight: c.height + $ * 2
-  }, import_react.createElement("div", {
-    className: "gdg-clip-region",
-    onKeyDown: B
-  }, q)))), X);
-};
-export {
-  data_grid_overlay_editor_default as default
-};

package/src/components/editor/chrome/panels/__tests__/snippet-display.test.ts

@@ -1,22 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { describe, expect, it } from "vitest";
-import { getSnippetDisplay } from "../snippet-display";
-
-describe("getSnippetDisplay", () => {
-  it("shows sql cells as the sql query", () => {
-    const { language, value } = getSnippetDisplay(
-      'df = mo.sql("""SELECT * FROM users LIMIT 5""")',
-    );
-    expect(language).toBe("sql");
-    expect(value).toBe("SELECT * FROM users LIMIT 5");
-  });
-
-  it("keeps plain python cells as python", () => {
-    const code = "x = 1 + 2\nprint(x)";
-    expect(getSnippetDisplay(code)).toEqual({
-      language: "python",
-      value: code,
-    });
-  });
-});

package/src/components/editor/chrome/panels/snippet-display.ts

@@ -1,27 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { SQLParser } from "@marimo-team/smart-cells";
-
-export type SnippetLanguage = "python" | "sql";
-
-export interface SnippetDisplay {
-  language: SnippetLanguage;
-  value: string;
-}
-
-const sqlParser = new SQLParser();
-
-/**
- * Decide how a snippet's code should be shown in the panel.
- *
- * SQL cells are stored as python `mo.sql(...)`. Unwrap the inner query and
- * highlight it as SQL, matching how the cell renders once the snippet is
- * inserted. Everything else stays python.
- */
-export function getSnippetDisplay(code: string): SnippetDisplay {
-  if (sqlParser.isSupported(code)) {
-    const { code: query } = sqlParser.transformIn(code);
-    return { language: "sql", value: query };
-  }
-  return { language: "python", value: code };
-}

package/src/core/ai/context/providers/__tests__/__snapshots__/error.test.ts.snap

@@ -1,3 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`ErrorContextProvider > formatContext > should format context for basic errors > basic-error-context 1`] = `"<error name="Cell 1" description="Invalid syntax"></error>"`;

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

@@ -1,72 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { describe, expect, it } from "vitest";
-import { shouldShowSpinner } from "../PyodideLoader";
-
-describe("shouldShowSpinner", () => {
-  it("shows the spinner when there are no cells yet (Pyodide hasn't parsed)", () => {
-    expect(
-      shouldShowSpinner({
-        hasCells: false,
-        hasOutput: false,
-        mode: "read",
-        codeHidden: false,
-      }),
-    ).toBe(true);
-
-    expect(
-      shouldShowSpinner({
-        hasCells: false,
-        hasOutput: true,
-        mode: "edit",
-        codeHidden: false,
-      }),
-    ).toBe(true);
-  });
-
-  it("renders children once cells exist with code visible", () => {
-    // run mode, code visible, no outputs yet — the user can read the code
-    expect(
-      shouldShowSpinner({
-        hasCells: true,
-        hasOutput: false,
-        mode: "read",
-        codeHidden: false,
-      }),
-    ).toBe(false);
-  });
-
-  it("renders children once cells exist with cached outputs (snapshot case)", () => {
-    expect(
-      shouldShowSpinner({
-        hasCells: true,
-        hasOutput: true,
-        mode: "read",
-        codeHidden: true,
-      }),
-    ).toBe(false);
-  });
-
-  it("keeps the spinner up in headless run mode with no outputs", () => {
-    // read mode + code hidden + no outputs = nothing visible to render
-    expect(
-      shouldShowSpinner({
-        hasCells: true,
-        hasOutput: false,
-        mode: "read",
-        codeHidden: true,
-      }),
-    ).toBe(true);
-  });
-
-  it("never blocks edit mode once cells exist", () => {
-    expect(
-      shouldShowSpinner({
-        hasCells: true,
-        hasOutput: false,
-        mode: "edit",
-        codeHidden: true,
-      }),
-    ).toBe(false);
-  });
-});

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

@@ -1,124 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { createRef } from "react";
-import { describe, expect, it } from "vitest";
-import { cellId } from "@/__tests__/branded";
-import type { NotebookState } from "@/core/cells/cells";
-import { initialNotebookState, notebookAtom } from "@/core/cells/cells";
-import { createCell, createCellRuntimeState } from "@/core/cells/types";
-import type { OutputMessage } from "@/core/kernel/messages";
-import { store } from "@/core/state/jotai";
-import { CollapsibleTree, MultiColumn } from "@/utils/id-tree";
-import { hasAnyOutputAtom } from "../state";
-
-describe("hasAnyOutputAtom", () => {
-  const createNotebookState = (
-    outputs: (OutputMessage | null)[],
-  ): NotebookState => ({
-    ...initialNotebookState(),
-    cellIds: new MultiColumn([
-      CollapsibleTree.from(outputs.map((_, i) => cellId(`${i}`))),
-    ]),
-    cellData: Object.fromEntries(
-      outputs.map((_, i) => [
-        cellId(`${i}`),
-        createCell({ id: cellId(`${i}`) }),
-      ]),
-    ),
-    cellRuntime: Object.fromEntries(
-      outputs.map((output, i) => [
-        `${i}`,
-        createCellRuntimeState({
-          output,
-          status: "queued",
-          outline: { items: [] },
-        }),
-      ]),
-    ),
-    cellHandles: Object.fromEntries(
-      outputs.map((_, i) => [cellId(`${i}`), createRef()]),
-    ),
-  });
-
-  it("should return false when there are no outputs", () => {
-    store.set(notebookAtom, createNotebookState([null, null]));
-    expect(store.get(hasAnyOutputAtom)).toBe(false);
-  });
-
-  it("should return false when all outputs are empty", () => {
-    store.set(
-      notebookAtom,
-      createNotebookState([
-        { channel: "output", mimetype: "text/plain", data: "", timestamp: 0 },
-        { channel: "output", mimetype: "text/plain", data: "", timestamp: 0 },
-      ]),
-    );
-    expect(store.get(hasAnyOutputAtom)).toBe(false);
-  });
-
-  it("should return true when there is at least one non-empty output", () => {
-    store.set(
-      notebookAtom,
-      createNotebookState([
-        { channel: "output", mimetype: "text/plain", data: "", timestamp: 0 },
-        {
-          channel: "output",
-          mimetype: "text/plain",
-          data: "hello",
-          timestamp: 0,
-        },
-      ]),
-    );
-    expect(store.get(hasAnyOutputAtom)).toBe(true);
-  });
-
-  it("should handle various output types", () => {
-    store.set(
-      notebookAtom,
-      createNotebookState([
-        {
-          channel: "output",
-          mimetype: "application/json",
-          data: { foo: "bar" },
-          timestamp: 0,
-        },
-        { channel: "output", mimetype: "text/plain", data: "", timestamp: 0 },
-      ]),
-    );
-    expect(store.get(hasAnyOutputAtom)).toBe(true);
-  });
-
-  it("should return true when all outputs are idle", () => {
-    const notebookState = createNotebookState([null, null]);
-    const cellId0 = cellId("0");
-    const cellId1 = cellId("1");
-    // Some idle cell, so returns false
-    store.set(notebookAtom, {
-      ...notebookState,
-      cellRuntime: {
-        ...notebookState.cellRuntime,
-        [cellId0]: {
-          ...notebookState.cellRuntime[cellId0],
-          status: "idle",
-        },
-      },
-    });
-    expect(store.get(hasAnyOutputAtom)).toBe(false);
-
-    // All cells are idle, so returns true
-    store.set(notebookAtom, {
-      ...notebookState,
-      cellRuntime: {
-        [cellId0]: {
-          ...notebookState.cellRuntime[cellId0],
-          status: "idle",
-        },
-        [cellId1]: {
-          ...notebookState.cellRuntime[cellId1],
-          status: "idle",
-        },
-      },
-    });
-    expect(store.get(hasAnyOutputAtom)).toBe(true);
-  });
-});