@marimo-team/islands 0.23.7-dev18 → 0.23.7-dev19

package/dist/{code-visibility-CG4-R_b9.js → code-visibility-DWei3hY2.js}

@@ -25691,7 +25691,7 @@ ${_}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.7-dev18");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.7-dev19");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as useCellActions, At as DeferredRequestRegistry, B as safeExtractSet
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BOg95xG5.js";
 import { o as useSize, s as Root$2, u as createLucideIcon } from "./dist-D3ZI9nhS.js";
 import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-hVaaZsY5.js";
-import { $ as filtersToFilterGroup, A as contextAwarePanelOwner, At as Funnel, B as TableCell, Bt as ChevronLeft, C as prettifyRowCount, Ct as useOverflowDetection, D as ContextAwarePanelItem, Dt as EmotionCacheProvider, E as ComboboxItem, Et as HtmlOutput, F as Toggle, Ft as Code, G as generateColumns, H as TableHeader, I as Fill, It as ChevronsUpDown, J as ColumnChartContext, K as inferFieldTypes, L as Provider$1, Lt as ChevronsRight, M as isCellAwareAtom, N as SlotNames, Nt as Ellipsis, O as PANEL_TYPES, Ot as TextWrap, P as slotsController, Pt as Download, Q as usePrevious$1, R as Table, Rt as ChevronsLeft, S as prettifyRowColumnCount, St as LazyVegaEmbed, T as Combobox, Tt as Kbd, U as TableRow, V as TableHead, Vt as ArrowDownWideNarrow, W as NAMELESS_COLUMN_PREFIX, X as DelayMount, Y as ColumnChartSpecModel, Z as useIntersectionObserver, _ as downloadBlob, _t as TabsList, at as TOO_MANY_ROWS, b as Progress, bt as ChartInfoState, c as Slide, ct as Command, d as JsonOutput, dt as CommandItem, et as getPageIndexForRow, f as OutputArea, ft as CommandList, g as ADD_PRINTING_CLASS, gt as TabsContent, h as InstallPackageButton, ht as Tabs, it as SELECT_COLUMN_ID, j as contextAwarePanelType, jt as EyeOff, k as contextAwarePanelOpen, kt as GripHorizontal, l as RadioGroup, lt as CommandEmpty, m as DataTable, mt as Maps, n as marimoVersionAtom, nt as loadTableData, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as toFieldTypes, p as OutputRenderer, pt as CommandSeparator, q as renderCellValue, r as showCodeInRunModeAtom, rt as INDEX_COLUMN_NAME, st as getMimeValues, t as useNotebookCodeAvailable, tt as loadTableAndRawData, u as RadioGroupItem, ut as CommandInput, v as downloadByURL, vt as TabsTrigger, w as useInternalStateWithSync, wt as RenderTextWithLinks, x as Filenames, xt as ChartLoadingState, y as downloadHTMLAsImage, yt as ChartErrorState, z as TableBody, zt as ChevronsDownUp, __tla as __tla_2 } from "./code-visibility-CG4-R_b9.js";
+import { $ as filtersToFilterGroup, A as contextAwarePanelOwner, At as Funnel, B as TableCell, Bt as ChevronLeft, C as prettifyRowCount, Ct as useOverflowDetection, D as ContextAwarePanelItem, Dt as EmotionCacheProvider, E as ComboboxItem, Et as HtmlOutput, F as Toggle, Ft as Code, G as generateColumns, H as TableHeader, I as Fill, It as ChevronsUpDown, J as ColumnChartContext, K as inferFieldTypes, L as Provider$1, Lt as ChevronsRight, M as isCellAwareAtom, N as SlotNames, Nt as Ellipsis, O as PANEL_TYPES, Ot as TextWrap, P as slotsController, Pt as Download, Q as usePrevious$1, R as Table, Rt as ChevronsLeft, S as prettifyRowColumnCount, St as LazyVegaEmbed, T as Combobox, Tt as Kbd, U as TableRow, V as TableHead, Vt as ArrowDownWideNarrow, W as NAMELESS_COLUMN_PREFIX, X as DelayMount, Y as ColumnChartSpecModel, Z as useIntersectionObserver, _ as downloadBlob, _t as TabsList, at as TOO_MANY_ROWS, b as Progress, bt as ChartInfoState, c as Slide, ct as Command, d as JsonOutput, dt as CommandItem, et as getPageIndexForRow, f as OutputArea, ft as CommandList, g as ADD_PRINTING_CLASS, gt as TabsContent, h as InstallPackageButton, ht as Tabs, it as SELECT_COLUMN_ID, j as contextAwarePanelType, jt as EyeOff, k as contextAwarePanelOpen, kt as GripHorizontal, l as RadioGroup, lt as CommandEmpty, m as DataTable, mt as Maps, n as marimoVersionAtom, nt as loadTableData, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as toFieldTypes, p as OutputRenderer, pt as CommandSeparator, q as renderCellValue, r as showCodeInRunModeAtom, rt as INDEX_COLUMN_NAME, st as getMimeValues, t as useNotebookCodeAvailable, tt as loadTableAndRawData, u as RadioGroupItem, ut as CommandInput, v as downloadByURL, vt as TabsTrigger, w as useInternalStateWithSync, wt as RenderTextWithLinks, x as Filenames, xt as ChartLoadingState, y as downloadHTMLAsImage, yt as ChartErrorState, z as TableBody, zt as ChevronsDownUp, __tla as __tla_2 } from "./code-visibility-DWei3hY2.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-BF6-z62y.js";
 import { n as $fb18d541ea1ad717$export$ad991b66133851cf, r as $5a387cc49350e6db$export$722debc0e56fea39, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B_9k85Ex.js";
 import { t as Check } from "./check-BcUIXnUT.js";
@@ -44600,7 +44600,7 @@ ${c}
     if (l && l !== "slide") return l;
     if (c == null ? void 0 : c.has(e)) return "skip";
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-CAlN98g0.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-DFFQKVN0.js"));
   const SlidesLayoutPlugin = {
     type: "slides",
     name: "Slides",

package/dist/{reveal-component-CAlN98g0.js → reveal-component-DFFQKVN0.js}

@@ -8,7 +8,7 @@ import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import "./html-to-image-q0T1ijn_.js";
 import "./chunk-5FQGJX7Z-BOg95xG5.js";
-import { Ft as Code, Mt as Expand, a as DEFAULT_SLIDE_TYPE, c as Slide, i as DEFAULT_DECK_TRANSITION, jt as EyeOff, s as SlideSidebar, t as useNotebookCodeAvailable } from "./code-visibility-CG4-R_b9.js";
+import { Ft as Code, Mt as Expand, a as DEFAULT_SLIDE_TYPE, c as Slide, i as DEFAULT_DECK_TRANSITION, jt as EyeOff, s as SlideSidebar, t as useNotebookCodeAvailable } from "./code-visibility-DWei3hY2.js";
 import "./input-Cc1Vvw9A.js";
 import "./toDate-CJWlVNGD.js";
 import "./react-dom-BWRJ_g_k.js";

package/package.json

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

package/src/components/editor/navigation/__tests__/clipboard.test.ts

@@ -28,7 +28,6 @@ vi.mock("@/core/cells/pending-cut-service", () => ({
   }),
   usePendingCutState: () => ({
     cellIds: new Set(),
-    clipboardData: null,
   }),
 }));
 

