@marimo-team/islands 0.20.5-dev9 → 0.20.5-dev90

package/dist/{uniq-cCc07Q8K.js → uniq-H2E5nMLq.js}

@@ -1,4 +1,4 @@
-import { t as _baseUniq_default } from "./_baseUniq-DSSiFuIJ.js";
+import { t as _baseUniq_default } from "./_baseUniq-BUFhl85h.js";
 function uniq(n) {
   return n && n.length ? _baseUniq_default(n) : [];
 }

package/dist/{useAsyncData-B4hMFGnF.js → useAsyncData-D7-oahg5.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { C as useEvent_default } from "./useTheme-BNYQnvu-.js";
+import { C as useEvent_default } from "./useTheme-D0rdoMBF.js";
 import { t as invariant } from "./invariant-D9QLJ4SZ.js";
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), Result = {
   error(e, s) {

package/dist/{useDeepCompareMemoize-DuPhOXzr.js → useDeepCompareMemoize-DLS-bHHT.js}

@@ -4,12 +4,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { l as createLucideIcon } from "./dist-B8Y11RWn.js";
-import { a as cva, g as Logger, y as cn } from "./button-KYalaJYu.js";
+import { l as createLucideIcon } from "./dist-WIWVvdBh.js";
+import { a as cva, g as Logger, y as cn } from "./button-DQpBib29.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
-import { r as KnownQueryParams } from "./constants-D1Tbg_6B.js";
-import { f as waitFor, p as isIslands, u as store, y as atom } from "./useTheme-BNYQnvu-.js";
-import { i as tableFromIPC } from "./loader-eJCvvApN.js";
+import { r as KnownQueryParams } from "./constants-CytQ_3LM.js";
+import { f as waitFor, p as isIslands, u as store, y as atom } from "./useTheme-D0rdoMBF.js";
+import { i as tableFromIPC } from "./loader-DsE3MiYo.js";
 var CircleQuestionMark = createLucideIcon("circle-question-mark", [
   ["circle", {
     cx: "12",

package/dist/{useIframeCapabilities-CAt6D2EI.js → useIframeCapabilities-DFGZKWkO.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { g as Logger } from "./button-KYalaJYu.js";
+import { g as Logger } from "./button-DQpBib29.js";
 import { n as once } from "./once-BqS42WgZ.js";
 function testStorage(e) {
   try {

package/dist/{useTheme-BNYQnvu-.js → useTheme-D0rdoMBF.js}

@@ -1,10 +1,10 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { g as Logger, s as OverridingHotkeyProvider, u as resolvePlatform } from "./button-KYalaJYu.js";
-import { B as record, H as string, L as number, O as array, P as looseObject, R as object, W as union, k as boolean, w as _enum } from "./Combination-Du-o_hC9.js";
-import { t as _baseIsEqual_default } from "./_baseIsEqual-5cAxzk6f.js";
-import { t as merge_default } from "./merge-CGQkMGzr.js";
+import { g as Logger, s as OverridingHotkeyProvider, u as resolvePlatform } from "./button-DQpBib29.js";
+import { B as record, H as string, L as number, O as array, P as looseObject, R as object, W as union, k as boolean, w as _enum } from "./Combination-Dk6JxauT.js";
+import { t as _baseIsEqual_default } from "./_baseIsEqual-CvgsjYoW.js";
+import { t as merge_default } from "./merge-NuyC7LN7.js";
 function isEqual(e, A) {
   return _baseIsEqual_default(e, A);
 }
@@ -594,7 +594,8 @@ const UserConfigSchema = looseObject({
   }).prefault({}),
   experimental: looseObject({
     markdown: boolean().optional(),
-    rtc: boolean().optional()
+    rtc: boolean().optional(),
+    storage_inspector: boolean().prefault(true)
   }).prefault(() => ({})),
   server: looseObject({ disable_file_downloads: boolean().optional() }).prefault(() => ({})),
   diagnostics: looseObject({

package/dist/{vega-component-DouPy8AI.js → vega-component-CnO3mkFC.js}

@@ -1,19 +1,19 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { S as CircleQuestionMark, a as AlertTitle, m as asRemoteURL, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-DuPhOXzr.js";
-import { d as Objects, g as Logger, h as Events } from "./button-KYalaJYu.js";
-import "./Combination-Du-o_hC9.js";
+import { S as CircleQuestionMark, a as AlertTitle, m as asRemoteURL, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-DLS-bHHT.js";
+import { d as Objects, g as Logger, h as Events, y as cn } from "./button-DQpBib29.js";
+import "./Combination-Dk6JxauT.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
 import "./react-dom-CqtLRVZP.js";
-import { t as Tooltip } from "./tooltip-CL8m4f9y.js";
-import { i as debounce_default } from "./constants-D1Tbg_6B.js";
-import { C as useEvent_default, n as useTheme } from "./useTheme-BNYQnvu-.js";
-import { a as tooltipHandler, n as vegaLoadData } from "./loader-eJCvvApN.js";
-import { t as uniq_default } from "./uniq-cCc07Q8K.js";
-import { n as ErrorBanner } from "./error-banner-D0tXnwl4.js";
+import { t as Tooltip } from "./tooltip-SPkubVH3.js";
+import { i as debounce_default } from "./constants-CytQ_3LM.js";
+import { C as useEvent_default, n as useTheme } from "./useTheme-D0rdoMBF.js";
+import { a as tooltipHandler, n as vegaLoadData } from "./loader-DsE3MiYo.js";
+import { t as uniq_default } from "./uniq-H2E5nMLq.js";
+import { n as ErrorBanner } from "./error-banner-BctofTCP.js";
 import { n as formats } from "./vega-loader.browser-CQ-lnUkI.js";
-import { t as useAsyncData } from "./useAsyncData-B4hMFGnF.js";
+import { t as useAsyncData } from "./useAsyncData-D7-oahg5.js";
 import { t as j } from "./react-vega-C6kwcd86.js";
 import "./defaultLocale-Bklbu-Tp.js";
 import "./defaultLocale-CfQ4kBaV.js";
@@ -598,7 +598,7 @@ var VegaComponent = (e) => {
       children: B.stack
     })]
   }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-    className: "relative",
+    className: cn("relative", "width" in W && W.width === "container" && "vega-container-width"),
     onPointerDown: Events.stopPropagation(),
     children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: R }), Q()]
   })] });

package/dist/{xychartDiagram-PRI3JC2R-rEm_SIsC.js → xychartDiagram-PRI3JC2R-XO8FiQjU.js}

@@ -1,17 +1,17 @@
 var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-import "./purify.es-CyOIw8ru.js";
+import "./purify.es-DGenX2XH.js";
 import { t as linear } from "./linear-DIp6l9sg.js";
 import { n as ordinal } from "./ordinal-Dcvf4J1m.js";
 import { t as range } from "./range-BToS7LsA.js";
 import "./defaultLocale-Bklbu-Tp.js";
 import { t as line_default } from "./line-C1k1rG3Z.js";
-import { i as cleanAndMerge } from "./chunk-S3R3BYOJ-CsnX6RKs.js";
+import { i as cleanAndMerge } from "./chunk-S3R3BYOJ-BRT9vd1R.js";
 import { n as initRange } from "./init-Ci8VD8ZH.js";
 import { i as log, r as __name } from "./src-CHUphWwL.js";
-import { B as setAccTitle, C as getDiagramTitle, I as sanitizeText, T as getThemeVariables3, U as setDiagramTitle, _ as getAccDescription, a as clear, c as configureSvgSize, d as defaultConfig_default, v as getAccTitle, y as getConfig, z as setAccDescription } from "./chunk-ABZYJK2D-CRwanrkd.js";
-import { t as selectSvgElement } from "./chunk-EXTU4WIE-CV_DQeaX.js";
+import { B as setAccTitle, C as getDiagramTitle, I as sanitizeText, T as getThemeVariables3, U as setDiagramTitle, _ as getAccDescription, a as clear, c as configureSvgSize, d as defaultConfig_default, v as getAccTitle, y as getConfig, z as setAccDescription } from "./chunk-ABZYJK2D-7QYXAAhe.js";
+import { t as selectSvgElement } from "./chunk-EXTU4WIE-BRFl4iNd.js";
 import "./dist-Bymy0kEH.js";
-import { t as computeDimensionOfText } from "./chunk-JA3XYJ7Z-Cmt--e0q.js";
+import { t as computeDimensionOfText } from "./chunk-JA3XYJ7Z-BkrY9SdL.js";
 function band() {
   var e = ordinal().unknown(void 0), w = e.domain, T = e.range, D = 0, O = 1, k, A, j = false, M = 0, N = 0, P = 0.5;
   delete e.unknown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.20.5-dev9",
+  "version": "0.20.5-dev90",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -23,20 +23,20 @@
   "dependencies": {
     "@ai-sdk/react": "^2.0.125",
     "@anywidget/types": "^0.2.0",
-    "@codemirror/autocomplete": "^6.20.0",
+    "@codemirror/autocomplete": "^6.20.1",
     "@codemirror/commands": "^6.10.2",
     "@codemirror/lang-markdown": "^6.5.0",
     "@codemirror/lang-python": "^6.2.1",
     "@codemirror/lang-sql": "^6.10.0",
-    "@codemirror/language": "^6.12.1",
+    "@codemirror/language": "^6.12.2",
     "@codemirror/language-data": "^6.5.2",
     "@codemirror/legacy-modes": "^6.5.2",
-    "@codemirror/lint": "^6.9.3",
-    "@codemirror/merge": "^6.11.2",
+    "@codemirror/lint": "^6.9.5",
+    "@codemirror/merge": "^6.12.0",
     "@codemirror/search": "^6.6.0",
     "@codemirror/state": "^6.5.4",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.39.12",
+    "@codemirror/view": "^6.39.16",
     "@dagrejs/dagre": "^1.1.8",
     "@date-fns/tz": "^1.4.1",
     "@dnd-kit/core": "^6.3.1",
@@ -102,7 +102,7 @@
     "@types/jsdom": "^21.1.7",
     "@types/react-grid-layout": "^1.3.6",
     "@uidotdev/usehooks": "^2.4.1",
-    "@uiw/codemirror-extensions-langs": "^4.25.4",
+    "@uiw/codemirror-extensions-langs": "^4.25.7",
     "@uiw/react-codemirror": "4.25.4",
     "@uwdata/flechette": "^1.1.2",
     "@valtown/codemirror-codeium": "^1.1.1",
@@ -147,8 +147,8 @@
     "plotly.js": "^3.3.1",
     "pyodide": "0.27.7",
     "react-arborist": "^3.4.3",
-    "react-aria": "3.44.0",
-    "react-aria-components": "1.13.0",
+    "react-aria": "3.47.0",
+    "react-aria-components": "1.16.0",
     "react-codemirror-merge": "4.25.4",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",

package/src/__mocks__/common.ts

@@ -3,9 +3,19 @@
 import { type Mock, vi } from "vitest";
 import { invariant } from "@/utils/invariant";
 
+interface MockLogger {
+  debug: Mock;
+  log: Mock;
+  warn: Mock;
+  error: Mock;
+  trace: Mock;
+  get: Mock;
+  disabled: Mock;
+}
+
 // Common mock factories
 export const Mocks = {
-  quietLogger: () => ({
+  quietLogger: (): MockLogger => ({
     debug: vi.fn(),
     log: vi.fn(),
     warn: vi.fn(),
@@ -15,7 +25,7 @@ export const Mocks = {
     disabled: vi.fn(),
   }),
 
-  logger: () => ({
+  logger: (): MockLogger => ({
     debug: vi.fn().mockImplementation(console.debug),
     log: vi.fn().mockImplementation(console.log),
     warn: vi.fn().mockImplementation(console.warn),
@@ -70,8 +80,33 @@ export const Mocks = {
     },
 };
 
+// Common mock modules for vi.mock() calls
+export const MockModules = {
+  toast: () => ({ toast: vi.fn() }),
+  toastWithControls: () => {
+    const dismiss = vi.fn();
+    const update = vi.fn();
+    return {
+      mock: { toast: vi.fn(() => ({ dismiss, update })) },
+      dismiss,
+      update,
+    };
+  },
+};
+
 // Global mock setup functions
 export const SetupMocks = {
+  resizeObserver: () => {
+    const observe = vi.fn();
+    const unobserve = vi.fn();
+    const disconnect = vi.fn();
+    global.ResizeObserver = class MockResizeObserver {
+      observe = observe;
+      unobserve = unobserve;
+      disconnect = disconnect;
+    } as unknown as typeof ResizeObserver;
+    return { observe, unobserve, disconnect };
+  },
   clipboard: (mockClipboard = Mocks.clipboard()) => {
     Object.defineProperty(navigator, "clipboard", {
       value: mockClipboard,
@@ -79,12 +114,10 @@ export const SetupMocks = {
     });
 
     // Mock ClipboardItem
-    // @ts-expect-error - ClipboardItem types not exact
-    global.ClipboardItem = vi
-      .fn()
-      .mockImplementation((data) => Mocks.clipboardItem(data));
-
-    global.ClipboardItem.supports = vi.fn().mockReturnValue(true);
+    global.ClipboardItem = Object.assign(
+      vi.fn().mockImplementation((data) => Mocks.clipboardItem(data)),
+      { supports: vi.fn().mockReturnValue(true) },
+    ) as unknown as typeof ClipboardItem;
 
     // Mock Blob
     global.Blob = vi

package/src/__mocks__/requests.ts

@@ -59,6 +59,7 @@ export const MockRequestClient = {
       getRunningNotebooks: vi.fn().mockResolvedValue({ files: [] }),
       shutdownSession: vi.fn().mockResolvedValue({}),
       exportAsHTML: vi.fn().mockResolvedValue({ html: "" }),
+      exportAsIPYNB: vi.fn().mockResolvedValue(""),
       exportAsMarkdown: vi.fn().mockResolvedValue({ markdown: "" }),
       exportAsPDF: vi.fn().mockResolvedValue(new Blob()),
       autoExportAsHTML: vi.fn().mockResolvedValue({}),

package/src/components/chat/__tests__/useFileState.test.tsx

@@ -2,12 +2,11 @@
 
 import { act, renderHook } from "@testing-library/react";
 import { beforeEach, describe, expect, it, vi } from "vitest";
+import { MockModules } from "@/__mocks__/common";
 import { toast } from "@/components/ui/use-toast";
 import { useFileState } from "../chat-utils";
 
-vi.mock("@/components/ui/use-toast", () => ({
-  toast: vi.fn(),
-}));
+vi.mock("@/components/ui/use-toast", () => MockModules.toast());
 
 describe("useFileState", () => {
   beforeEach(() => {

package/src/components/chat/acp/__tests__/context-utils.test.ts

@@ -1,6 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import { beforeEach, describe, expect, it, type Mocked, vi } from "vitest";
+import { Mocks } from "@/__mocks__/common";
 import {
   convertFilesToResourceLinks,
   parseContextFromPrompt,
@@ -19,12 +20,7 @@ vi.mock("@/core/state/jotai", () => ({
   store: {},
 }));
 
-vi.mock("@/utils/Logger", () => ({
-  Logger: {
-    error: vi.fn(),
-    debug: vi.fn(),
-  },
-}));
+vi.mock("@/utils/Logger", () => ({ Logger: Mocks.quietLogger() }));
 
 import { getAIContextRegistry } from "@/core/ai/context/context";
 import type {

package/src/components/datasources/components.tsx

@@ -1,18 +1,15 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import { ChevronRightIcon, LoaderCircle, XIcon } from "lucide-react";
+import { LoaderCircle, XIcon } from "lucide-react";
 import type { CSSProperties } from "react";
+import { TreeChevron } from "@/components/editor/file-tree/tree-actions";
 import type { DataType } from "@/core/kernel/messages";
 import { cn } from "@/utils/cn";
 import { DATA_TYPE_ICON, getDataTypeColor } from "../datasets/icons";
 
 export const RotatingChevron: React.FC<{ isExpanded: boolean }> = ({
   isExpanded,
-}) => (
-  <ChevronRightIcon
-    className={cn("h-3 w-3 transition-transform", isExpanded && "rotate-90")}
-  />
-);
+}) => <TreeChevron isExpanded={isExpanded} className="h-3 w-3" />;
 
 export const DatasourceLabel: React.FC<{
   children: React.ReactNode;

package/src/components/datasources/datasources.tsx

@@ -3,11 +3,12 @@
 import { CommandList } from "cmdk";
 import { atom, useAtomValue, useSetAtom } from "jotai";
 import { sortBy } from "lodash-es";
-import { PlusIcon, PlusSquareIcon, RefreshCwIcon, XIcon } from "lucide-react";
+import { PlusIcon, PlusSquareIcon, XIcon } from "lucide-react";
 import React from "react";
 import { dbDisplayName } from "@/components/databases/display";
 import { EngineVariable } from "@/components/databases/engine-variable";
 import { DatabaseLogo } from "@/components/databases/icon";
+import { RefreshIconButton } from "@/components/editor/file-tree/tree-actions";
 import { CopyClipboardIcon } from "@/components/icons/copy-icon";
 import { Button } from "@/components/ui/button";
 import { Command, CommandInput, CommandItem } from "@/components/ui/command";
@@ -265,15 +266,10 @@ const Engine: React.FC<{
   const engineName = internalEngine ? "In-Memory" : connection.name;
   const { previewDataSourceConnection } = useRequestClient();
 
-  const [isSpinning, setIsSpinning] = React.useState(false);
-
   const handleRefreshConnection = async () => {
-    setIsSpinning(true);
     await previewDataSourceConnection({
       engine: connection.name,
     });
-    // Artificially spin the icon if the request is really fast
-    setTimeout(() => setIsSpinning(false), 500);
   };
 
   return (
@@ -288,21 +284,12 @@ const Engine: React.FC<{
           (<EngineVariable variableName={engineName as VariableName} />)
         </span>
         {!internalEngine && (
-          <Tooltip content="Refresh connection">
-            <Button
-              variant="ghost"
-              size="icon"
-              className="ml-auto hover:bg-transparent hover:shadow-none"
-              onClick={handleRefreshConnection}
-            >
-              <RefreshCwIcon
-                className={cn(
-                  "h-4 w-4 text-muted-foreground hover:text-foreground",
-                  isSpinning && "animate-[spin_0.5s]",
-                )}
-              />
-            </Button>
-          </Tooltip>
+          <RefreshIconButton
+            onClick={handleRefreshConnection}
+            tooltip="Refresh connection"
+            className="ml-auto h-4 p-0"
+            iconClassName="h-3.5 w-3.5"
+          />
         )}
       </DatasourceLabel>
       {hasChildren ? (

package/src/components/editor/__tests__/data-attributes.test.tsx

@@ -2,6 +2,7 @@
 import { render } from "@testing-library/react";
 import { createStore, Provider } from "jotai";
 import { beforeAll, describe, expect, it } from "vitest";
+import { SetupMocks } from "@/__mocks__/common";
 import { MockNotebook } from "@/__mocks__/notebook";
 import { MockRequestClient } from "@/__mocks__/requests";
 import { TooltipProvider } from "@/components/ui/tooltip";
@@ -25,17 +26,7 @@ function createTestWrapper() {
 }
 
 beforeAll(() => {
-  global.ResizeObserver = class ResizeObserver {
-    observe() {
-      // do nothing
-    }
-    unobserve() {
-      // do nothing
-    }
-    disconnect() {
-      // do nothing
-    }
-  };
+  SetupMocks.resizeObserver();
   global.HTMLDivElement.prototype.scrollIntoView = () => {
     // do nothing
   };

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

@@ -27,6 +27,7 @@ export interface ActionButton {
   handleHeadless?: (event?: Event) => void;
   divider?: boolean;
   dropdown?: ActionButton[];
+  additionalKeywords?: string[];
 }
 
 export function isParentAction(
@@ -51,6 +52,10 @@ export function flattenActions(
     if (isParentAction(action)) {
       return flattenActions(action.dropdown, `${prevLabel + action.label} > `);
     }
-    return { ...action, label: prevLabel + action.label };
+    return {
+      ...action,
+      label: prevLabel + action.label,
+      additionalKeywords: action.additionalKeywords,
+    };
   });
 }

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

@@ -31,6 +31,7 @@ import {
   LayoutTemplateIcon,
   LinkIcon,
   MessagesSquareIcon,
+  NotebookIcon,
   PanelLeftIcon,
   PowerSquareIcon,
   PresentationIcon,
@@ -123,8 +124,13 @@ export function useNotebookActions() {
   const setCommandPaletteOpen = useSetAtom(commandPaletteAtom);
   const setSettingsDialogOpen = useSetAtom(settingDialogAtom);
   const setKeyboardShortcutsOpen = useSetAtom(keyboardShortcutsAtom);
-  const { exportAsMarkdown, readCode, saveCellConfig, updateCellOutputs } =
-    useRequestClient();
+  const {
+    exportAsIPYNB,
+    exportAsMarkdown,
+    readCode,
+    saveCellConfig,
+    updateCellOutputs,
+  } = useRequestClient();
   const takeScreenshots = useEnrichCellOutputs();
 
   const hasDisabledCells = useAtomValue(hasDisabledCellsAtom);
@@ -199,6 +205,27 @@ export function useNotebookActions() {
     setTimeout(() => window.dispatchEvent(afterprint), 0);
   };
 
+  const handleDownloadAsIPYNB = async () => {
+    if (!filename) {
+      toastNotebookMustBeNamed();
+      return;
+    }
+
+    const runDownload = async (progress: ProgressState) => {
+      await updateCellOutputsWithScreenshots({
+        takeScreenshots: () => takeScreenshots({ progress }),
+        updateCellOutputs,
+      });
+      const ipynb = await exportAsIPYNB({ download: false });
+      downloadBlob(
+        new Blob([ipynb], { type: "application/x-ipynb+json" }),
+        Filenames.toIPYNB(document.title),
+      );
+    };
+
+    await withLoadingToast("Downloading IPYNB...", runDownload);
+  };
+
   const actions: ActionButton[] = [
     {
       icon: <DownloadIcon size={14} strokeWidth={1.5} />,
@@ -240,6 +267,11 @@ export function useNotebookActions() {
             );
           },
         },
+        {
+          icon: <NotebookIcon size={14} strokeWidth={1.5} />,
+          label: "Download as ipynb",
+          handle: handleDownloadAsIPYNB,
+        },
         {
           icon: <CodeIcon size={14} strokeWidth={1.5} />,
           label: "Download Python code",
@@ -347,17 +379,20 @@ export function useNotebookActions() {
       label: "Helper panel",
       redundant: true,
       handle: NOOP_HANDLER,
-      dropdown: PANELS.flatMap(({ type: id, Icon, hidden }) => {
-        if (hidden) {
-          return [];
-        }
-        return {
-          label: startCase(id),
-          rightElement: renderCheckboxElement(selectedPanel === id),
-          icon: <Icon size={14} strokeWidth={1.5} />,
-          handle: () => toggleApplication(id),
-        };
-      }),
+      dropdown: PANELS.flatMap(
+        ({ type: id, Icon, hidden, additionalKeywords }) => {
+          if (hidden) {
+            return [];
+          }
+          return {
+            label: startCase(id),
+            rightElement: renderCheckboxElement(selectedPanel === id),
+            icon: <Icon size={14} strokeWidth={1.5} />,
+            handle: () => toggleApplication(id),
+            additionalKeywords,
+          };
+        },
+      ),
     },
 
     {
@@ -478,6 +513,7 @@ export function useNotebookActions() {
       label: "Restart kernel",
       variant: "danger",
       handle: restartKernel,
+      additionalKeywords: ["reset", "reload", "restart"],
     },
     {
       icon: <FastForwardIcon size={14} strokeWidth={1.5} />,
@@ -535,6 +571,7 @@ export function useNotebookActions() {
       label: "User settings",
       handle: () => setSettingsDialogOpen((open) => !open),
       redundant: true,
+      additionalKeywords: ["preferences", "options", "configuration"],
     },
     {
       icon: <ExternalLinkIcon size={14} strokeWidth={1.5} />,

package/src/components/editor/cell/cell-context-menu.tsx

@@ -25,7 +25,7 @@ import { CellOutputId } from "@/core/cells/ids";
 import { isOutputEmpty } from "@/core/cells/outputs";
 import { goToDefinitionAtCursorPosition } from "@/core/codemirror/go-to-definition/utils";
 import { sendToPanelManager } from "@/core/vscode/vscode-bindings";
-import { copyToClipboard } from "@/utils/copy";
+import { copyImageToClipboard, copyToClipboard } from "@/utils/copy";
 import { getImageExtension } from "@/utils/filenames";
 import { Logger } from "@/utils/Logger";
 import type { ActionButton } from "../actions/types";
@@ -127,11 +127,7 @@ export const CellActionsContextMenu = ({
       icon: <ClipboardCopyIcon size={13} strokeWidth={1.5} />,
       handle: async () => {
         if (imageRightClicked) {
-          const response = await fetch(imageRightClicked.src);
-          const blob = await response.blob();
-          const item = new ClipboardItem({ [blob.type]: blob });
-          await navigator.clipboard
-            .write([item])
+          await copyImageToClipboard(imageRightClicked.src)
             .then(() => {
               toast({
                 title: "Copied image to clipboard",