@marimo-team/islands 0.23.3-dev7 → 0.23.3-dev8

package/dist/main.js

@@ -22,18 +22,18 @@ import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as use
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-TGGAUEWp.js";
-import { An as FileText, B as safeExtractSetUIElementMessageBuffers, C as AccordionContent, Dn as LoaderCircle, E as BorderAllIcon, F as base64ToDataView, Fn as CircleAlert, Gt as requestClientAtom, H as hasRunAnyCellAtom, In as Braces, It as PluralWords, J as notebookOutline, K as getCellNames, Kt as useRequestClient, L as dataViewToBase64, Lt as DATA_TYPE_ICON, Mn as Database, Nn as Columns2, Nt as jotaiJsonStorage, On as Layers, Ot as DeferredRequestRegistry, Pn as CircleX, Q as useCellIds, Qt as NotebookScopedLocalStorage, Rt as getDataTypeColor, S as Accordion, Sn as Trigger2, St as MarkdownLanguageAdapter, T as AccordionTrigger, Tn as PaintRoller, Tt as Paths, Ut as convertStatsName, V as renderHTML, W as createActions, Wt as getRequestClient, X as reducer, Y as numColumnsAtom, Z as useCellActions, _t as getValidName, a as useLastFocusedCellId, an as HTMLCellId, at as initialModeAtom, bn as Item$1, bt as Checkbox, c as Popover$1, cn as findCellId, d as PopoverTrigger, dn as jsonParseWithSpecialChar, dt as isErrorMime, et as createCell, f as isOutputEmpty, ft as headingToIdentifier, gn as selectAtom, hn as atomWithStorage, i as useCellFocusActions, it as getInitialAppMode, jn as Eye, jt as repl, k as ChevronDownIcon, kn as Info, kt as generateUUID, ln as OBJECT_ID_ATTR, lt as outputIsLoading, mn as atomWithReducer, nn as parseDataset, o as maybeAddAltairImport, ot as kioskModeAtom, p as useExpandedConsoleOutput, q as notebookAtom, qt as isUninstantiated, r as LazyAnyLanguageCodeMirror, rn as parseInitialValue, s as Spinner, sn as UIElementId, tn as parseAttrValue, u as PopoverContent, un as RANDOM_ID_ATTR, ut as outputIsStale, vt as isInternalCellName, w as AccordionItem, wn as Table2, wt as PathBuilder, xn as Root2$2, xt as customPythonLanguageSupport, yn as Content2, yt as normalizeName, zt as require_client, __tla as __tla_0 } from "./html-to-image-BdsDysfl.js";
+import { An as FileText, B as safeExtractSetUIElementMessageBuffers, C as AccordionContent, Dn as LoaderCircle, E as BorderAllIcon, F as base64ToDataView, Fn as CircleAlert, Gt as requestClientAtom, H as hasRunAnyCellAtom, In as Braces, It as PluralWords, J as notebookOutline, K as getCellNames, Kt as useRequestClient, L as dataViewToBase64, Lt as DATA_TYPE_ICON, Mn as Database, Nn as Columns2, Nt as jotaiJsonStorage, On as Layers, Ot as DeferredRequestRegistry, Pn as CircleX, Q as useCellIds, Qt as NotebookScopedLocalStorage, Rt as getDataTypeColor, S as Accordion, Sn as Trigger2, St as MarkdownLanguageAdapter, T as AccordionTrigger, Tn as PaintRoller, Tt as Paths, Ut as convertStatsName, V as renderHTML, W as createActions, Wt as getRequestClient, X as reducer, Y as numColumnsAtom, Z as useCellActions, _t as getValidName, a as useLastFocusedCellId, an as HTMLCellId, at as initialModeAtom, bn as Item$1, bt as Checkbox, c as Popover$1, cn as findCellId, d as PopoverTrigger, dn as jsonParseWithSpecialChar, dt as isErrorMime, et as createCell, f as isOutputEmpty, ft as headingToIdentifier, gn as selectAtom, hn as atomWithStorage, i as useCellFocusActions, it as getInitialAppMode, jn as Eye, jt as repl, k as ChevronDownIcon, kn as Info, kt as generateUUID, ln as OBJECT_ID_ATTR, lt as outputIsLoading, mn as atomWithReducer, nn as parseDataset, o as maybeAddAltairImport, ot as kioskModeAtom, p as useExpandedConsoleOutput, q as notebookAtom, qt as isUninstantiated, r as LazyAnyLanguageCodeMirror, rn as parseInitialValue, s as Spinner, sn as UIElementId, tn as parseAttrValue, u as PopoverContent, un as RANDOM_ID_ATTR, ut as outputIsStale, vt as isInternalCellName, w as AccordionItem, wn as Table2, wt as PathBuilder, xn as Root2$2, xt as customPythonLanguageSupport, yn as Content2, yt as normalizeName, zt as require_client, __tla as __tla_0 } from "./html-to-image-XYwXqg2E.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-CO1e63h_.js";
 import { o as useSize, s as Root$3, u as createLucideIcon } from "./dist-ESg7xyoD.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-BKWq0wn2.js";