package/src/components/editor/navigation/clipboard.ts

@@ -42,9 +42,19 @@ const ClipboardCellDataSchema = z.object({
   version: z.literal("1.0"),
 });
 
-function buildClipboardPayload(
-  cells: Array<{ code: string; name?: string; config?: CellConfig }>,
-): { clipboardData: ClipboardCellData; plainText: string } {
+interface ClipboardCellInput {
+  code: string;
+  name?: string;
+  config?: CellConfig;
+}
+
+function toPlainText(cells: ClipboardCellInput[]): string {
+  return cells.map((cell) => cell.code).join("\n\n");
+}
+
+async function writeCellsToClipboard(
+  cells: ClipboardCellInput[],
+): Promise<void> {
   const clipboardData: ClipboardCellData = {
     cells: cells.map((cell) => ({
       code: cell.code,
@@ -53,17 +63,9 @@ function buildClipboardPayload(
     })),
     version: "1.0",
   };
-  const plainText = cells.map((cell) => cell.code).join("\n\n");
-  return { clipboardData, plainText };
-}
-
-async function writeCellsToClipboard(
-  clipboardData: ClipboardCellData,
-  plainText: string,
-): Promise<void> {
   const clipboardItem = new ClipboardItemBuilder()
     .add(MARIMO_CELL_MIMETYPE, clipboardData)
-    .add("text/plain", plainText)
+    .add("text/plain", toPlainText(cells))
     .build();
   await navigator.clipboard.write([clipboardItem]);
 }
@@ -80,14 +82,11 @@ export function useCellClipboard() {
       .filter(Boolean);
 
     if (cells.length === 0) {
-      // No cells to copy
       return;
     }
 
-    const { clipboardData, plainText } = buildClipboardPayload(cells);
-
     try {
-      await writeCellsToClipboard(clipboardData, plainText);
+      await writeCellsToClipboard(cells);
       pendingCutActions.clear();
       toastSuccess(cells.length);
     } catch (error) {
@@ -95,7 +94,7 @@ export function useCellClipboard() {
 
       // Fallback to simple text copy
       try {
-        await copyToClipboard(plainText);
+        await copyToClipboard(toPlainText(cells));
         pendingCutActions.clear();
         toastSuccess(cells.length);
       } catch {
@@ -110,21 +109,18 @@ export function useCellClipboard() {
     const cells = validCellIds.map((cellId) => notebook.cellData[cellId]);
 
     if (cells.length === 0) {
-      // No cells to cut
       return;
     }
 
-    const { clipboardData, plainText } = buildClipboardPayload(cells);
-
     try {
-      await writeCellsToClipboard(clipboardData, plainText);
-      pendingCutActions.markForCut({ cellIds: validCellIds, clipboardData });
+      await writeCellsToClipboard(cells);
+      pendingCutActions.markForCut({ cellIds: validCellIds });
     } catch (error) {
       Logger.error("Failed to cut cells to clipboard", error);
       try {
-        await copyToClipboard(plainText);
+        await copyToClipboard(toPlainText(cells));
         // Mark cells as pending cut instead of deleting immediately
-        pendingCutActions.markForCut({ cellIds: validCellIds, clipboardData });
+        pendingCutActions.markForCut({ cellIds: validCellIds });
       } catch {
         toastError();
       }

package/src/core/cells/__tests__/cells.test.ts

@@ -622,7 +622,7 @@ describe("cell reducer", () => {
       before: false,
     });
     actions.createNewCell({
-      cellId: "1" as CellId,
+      cellId: cellId("1"),
       before: false,
     });
     expect(formatCells(state)).toMatchInlineSnapshot(`
@@ -637,8 +637,8 @@ describe("cell reducer", () => {
 
     // Move first two cells after the third
     actions.moveCellsRelativeTo({
-      cellIds: [firstCellId, "1" as CellId],
-      targetCellId: "2" as CellId,
+      cellIds: [firstCellId, cellId("1")],
+      targetCellId: cellId("2"),
       position: "after",
     });
     expect(formatCells(state)).toMatchInlineSnapshot(`
@@ -658,7 +658,7 @@ describe("cell reducer", () => {
       before: false,
     });
     actions.createNewCell({
-      cellId: "1" as CellId,
+      cellId: cellId("1"),
       before: false,
     });
     expect(formatCells(state)).toMatchInlineSnapshot(`
@@ -682,14 +682,14 @@ describe("cell reducer", () => {
       {
         columnId: col.id,
         index: col.indexOfOrThrow(
-          "1" as CellId,
+          cellId("1"),
         ) as import("@/utils/id-tree").CellIndex,
       },
     ];
 
     actions.moveCellsRelativeTo({
-      cellIds: [firstCellId, "1" as CellId],
-      targetCellId: "2" as CellId,
+      cellIds: [firstCellId, cellId("1")],
+      targetCellId: cellId("2"),
       position: "after",
       previousPlacements,
     });
@@ -721,7 +721,7 @@ describe("cell reducer", () => {
       before: false,
     });
     actions.createNewCell({
-      cellId: "1" as CellId,
+      cellId: cellId("1"),
       before: false,
     });
 
@@ -736,14 +736,14 @@ describe("cell reducer", () => {
       {
         columnId: col.id,
         index: col.indexOfOrThrow(
-          "1" as CellId,
+          cellId("1"),
         ) as import("@/utils/id-tree").CellIndex,
       },
     ];
 
     actions.moveCellsRelativeTo({
-      cellIds: [firstCellId, "1" as CellId],
-      targetCellId: "2" as CellId,
+      cellIds: [firstCellId, cellId("1")],
+      targetCellId: cellId("2"),
       position: "after",
       previousPlacements,
     });
@@ -757,7 +757,7 @@ describe("cell reducer", () => {
       "
     `);
 
-    actions.deleteCell({ cellId: "2" as CellId });
+    actions.deleteCell({ cellId: cellId("2") });
     expect(formatCells(state)).toMatchInlineSnapshot(`
       "
       [0] ''

package/src/core/cells/__tests__/pending-cut-service.test.tsx

@@ -3,6 +3,7 @@
 import { act, renderHook } from "@testing-library/react";
 import { createStore, Provider } from "jotai";
 import { describe, expect, it } from "vitest";
+import { cellId } from "@/__tests__/branded";
 import type { CellId } from "@/core/cells/ids";
 import {
   pendingCutStateAtom,
@@ -20,15 +21,10 @@ function createTestWrapper() {
   return { wrapper, store };
 }
 
-const mockClipboardData = {
-  cells: [{ code: "x = 1", name: "cell1" }],
-  version: "1.0" as const,
-};
-
 describe("pending-cut-service", () => {
-  it("markForCut sets cellIds and clipboardData", () => {
+  it("markForCut sets cellIds", () => {
     const { wrapper, store } = createTestWrapper();
-    const cellIds: CellId[] = ["cell-1" as CellId, "cell-2" as CellId];
+    const cellIds: CellId[] = [cellId("cell-1"), cellId("cell-2")];
 
     const { result } = renderHook(
       () => ({
@@ -39,20 +35,16 @@ describe("pending-cut-service", () => {
     );
 
     act(() => {
-      result.current.actions.markForCut({
-        cellIds,
-        clipboardData: mockClipboardData,
-      });
+      result.current.actions.markForCut({ cellIds });
     });
 
     const state = store.get(pendingCutStateAtom);
     expect(state.cellIds).toEqual(new Set(cellIds));
-    expect(state.clipboardData).toEqual(mockClipboardData);
   });
 
   it("clear resets to initial state", () => {
     const { wrapper, store } = createTestWrapper();
-    const cellIds: CellId[] = ["cell-1" as CellId];
+    const cellIds: CellId[] = [cellId("cell-1")];
 
     const { result } = renderHook(
       () => ({
@@ -63,10 +55,7 @@ describe("pending-cut-service", () => {
     );
 
     act(() => {
-      result.current.actions.markForCut({
-        cellIds,
-        clipboardData: mockClipboardData,
-      });
+      result.current.actions.markForCut({ cellIds });
     });
     expect(store.get(pendingCutStateAtom).cellIds.size).toBe(1);
 
@@ -75,28 +64,24 @@ describe("pending-cut-service", () => {
     });
     const state = store.get(pendingCutStateAtom);
     expect(state.cellIds.size).toBe(0);
-    expect(state.clipboardData).toBeNull();
   });
 
   it("useIsPendingCut returns true when cellId is marked for cut", () => {
     const { wrapper } = createTestWrapper();
-    const cellId = "cell-1" as CellId;
+    const targetCellId = cellId("cell-1");
 
     const { result: actionsResult } = renderHook(() => usePendingCutActions(), {
       wrapper,
     });
     const { result: isPendingResult } = renderHook(
-      () => useIsPendingCut(cellId),
+      () => useIsPendingCut(targetCellId),
       { wrapper },
     );
 
     expect(isPendingResult.current).toBe(false);
 
     act(() => {
-      actionsResult.current.markForCut({
-        cellIds: [cellId],
-        clipboardData: mockClipboardData,
-      });
+      actionsResult.current.markForCut({ cellIds: [targetCellId] });
     });
 
     expect(isPendingResult.current).toBe(true);
@@ -104,19 +89,15 @@ describe("pending-cut-service", () => {
 
   it("useIsPendingCut returns false when cellId is not marked for cut", () => {
     const { wrapper } = createTestWrapper();
-    const { result } = renderHook(
-      () => useIsPendingCut("other-cell" as CellId),
-      { wrapper },
-    );
+    const { result } = renderHook(() => useIsPendingCut(cellId("other-cell")), {
+      wrapper,
+    });
 
     const { result: actionsResult } = renderHook(() => usePendingCutActions(), {
       wrapper,
     });
     act(() => {
-      actionsResult.current.markForCut({
-        cellIds: ["cell-1" as CellId],
-        clipboardData: mockClipboardData,
-      });
+      actionsResult.current.markForCut({ cellIds: [cellId("cell-1")] });
     });
 
     expect(result.current).toBe(false);
@@ -134,10 +115,7 @@ describe("pending-cut-service", () => {
     expect(hasPendingResult.current).toBe(false);
 
     act(() => {
-      actionsResult.current.markForCut({
-        cellIds: ["cell-1" as CellId],
-        clipboardData: mockClipboardData,
-      });
+      actionsResult.current.markForCut({ cellIds: [cellId("cell-1")] });
     });
 
     expect(hasPendingResult.current).toBe(true);

package/src/core/cells/pending-cut-service.ts

@@ -1,31 +1,24 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import { atom, useAtomValue } from "jotai";
-import type { ClipboardCellData } from "@/components/editor/navigation/clipboard";
 import type { CellId } from "@/core/cells/ids";
 import { createReducerAndAtoms } from "@/utils/createReducer";
 
 interface PendingCutState {
   cellIds: Set<CellId>;
-  clipboardData: ClipboardCellData | null;
 }
 
 const initialState = (): PendingCutState => ({
   cellIds: new Set(),
-  clipboardData: null,
 });
 
 const {
   valueAtom: pendingCutStateAtom,
   useActions: usePendingCutActionsInternal,
 } = createReducerAndAtoms(initialState, {
-  markForCut: (
-    _state,
-    action: { cellIds: CellId[]; clipboardData: ClipboardCellData },
-  ) => {
+  markForCut: (_state, action: { cellIds: CellId[] }) => {
     return {
       cellIds: new Set(action.cellIds),
-      clipboardData: action.clipboardData,
     };
   },
   clear: () => {
@@ -33,10 +26,8 @@ const {
   },
 });
 
-// Re-export the state atom
 export { pendingCutStateAtom };
 
-// Derived atom just for cell IDs (for easier consumption)
 export const pendingCutCellIdsAtom = atom(
   (get) => get(pendingCutStateAtom).cellIds,
 );

package/src/css/app/Cell.css

@@ -75,14 +75,11 @@
 
   /* Styling for cells marked for cut */
   &.pending-cut {
-    opacity: 0.6;
-    border-style: dashed;
-    border-color: var(--amber-7);
-
     .output-area,
     .cm-gutters,
     .cm {
-      background-color: var(--amber-2);
+      background-color: var(--gray-2);
+      opacity: 0.55;
     }
   }