-import { $ as CommandItem, A as TableHeader, B as usePrevious$1, C as Toggle, Ct as Download, D as TableBody, Dt as ChevronsDownUp, E as Table, Et as ChevronsLeft, F as renderCellValue, G as SELECT_COLUMN_ID, H as loadTableAndRawData, I as ColumnChartContext, J as getMimeValues, K as TOO_MANY_ROWS, L as ColumnChartSpecModel, M as NAMELESS_COLUMN_PREFIX, N as generateColumns, O as TableCell, Ot as ChevronLeft, P as inferFieldTypes, Q as CommandInput, R as DelayMount, S as slotsController, St as Ellipsis, T as Provider$1, Tt as ChevronsRight, U as loadTableData, V as getPageIndexForRow, W as INDEX_COLUMN_NAME, X as Command, Y as filtersToFilterGroup, Z as CommandEmpty, _ as contextAwarePanelOpen, _t as isStaticNotebook, a as DataTable, at as TabsList, b as isCellAwareAtom, bt as Funnel, c as downloadBlob, ct as ChartInfoState, d as Filenames, dt as useOverflowDetection, et as CommandList, f as prettifyRowColumnCount, ft as RenderTextWithLinks, g as PANEL_TYPES, gt as getStaticVirtualFiles, h as ContextAwarePanelItem, ht as EmotionCacheProvider, i as OutputRenderer, it as TabsContent, j as TableRow, k as TableHead, kt as ArrowDownWideNarrow, l as downloadByURL, lt as ChartLoadingState, m as useInternalStateWithSync, mt as HtmlOutput, n as JsonOutput, nt as Maps, o as InstallPackageButton, ot as TabsTrigger, p as prettifyRowCount, pt as Kbd, q as toFieldTypes, r as OutputArea, rt as Tabs, s as ADD_PRINTING_CLASS, st as ChartErrorState, t as Slide, tt as CommandSeparator, u as downloadHTMLAsImage, ut as LazyVegaEmbed, v as contextAwarePanelOwner, vt as TextWrap, w as Fill, wt as ChevronsUpDown, x as SlotNames, y as contextAwarePanelType, yt as GripHorizontal, z as useIntersectionObserver, __tla as __tla_2 } from "./slide-BEerfanN.js";
+import { $ as CommandItem, A as TableHeader, B as usePrevious$1, C as Toggle, Ct as Download, D as TableBody, Dt as ChevronsDownUp, E as Table, Et as ChevronsLeft, F as renderCellValue, G as SELECT_COLUMN_ID, H as loadTableAndRawData, I as ColumnChartContext, J as getMimeValues, K as TOO_MANY_ROWS, L as ColumnChartSpecModel, M as NAMELESS_COLUMN_PREFIX, N as generateColumns, O as TableCell, Ot as ChevronLeft, P as inferFieldTypes, Q as CommandInput, R as DelayMount, S as slotsController, St as Ellipsis, T as Provider$1, Tt as ChevronsRight, U as loadTableData, V as getPageIndexForRow, W as INDEX_COLUMN_NAME, X as Command, Y as filtersToFilterGroup, Z as CommandEmpty, _ as contextAwarePanelOpen, _t as isStaticNotebook, a as DataTable, at as TabsList, b as isCellAwareAtom, bt as Funnel, c as downloadBlob, ct as ChartInfoState, d as Filenames, dt as useOverflowDetection, et as CommandList, f as prettifyRowColumnCount, ft as RenderTextWithLinks, g as PANEL_TYPES, gt as getStaticVirtualFiles, h as ContextAwarePanelItem, ht as EmotionCacheProvider, i as OutputRenderer, it as TabsContent, j as TableRow, k as TableHead, kt as ArrowDownWideNarrow, l as downloadByURL, lt as ChartLoadingState, m as useInternalStateWithSync, mt as HtmlOutput, n as JsonOutput, nt as Maps, o as InstallPackageButton, ot as TabsTrigger, p as prettifyRowCount, pt as Kbd, q as toFieldTypes, r as OutputArea, rt as Tabs, s as ADD_PRINTING_CLASS, st as ChartErrorState, t as Slide, tt as CommandSeparator, u as downloadHTMLAsImage, ut as LazyVegaEmbed, v as contextAwarePanelOwner, vt as TextWrap, w as Fill, wt as ChevronsUpDown, x as SlotNames, y as contextAwarePanelType, yt as GripHorizontal, z as useIntersectionObserver, __tla as __tla_2 } from "./slide-Dl7Rf496.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, r as Badge, t as useOnMount } from "./useLifecycle-smVfjLNI.js";
 import { n as $fb18d541ea1ad717$export$ad991b66133851cf, r as $5a387cc49350e6db$export$722debc0e56fea39, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B3mCQMP3.js";
 import { t as Check } from "./check-CFM2mVDr.js";
 import { A as Trigger$1, C as $a916eb452884faea$export$b7a616150fdb9f44, D as $b5e257d569688ac6$export$535bd6ca7f90a273, E as $18f2051aff69b9bf$export$a54013f0d02a8f82, F as X, L as ChevronDown, M as usePrevious$2, N as useDirection, P as createCollection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as SelectGroup, c as SelectSeparator, d as NativeSelect, f as selectStyles, i as SelectContent, j as clamp$2, k as Icon, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, x as assertNever } from "./strings-B_FOH6eV.js";
 import { $ as $e5be200c675c3b3a$export$aca958c65c314e6c, A as $d2b4bc8c273e7be6$export$24d547caef80ccd1, At as $c87311424ea30a05$export$fedb369cb70207f1, B as $64fa3d84918910a7$export$c62b8e45d58ddad9, Bt as $431fbd86ca7dc216$export$f21a1ffae260145a, C as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, Ct as $8ae05eaa5c114e9c$export$7f54fc3180508a52, D as $ee014567cb39d3f0$export$ff05c3ac10437e03, Dt as $c87311424ea30a05$export$78551043582a6a98, E as $ee014567cb39d3f0$export$f551688fc98f2e09, Et as $c87311424ea30a05$export$6446a186d09e379e, F as $64fa3d84918910a7$export$2881499e37b75b9a, Ft as $d4ee10de306f2510$export$b4f377a2b6254582, H as $64fa3d84918910a7$export$ef03459518577ad4, Ht as $bdb11010cef70236$export$b4cc09c592e8fdb8, I as $64fa3d84918910a7$export$29f1550f4b0d4415, It as $d4ee10de306f2510$export$cd4e5573fbe2b576, J as $d2e8511e6f209edf$export$e908e06f4b8e3402, K as useDebounceControlledState, L as $64fa3d84918910a7$export$4d86445c2cf5e3, Lt as $d4ee10de306f2510$export$e58f029f0fbfdb29, M as $01b77f81d0f07f68$export$75b6ee27786ba447, Mt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, N as $01b77f81d0f07f68$export$b04be29aa201d4f5, Nt as $3ef42575df84b30b$export$9d1611c77c2fe928, O as $514c0188e459b4c0$export$5f1af8db9871e1d6, Ot as $c87311424ea30a05$export$9ac100e40613ea10, P as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, Pt as $d4ee10de306f2510$export$4282f70798064fe0, Q as $e5be200c675c3b3a$export$a763b9476acd3eb, R as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, Rt as $f4e2df6bd15f8569$export$98658e8c59125e6a, S as $3985021b0ad6602f$export$f5b8910cec6cf069, St as $e9faafb641e167db$export$90fc3a17d93f704c, T as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Tt as $313b98861ee5dd6c$export$d6875122194c7b44, U as $64fa3d84918910a7$export$fabf2dc03a41866e, Ut as $bdb11010cef70236$export$f680877a34711e37, V as $64fa3d84918910a7$export$df3a06d6289f983e, Vt as $ff5963eb1fccf552$export$e08e3b67e392101e, Wt as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, X as $e93e671b31057976$export$b8473d3665f3a75a, Y as $2baaea4c71418dea$export$294aa081a6c6f55d, Z as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, _t as $9446cca9a3875146$export$7d15b64cf5a3a4c4, a as NumberField, at as $6c7bd7858deea686$export$cd11ab140839f11d, b as DropdownMenuTrigger, bt as $b4b717babfbb907b$export$bebd5a1431fec25d, c as prettyNumber, cn as Item$2, ct as $6db58dc88e78b024$export$2f817fcdc4b89ae0, d as DropdownMenuContent, dt as $9ab94262bd0047c7$export$420e68273165f4ec, et as $e5be200c675c3b3a$export$dad6ae84456c676a, f as DropdownMenuGroup, fn as Circle, ft as $3ad3f6e1647bc98d$export$80f3e147d781571c, g as DropdownMenuSeparator, gt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, ht as _class_private_field_init, i as OnBlurredInput, it as $701a24aa0da5b062$export$ea18c227d4417cc3, j as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, jt as $7215afc6de606d6b$export$de79e2c695e052f3, k as $514c0188e459b4c0$export$9afb8bc826b033ea, kt as $c87311424ea30a05$export$a11b0059900ceec8, l as prettyScientificNumber, ln as Root$4, lt as $5b160d28a433310d$export$c17fa47878dc55b6, m as DropdownMenuLabel, mt as $f6c31cce2adf654f$export$45712eceda6fad21, n as DebouncedNumberInput, nt as $319e236875307eab$export$a9b970dcc4ae71a9, ot as $fca6afa0e843324b$export$87b761675e8eaa10, p as DropdownMenuItem, pn as ChevronRight, pt as $507fabe10e71c6fb$export$630ff653c5ada6a9, q as useDebouncedCallback, r as Input, rt as $f7dceffc5ad7768b$export$4e328f61c538687f, st as $fca6afa0e843324b$export$f12b703ca79dfbb1, t as DebouncedInput, tt as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, u as DropdownMenu, un as createRovingFocusGroupScope, ut as $6179b936705e76d3$export$ae780daf29e6d456, vt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, w as $a049562f99e7db0e$export$f9c6924e160136d1, wt as $df56164dff5785e2$export$4338b53315abf666, x as $3985021b0ad6602f$export$37fb8590cf2c088c, xt as $99facab73266f662$export$5add1d006293d136, yt as $b4b717babfbb907b$export$4c063cf1350e6fed, z as $64fa3d84918910a7$export$c245e6201fed2f75, zt as $431fbd86ca7dc216$export$b204af158042fbac } from "./input-Drx1pguW.js";
 import { c as asRemoteURL, f as require_cuid2, g as CircleQuestionMark, h as isWasm, m as Deferred, u as appendQueryParams } from "./toDate-yqOcZ_tY.js";
-import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Trash2, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-COL2Pf5I.js";
+import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Trash2, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-BDVjDpbu.js";
 import { i as Pencil, n as Trash, r as Plus, t as BulkEdit } from "./types-DBtDeUKD.js";
 import { t as require_react_dom } from "./react-dom-BWRJ_g_k.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
@@ -13868,7 +13868,7 @@ Defaulting to \`null\`.`;
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-CTt4WX0V.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-BLFhPclV.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -44992,7 +44992,7 @@ ${c}
   function asCellId(e) {
     return typeof e == "string" ? e : null;
   }
-  var import_compiler_runtime$10 = require_compiler_runtime(), LazySlidesComponent = import_react.lazy(() => import("./reveal-component-Cd5Y35Ny.js"));
+  var import_compiler_runtime$10 = require_compiler_runtime(), LazySlidesComponent = import_react.lazy(() => import("./reveal-component-CrnLosc4.js"));
   const SlidesLayoutRenderer = (e) => {
     var _a3;
     let r = (0, import_compiler_runtime$10.c)(20), { cells: c, mode: l } = e, u = l === "read", d = useAtomValue(numColumnsAtom) > 1, [f, p] = (0, import_react.useState)(null), m = (0, import_react.useRef)(null), h, g;
@@ -45525,7 +45525,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.3-dev7"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.3-dev8"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {

package/dist/{process-output-COL2Pf5I.js → process-output-BDVjDpbu.js}

@@ -1,6 +1,6 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { nt as parseHtmlContent, tt as ansiToPlainText } from "./html-to-image-BdsDysfl.js";
+import { nt as parseHtmlContent, tt as ansiToPlainText } from "./html-to-image-XYwXqg2E.js";
 import { u as createLucideIcon } from "./dist-ESg7xyoD.js";
 import { t as Strings } from "./strings-B_FOH6eV.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";

package/dist/{reveal-component-Cd5Y35Ny.js → reveal-component-CrnLosc4.js}

@@ -6,9 +6,9 @@ import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { _ as Logger, h as Events, t as Button } from "./button-CA5pI2YF.js";
 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-BdsDysfl.js";
+import "./html-to-image-XYwXqg2E.js";
 import "./chunk-5FQGJX7Z-CO1e63h_.js";
-import { t as Slide, xt as Expand } from "./slide-BEerfanN.js";
+import { t as Slide, xt as Expand } from "./slide-Dl7Rf496.js";
 import "./input-Drx1pguW.js";
 import "./toDate-yqOcZ_tY.js";
 import "./react-dom-BWRJ_g_k.js";

package/dist/{slide-BEerfanN.js → slide-Dl7Rf496.js}

@@ -6,7 +6,7 @@ import { _ as Logger, c as Objects, g as cn, h as Events, p as composeRefs, r as
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-TGGAUEWp.js";
-import { $ as useCellNames, A as ChevronRightIcon, An as FileText, At as useChromeActions, C as AccordionContent, Cn as Wrench, Dn as LoaderCircle, Dt as goToCellLine, En as NotebookPen, Ft as PluralWord, G as getCellEditorView, I as base64ToUint8Array, In as Braces, Kt as useRequestClient, Ln as esm_default, Lt as DATA_TYPE_ICON, M as PinLeftIcon, Mt as adaptForLocalStorage, N as PinRightIcon, Nt as jotaiJsonStorage, O as CheckIcon, Q as useCellIds, R as extractBase64FromDataURL, Rn as import_lib, S as Accordion, T as AccordionTrigger, V as renderHTML, Wt as getRequestClient, Xt as extractAllTracebackInfo, Yt as elementContainsMarimoCellFile, Z as useCellActions, Zt as getTracebackInfo, an as HTMLCellId, bt as Checkbox, c as Popover, ct as viewStateAtom, d as PopoverTrigger, dn as jsonParseWithSpecialChar, en as filenameAtom, fn as jsonToMarkdown, g as getDatasourceContext, gt as displayCellName, hn as atomWithStorage, ht as getCellDomProps, in as CellOutputId, j as DotFilledIcon, l as PopoverClose$1, lt as outputIsLoading, m as useExpandedOutput, mt as DATA_CELL_ID, n as MarkdownRenderer, on as SCRATCH_CELL_ID, pn as jsonToTSV, pt as sanitizeHtml, q as notebookAtom, rt as AnsiUp, s as Spinner, st as useInstallAllowed, t as toPng, u as PopoverContent, vn as Close$1, w as AccordionItem, z as isDataURLString, __tla as __tla_0 } from "./html-to-image-BdsDysfl.js";
+import { $ as useCellNames, A as ChevronRightIcon, An as FileText, At as useChromeActions, C as AccordionContent, Cn as Wrench, Dn as LoaderCircle, Dt as goToCellLine, En as NotebookPen, Ft as PluralWord, G as getCellEditorView, I as base64ToUint8Array, In as Braces, Kt as useRequestClient, Ln as esm_default, Lt as DATA_TYPE_ICON, M as PinLeftIcon, Mt as adaptForLocalStorage, N as PinRightIcon, Nt as jotaiJsonStorage, O as CheckIcon, Q as useCellIds, R as extractBase64FromDataURL, Rn as import_lib, S as Accordion, T as AccordionTrigger, V as renderHTML, Wt as getRequestClient, Xt as extractAllTracebackInfo, Yt as elementContainsMarimoCellFile, Z as useCellActions, Zt as getTracebackInfo, an as HTMLCellId, bt as Checkbox, c as Popover, ct as viewStateAtom, d as PopoverTrigger, dn as jsonParseWithSpecialChar, en as filenameAtom, fn as jsonToMarkdown, g as getDatasourceContext, gt as displayCellName, hn as atomWithStorage, ht as getCellDomProps, in as CellOutputId, j as DotFilledIcon, l as PopoverClose$1, lt as outputIsLoading, m as useExpandedOutput, mt as DATA_CELL_ID, n as MarkdownRenderer, on as SCRATCH_CELL_ID, pn as jsonToTSV, pt as sanitizeHtml, q as notebookAtom, rt as AnsiUp, s as Spinner, st as useInstallAllowed, t as toPng, u as PopoverContent, vn as Close$1, w as AccordionItem, z as isDataURLString, __tla as __tla_0 } from "./html-to-image-XYwXqg2E.js";
 import { u as createLucideIcon } from "./dist-ESg7xyoD.js";
 import { i as createReducerAndAtoms, r as Badge } from "./useLifecycle-smVfjLNI.js";
 import { a as ListFilter, i as Table$1, o as ChartPie, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B3mCQMP3.js";

package/package.json

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

package/src/components/editor/file-tree/__tests__/requesting-tree.test.ts

@@ -182,10 +182,24 @@ describe("RequestingTree", () => {
     expect(mockOnChange).toHaveBeenCalled();
   });
 
+  test("delete should drop a file on success", async () => {
+    sendDeleteFileOrFolder.mockResolvedValue({ success: true });
+
+    await requestingTree.delete("1.1");
+    expect(sendDeleteFileOrFolder).toHaveBeenCalledWith({
+      path: "/root/file1",
+    });
+    const lastCall = mockOnChange.mock.calls.at(-1);
+    expect(lastCall?.[0].map((f: { id: string }) => f.id)).toEqual([
+      "1.2",
+      "1.3",
+    ]);
+  });
+
   test("createFile should create a new file", async () => {
     sendCreateFileOrFolder.mockResolvedValue({ success: true });
 
-    await requestingTree.createFile("file3", "1.2");
+    await requestingTree.createFile({ name: "file3", parentId: "1.2" });
     expect(sendCreateFileOrFolder).toHaveBeenCalledWith({
       path: "/root/folder1",
       type: "file",
@@ -197,7 +211,11 @@ describe("RequestingTree", () => {
   test("createFile should create a new notebook", async () => {
     sendCreateFileOrFolder.mockResolvedValue({ success: true });
 
-    await requestingTree.createFile("notebook1", "1.2", "notebook");
+    await requestingTree.createFile({
+      name: "notebook1",
+      parentId: "1.2",
+      type: "notebook",
+    });
     expect(sendCreateFileOrFolder).toHaveBeenCalledWith({
       path: "/root/folder1",
       type: "notebook",
@@ -277,6 +295,70 @@ describe("RequestingTree", () => {
       });
     });
 
+    test("rename should NOT mutate the local tree on API failure", async () => {
+      sendRenameFileOrFolder.mockResolvedValue({
+        success: false,
+        message: "Error renaming",
+      });
+      const changesBefore = mockOnChange.mock.calls.length;
+
+      await requestingTree.rename("1.1", "file2");
+
+      // No further onChange calls should fire after the failed rename, so the
+      // tree stays in sync with the backend.
+      expect(mockOnChange.mock.calls.length).toBe(changesBefore);
+    });
+
+    test("delete should NOT drop the node on API failure", async () => {
+      sendDeleteFileOrFolder.mockResolvedValue({
+        success: false,
+        message: "Error deleting",
+      });
+      const changesBefore = mockOnChange.mock.calls.length;
+
+      await requestingTree.delete("1.1");
+      expect(sendDeleteFileOrFolder).toHaveBeenCalledWith({
+        path: "/root/file1",
+      });
+      expect(toast).toHaveBeenCalledWith({
+        title: "Failed",
+        description: "Error deleting",
+      });
+      expect(mockOnChange.mock.calls.length).toBe(changesBefore);
+    });
+
+    test("move should NOT mutate the local tree when rename fails", async () => {
+      sendRenameFileOrFolder.mockResolvedValue({
+        success: false,
+        message: "Error moving",
+      });
+
+      await requestingTree.move(["1.1"], "1.2");
+
+      expect(toast).toHaveBeenCalledWith({
+        title: "Failed",
+        description: "Error moving",
+      });
+      // The last emitted state should still have file1 at the top level, not
+      // moved under folder1.
+      const lastCall = mockOnChange.mock.calls.at(-1);
+      expect(lastCall?.[0]).toEqual([
+        { id: "1.1", name: "file1", path: "/root/file1" },
+        {
+          id: "1.2",
+          name: "folder1",
+          isDirectory: true,
+          path: "/root/folder1",
+        },
+        {
+          id: "1.3",
+          name: "folder2",
+          isDirectory: true,
+          path: "/root/folder2",
+        },
+      ]);
+    });
+
     test("copy should handle API failure", async () => {
       sendCopyFileOrFolder.mockResolvedValue({
         success: false,

package/src/components/editor/file-tree/file-explorer.tsx

@@ -6,21 +6,18 @@ import {
   ArrowLeftIcon,
   BetweenHorizontalStartIcon,
   BracesIcon,
-  CopyIcon,
   CopyMinusIcon,
   DownloadIcon,
-  Edit3Icon,
   ExternalLinkIcon,
   EyeOffIcon,
   FilePlus2Icon,
   FolderPlusIcon,
   ListTreeIcon,
   PlaySquareIcon,
-  Trash2Icon,
   UploadIcon,
   ViewIcon,
 } from "lucide-react";
-import React, { Suspense, use, useEffect, useRef, useState } from "react";
+import React, { Suspense, use, useRef, useState } from "react";
 import {
   type NodeApi,
   type NodeRendererProps,
@@ -34,9 +31,15 @@ import {
   type FileIconType,
   guessFileIconType,
 } from "@/components/editor/file-tree/file-icons";
+import {
+  DeleteMenuItem,
+  DuplicateMenuItem,
+  FileActionsDropdown,
+  RenameMenuItem,
+} from "@/components/editor/file-tree/file-operations";
+import { FileNameInput } from "@/components/editor/file-tree/file-name-input";
 import {
   MENU_ITEM_ICON_CLASS,
-  MoreActionsButton,
   RefreshIconButton,
   TreeChevron,
 } from "@/components/editor/file-tree/tree-actions";
@@ -46,11 +49,8 @@ import { useImperativeModal } from "@/components/modal/ImperativeModal";
 import { AlertDialogDestructiveAction } from "@/components/ui/alert-dialog";
 import { Button, buttonVariants } from "@/components/ui/button";
 import {
-  DropdownMenu,
-  DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
-  DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { Tooltip } from "@/components/ui/tooltip";
 import { toast } from "@/components/ui/use-toast";
@@ -69,7 +69,7 @@ import { downloadBlob } from "@/utils/download";
 import { type Base64String, base64ToDataURL } from "@/utils/json/base64";
 import { openNotebook } from "@/utils/links";
 import type { FilePath } from "@/utils/paths";
-import { fileSplit } from "@/utils/pathUtils";
+import { makeDuplicateName } from "@/utils/pathUtils";
 import { jotaiJsonStorage } from "@/utils/storage/jotai";
 import { useTreeDndManager } from "./dnd-wrapper";
 import { FileViewer } from "./file-viewer";
@@ -131,7 +131,7 @@ export const FileExplorer: React.FC<{
     openPrompt({
       title: "File name",
       onConfirm: async (name) => {
-        tree.createFile(name, null);
+        tree.createFile({ name, parentId: null });
       },
     });
   });
@@ -140,7 +140,7 @@ export const FileExplorer: React.FC<{
     openPrompt({
       title: "Notebook name",
       onConfirm: async (name) => {
-        tree.createFile(name, null, "notebook");
+        tree.createFile({ name, parentId: null, type: "notebook" });
       },
     });
   });
@@ -392,33 +392,6 @@ const Show = ({
   );
 };
 
-const Edit = ({ node }: { node: NodeApi<FileInfo> }) => {
-  const ref = useRef<HTMLInputElement>(null);
-  useEffect(() => {
-    ref.current?.focus();
-    // Select everything, but the extension
-    ref.current?.setSelectionRange(0, node.data.name.lastIndexOf("."));
-  }, [node.data.name]);
-
-  return (
-    <input
-      ref={ref}
-      className="flex-1 bg-transparent border border-border text-muted-foreground"
-      defaultValue={node.data.name}
-      onClick={(e) => e.stopPropagation()}
-      onBlur={() => node.reset()}
-      onKeyDown={(e) => {
-        if (e.key === "Escape") {
-          node.reset();
-        }
-        if (e.key === "Enter") {
-          node.submit(e.currentTarget.value);
-        }
-      }}
-    />
-  );
-};
-
 const Node = ({ node, style, dragHandle }: NodeRendererProps<FileInfo>) => {
   const { openFile, sendFileDetails } = useRequestClient();
   const disableFileDownloads = useAtomValue(disableFileDownloadsAtom);
@@ -486,7 +459,7 @@ const Node = ({ node, style, dragHandle }: NodeRendererProps<FileInfo>) => {
     openPrompt({
       title: "File name",
       onConfirm: async (name) => {
-        tree?.createFile(name, node.id);
+        tree?.createFile({ name, parentId: node.id });
       },
     });
   });
@@ -496,7 +469,7 @@ const Node = ({ node, style, dragHandle }: NodeRendererProps<FileInfo>) => {
     openPrompt({
       title: "Notebook name",
       onConfirm: async (name) => {
-        tree?.createFile(name, node.id, "notebook");
+        tree?.createFile({ name, parentId: node.id, type: "notebook" });
       },
     });
   });
@@ -505,158 +478,9 @@ const Node = ({ node, style, dragHandle }: NodeRendererProps<FileInfo>) => {
     if (!tree) {
       return;
     }
-
-    const [name, extension] = fileSplit(node.data.name);
-    const duplicateName = `${name}_copy${extension}`;
-
-    await tree.copy(node.id, duplicateName);
+    await tree.copy(node.id, makeDuplicateName(node.data.name));
   });
 
-  const renderActions = () => {
-    const ic = MENU_ITEM_ICON_CLASS;
-    return (
-      <DropdownMenuContent
-        align="end"
-        className="print:hidden w-[220px]"
-        onClick={(e) => e.stopPropagation()}
-        onCloseAutoFocus={(e) => e.preventDefault()}
-      >
-        {!node.data.isDirectory && (
-          <DropdownMenuItem onSelect={() => node.select()}>
-            <ViewIcon className={ic} />
-            Open file
-          </DropdownMenuItem>
-        )}
-        {!node.data.isDirectory && !isWasm() && (
-          <DropdownMenuItem
-            onSelect={() => {
-              openFile({ path: node.data.path });
-            }}
-          >
-            <ExternalLinkIcon className={ic} />
-            Open file in external editor
-          </DropdownMenuItem>
-        )}
-        {node.data.isDirectory && (
-          <>
-            <DropdownMenuItem onSelect={() => handleCreateNotebook()}>
-              <MarimoPlusIcon className={ic} />
-              Create notebook
-            </DropdownMenuItem>
-            <DropdownMenuItem onSelect={() => handleCreateFile()}>
-              <FilePlus2Icon className={ic} />
-              Create file
-            </DropdownMenuItem>
-            <DropdownMenuItem onSelect={() => handleCreateFolder()}>
-              <FolderPlusIcon className={ic} />
-              Create folder
-            </DropdownMenuItem>
-            <DropdownMenuSeparator />
-          </>
-        )}
-        <DropdownMenuItem onSelect={() => node.edit()}>
-          <Edit3Icon className={ic} />
-          Rename
-        </DropdownMenuItem>
-        <DropdownMenuItem onSelect={handleDuplicate}>
-          <CopyIcon className={ic} />
-          Duplicate
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onSelect={async () => {
-            await copyToClipboard(node.data.path);
-            toast({ title: "Copied to clipboard" });
-          }}
-        >
-          <ListTreeIcon className={ic} />
-          Copy path
-        </DropdownMenuItem>
-        {tree && (
-          <DropdownMenuItem
-            onSelect={async () => {
-              await copyToClipboard(
-                tree.relativeFromRoot(node.data.path as FilePath),
-              );
-              toast({ title: "Copied to clipboard" });
-            }}
-          >
-            <ListTreeIcon className={ic} />
-            Copy relative path
-          </DropdownMenuItem>
-        )}
-        <DropdownMenuSeparator />
-
-        <DropdownMenuItem
-          onSelect={() => {
-            const { path } = node.data;
-            const pythonCode = PYTHON_CODE_FOR_FILE_TYPE[fileType](path);
-            handleInsertCode(pythonCode);
-          }}
-        >
-          <BetweenHorizontalStartIcon className={ic} />
-          Insert snippet for reading file
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onSelect={async () => {
-            toast({
-              title: "Copied to clipboard",
-              description:
-                "Code to open the file has been copied to your clipboard. You can also drag and drop this file into the editor",
-            });
-            const { path } = node.data;
-            const pythonCode = PYTHON_CODE_FOR_FILE_TYPE[fileType](path);
-            await copyToClipboard(pythonCode);
-          }}
-        >
-          <BracesIcon className={ic} />
-          Copy snippet for reading file
-        </DropdownMenuItem>
-        {/* Not shown in WASM */}
-        {node.data.isMarimoFile && !isWasm() && (
-          <>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem onSelect={handleOpenMarimoFile}>
-              <PlaySquareIcon className={ic} />
-              Open notebook
-            </DropdownMenuItem>
-          </>
-        )}
-        <DropdownMenuSeparator />
-        {!node.data.isDirectory && !disableFileDownloads && (
-          <>
-            <DropdownMenuItem
-              onSelect={async () => {
-                const details = await sendFileDetails({ path: node.data.path });
-                if (details.isBase64 && details.contents) {
-                  const blob = deserializeBlob(
-                    base64ToDataURL(
-                      details.contents as Base64String,
-                      details.mimeType || "application/octet-stream",
-                    ),
-                  );
-                  downloadBlob(blob, node.data.name);
-                } else {
-                  downloadBlob(
-                    new Blob([details.contents || ""]),
-                    node.data.name,
-                  );
-                }
-              }}
-            >
-              <DownloadIcon className={ic} />
-              Download
-            </DropdownMenuItem>
-            <DropdownMenuSeparator />
-          </>
-        )}
-        <DropdownMenuItem onSelect={handleDeleteFile} variant="danger">
-          <Trash2Icon className={ic} />
-          Delete
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    );
-  };
-
   return (
     <div
       style={style}
@@ -690,23 +514,138 @@ const Node = ({ node, style, dragHandle }: NodeRendererProps<FileInfo>) => {
           />
         )}
         {node.isEditing ? (
-          <Edit node={node} />
+          <FileNameInput node={node} />
         ) : (
           <Show node={node} onOpenMarimoFile={handleOpenMarimoFile} />
         )}
-        <DropdownMenu modal={false}>
-          <DropdownMenuTrigger
-            asChild={true}
-            tabIndex={-1}
-            onClick={(e) => e.stopPropagation()}
+        <FileActionsDropdown
+          testId="file-explorer-more-button"
+          iconClassName="w-5 h-5"
+        >
+          {!node.data.isDirectory && (
+            <DropdownMenuItem onSelect={() => node.select()}>
+              <ViewIcon className={MENU_ITEM_ICON_CLASS} />
+              Open file
+            </DropdownMenuItem>
+          )}
+          {!node.data.isDirectory && !isWasm() && (
+            <DropdownMenuItem
+              onSelect={() => {
+                openFile({ path: node.data.path });
+              }}
+            >
+              <ExternalLinkIcon className={MENU_ITEM_ICON_CLASS} />
+              Open file in external editor
+            </DropdownMenuItem>
+          )}
+          {node.data.isDirectory && (
+            <>
+              <DropdownMenuItem onSelect={() => handleCreateNotebook()}>
+                <MarimoPlusIcon className={MENU_ITEM_ICON_CLASS} />
+                Create notebook
+              </DropdownMenuItem>
+              <DropdownMenuItem onSelect={() => handleCreateFile()}>
+                <FilePlus2Icon className={MENU_ITEM_ICON_CLASS} />
+                Create file
+              </DropdownMenuItem>
+              <DropdownMenuItem onSelect={() => handleCreateFolder()}>
+                <FolderPlusIcon className={MENU_ITEM_ICON_CLASS} />
+                Create folder
+              </DropdownMenuItem>
+              <DropdownMenuSeparator />
+            </>
+          )}
+          <RenameMenuItem onSelect={() => node.edit()} />
+          <DuplicateMenuItem onSelect={handleDuplicate} />
+          <DropdownMenuItem
+            onSelect={async () => {
+              await copyToClipboard(node.data.path);
+              toast({ title: "Copied to clipboard" });
+            }}
           >
-            <MoreActionsButton
-              data-testid="file-explorer-more-button"
-              iconClassName="w-5 h-5"
-            />
-          </DropdownMenuTrigger>
-          {renderActions()}
-        </DropdownMenu>
+            <ListTreeIcon className={MENU_ITEM_ICON_CLASS} />
+            Copy path
+          </DropdownMenuItem>
+          {tree && (
+            <DropdownMenuItem
+              onSelect={async () => {
+                await copyToClipboard(
+                  tree.relativeFromRoot(node.data.path as FilePath),
+                );
+                toast({ title: "Copied to clipboard" });
+              }}
+            >
+              <ListTreeIcon className={MENU_ITEM_ICON_CLASS} />
+              Copy relative path
+            </DropdownMenuItem>
+          )}
+          <DropdownMenuSeparator />
+          <DropdownMenuItem
+            onSelect={() => {
+              const { path } = node.data;
+              const pythonCode = PYTHON_CODE_FOR_FILE_TYPE[fileType](path);
+              handleInsertCode(pythonCode);
+            }}
+          >
+            <BetweenHorizontalStartIcon className={MENU_ITEM_ICON_CLASS} />
+            Insert snippet for reading file
+          </DropdownMenuItem>
+          <DropdownMenuItem
+            onSelect={async () => {
+              toast({
+                title: "Copied to clipboard",
+                description:
+                  "Code to open the file has been copied to your clipboard. You can also drag and drop this file into the editor",
+              });
+              const { path } = node.data;
+              const pythonCode = PYTHON_CODE_FOR_FILE_TYPE[fileType](path);
+              await copyToClipboard(pythonCode);
+            }}
+          >
+            <BracesIcon className={MENU_ITEM_ICON_CLASS} />
+            Copy snippet for reading file
+          </DropdownMenuItem>
+          {node.data.isMarimoFile && !isWasm() && (
+            <>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem onSelect={handleOpenMarimoFile}>
+                <PlaySquareIcon className={MENU_ITEM_ICON_CLASS} />
+                Open notebook
+              </DropdownMenuItem>
+            </>
+          )}
+          <DropdownMenuSeparator />
+          {!node.data.isDirectory && !disableFileDownloads && (
+            <>
+              <DropdownMenuItem
+                onSelect={async () => {
+                  const details = await sendFileDetails({
+                    path: node.data.path,
+                  });
+                  if (details.isBase64 && details.contents) {
+                    const blob = deserializeBlob(
+                      base64ToDataURL(
+                        details.contents as Base64String,
+                        details.mimeType || "application/octet-stream",
+                      ),
+                    );
+                    downloadBlob(blob, node.data.name);
+                  } else {
+                    downloadBlob(
+                      new Blob([details.contents || ""]),
+                      node.data.name,
+                    );
+                  }
+                }}
+              >
+                <DownloadIcon className={MENU_ITEM_ICON_CLASS} />
+                Download
+              </DropdownMenuItem>
+              <DropdownMenuSeparator />
+            </>
+          )}
+          <DeleteMenuItem onSelect={handleDeleteFile} />
+        </FileActionsDropdown>
       </span>
     </div>
   );