@marimo-team/frontend 0.20.5-dev70 → 0.20.5-dev75

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-B6j3GjGF.js"></script>
+    <script type="module" crossorigin src="./assets/index-mF9nW3EI.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-BW0IMuFq.js">
     <link rel="modulepreload" crossorigin href="./assets/clsx-BDxNtGmi.js">
     <link rel="modulepreload" crossorigin href="./assets/cn-BoaCR37F.js">
@@ -94,13 +94,13 @@
     <link rel="modulepreload" crossorigin href="./assets/isArrayLikeObject-Dx6-QZGQ.js">
     <link rel="modulepreload" crossorigin href="./assets/merge-CfcLlFFp.js">
     <link rel="modulepreload" crossorigin href="./assets/zod-H_cgTO0M.js">
-    <link rel="modulepreload" crossorigin href="./assets/utils-HIU-NsEv.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-BvPM6Bro.js">
     <link rel="modulepreload" crossorigin href="./assets/Deferred-BMfCOLaw.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-ClFZlR7U.js">
     <link rel="modulepreload" crossorigin href="./assets/DeferredRequestRegistry-O6RDJKs0.js">
     <link rel="modulepreload" crossorigin href="./assets/constants-Rz_lD4HK.js">
     <link rel="modulepreload" crossorigin href="./assets/session-CXChHxAw.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-RexwtI0U.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-DeEqZTX7.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-Bgjtqo_1.js">
     <link rel="modulepreload" crossorigin href="./assets/isSymbol-CiGN2w5X.js">
     <link rel="modulepreload" crossorigin href="./assets/toString-lmrYznmk.js">
@@ -110,7 +110,7 @@
     <link rel="modulepreload" crossorigin href="./assets/_arrayReduce-BKEr35uH.js">
     <link rel="modulepreload" crossorigin href="./assets/useLifecycle-CWjBWFMI.js">
     <link rel="modulepreload" crossorigin href="./assets/useNonce-BtW-rR_1.js">
-    <link rel="modulepreload" crossorigin href="./assets/useTheme-Bp1J8nG-.js">
+    <link rel="modulepreload" crossorigin href="./assets/useTheme-CM9j8dgy.js">
     <link rel="modulepreload" crossorigin href="./assets/once-CJOnx12W.js">
     <link rel="modulepreload" crossorigin href="./assets/capabilities-B1-dYWS8.js">
     <link rel="modulepreload" crossorigin href="./assets/createReducer-DgaMD0B6.js">
@@ -134,12 +134,12 @@
     <link rel="modulepreload" crossorigin href="./assets/toInteger-CO3ppIfA.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-DTWCDKdn.js">
     <link rel="modulepreload" crossorigin href="./assets/main-DrBRErTM.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-5wegzPD4.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-wT6clfi5.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-C5JoisA7.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-D0GQBpTb.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-CJ-Wwa2I.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-wfpi3NfU.js">
-    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-BSq2vc9J.js">
+    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-C3rk7kIN.js">
     <link rel="modulepreload" crossorigin href="./assets/multi-map-x_GQgXMS.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-DkRmN0_B.js">
     <link rel="modulepreload" crossorigin href="./assets/card-zDTDna9R.js">
@@ -148,7 +148,7 @@
     <link rel="modulepreload" crossorigin href="./assets/dist-CWEZ0LAs.js">
     <link rel="modulepreload" crossorigin href="./assets/label-BuJDtc39.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-DwTO_rGp.js">
-    <link rel="modulepreload" crossorigin href="./assets/azure-a3T26UGw.js">
+    <link rel="modulepreload" crossorigin href="./assets/azure-Dy9N467C.js">
     <link rel="modulepreload" crossorigin href="./assets/numbers-BWhcwX6S.js">
     <link rel="modulepreload" crossorigin href="./assets/SSRProvider-CwqN9FWV.js">
     <link rel="modulepreload" crossorigin href="./assets/context-CRmPPhx9.js">
@@ -157,7 +157,7 @@
     <link rel="modulepreload" crossorigin href="./assets/input-C5eatTLl.js">
     <link rel="modulepreload" crossorigin href="./assets/links-CoGM-Inf.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-JNsSzROl.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-Ba8bf5tJ.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-BHXOZNHf.js">
     <link rel="modulepreload" crossorigin href="./assets/table-CKtrITeZ.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-a8f2Q_nk.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-0IrrdfSG.js">
@@ -171,7 +171,7 @@
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-CHAHPgkx.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-CAoNMkjq.js">
     <link rel="modulepreload" crossorigin href="./assets/triangle-alert-qZo1ox6x.js">
-    <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-DJn8Mf6B.js">
+    <link rel="modulepreload" crossorigin href="./assets/ai-model-dropdown-CZMwYbbD.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-CuYNS33t.js">
     <link rel="modulepreload" crossorigin href="./assets/precisionRound-CCOoIlcP.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-CGfP-Ye3.js">
@@ -180,20 +180,20 @@
     <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-H5EQrcAX.js">
     <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-CO3hLMle.js">
     <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-b5nJtLod.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-C9qZWgbj.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-DVMuGDZ7.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-BUstx6s8.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-D8ONRYMT.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-CL9widoN.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-DIETDMi4.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-BN6sGgkm.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-CimwFZPP.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-icon-Cu7az85f.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-BYwkVvZl.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-BjrLbkmu.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-DBFAQbWm.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-q8oYkLV6.js">
     <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-CwbmGJrl.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-DEi7JZeU.js">
     <link rel="modulepreload" crossorigin href="./assets/katex-0Z75JF53.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-D0ROu8n3.js">
-    <link rel="modulepreload" crossorigin href="./assets/command-B7XhH0hz.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-B8XlLSji.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-uWewv3IU.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-D2_DEfz5.js">
+    <link rel="modulepreload" crossorigin href="./assets/command-DGKK2-4P.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-RVcmZh1N.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-B0MiHkXS.js">
     <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-DG-6GyGn.js">
     <link rel="modulepreload" crossorigin href="./assets/formats-DEgTLsde.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-BO8E69bZ.js">
@@ -205,42 +205,42 @@
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-DOoVZUts.js">
     <link rel="modulepreload" crossorigin href="./assets/range-CJeRXUtp.js">
     <link rel="modulepreload" crossorigin href="./assets/table-BCnp9gKC.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-BzXkaUJB.js">
-    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-BQpjy5Yq.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-BRjuq1Jw.js">
+    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-CmX8_XRr.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-T5yQRjuT.js">
-    <link rel="modulepreload" crossorigin href="./assets/process-output-Bh5DCrnq.js">
+    <link rel="modulepreload" crossorigin href="./assets/process-output-BXIvuDcK.js">
     <link rel="modulepreload" crossorigin href="./assets/blob-DgooIGjS.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-CboCOq4o.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-BjfXuxxx.js">
     <link rel="modulepreload" crossorigin href="./assets/file-DzHkbIdO.js">
     <link rel="modulepreload" crossorigin href="./assets/image-DXfkah9d.js">
     <link rel="modulepreload" crossorigin href="./assets/play-DKSqmedg.js">
-    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-c0y2WMWV.js">
+    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-U_En-o_I.js">
     <link rel="modulepreload" crossorigin href="./assets/isEmpty-CfmnKtgL.js">
     <link rel="modulepreload" crossorigin href="./assets/bot-message-square-CK6eoGWy.js">
-    <link rel="modulepreload" crossorigin href="./assets/chat-display-BXPJxw9m.js">
+    <link rel="modulepreload" crossorigin href="./assets/chat-display-D2m36iog.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-DV8gdCvH.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-B006EYFX.js">
     <link rel="modulepreload" crossorigin href="./assets/spec-CYMZZDXr.js">
     <link rel="modulepreload" crossorigin href="./assets/ellipsis-vertical-CAB7tdza.js">
-    <link rel="modulepreload" crossorigin href="./assets/components-CMr3IGTz.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-46vONjMD.js">
+    <link rel="modulepreload" crossorigin href="./assets/components-U5Mj1xiO.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-DBQzaLrY.js">
     <link rel="modulepreload" crossorigin href="./assets/toggle-AwCCScbH.js">
-    <link rel="modulepreload" crossorigin href="./assets/globals-Bq7VSYAW.js">
+    <link rel="modulepreload" crossorigin href="./assets/globals-Bh7qAnqa.js">
     <link rel="modulepreload" crossorigin href="./assets/share-DdWa0mV7.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-D5BgdrnX.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-DTuXFbj-.js">
-    <link rel="modulepreload" crossorigin href="./assets/context-aware-panel-DEvHY7XC.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-7mI8YyUz.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAddCell-CKoCjXpL.js">
+    <link rel="modulepreload" crossorigin href="./assets/context-aware-panel-CaZEaV8C.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-jCvD7_Ne.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAddCell-ErFmQedu.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-vwi9L975.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-DO_Km04V.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-YmScI7wz.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-B5q2Ow55.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-BdaBiPvr.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-Br3viuqL.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-DLpfIr8v.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-p9cBnWwo.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-BEIQJWib.js">
     <link rel="modulepreload" crossorigin href="./assets/field-9GctqEPJ.js">
-    <link rel="modulepreload" crossorigin href="./assets/useBoolean-CBdZ7rfO.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBoolean-B8gcV_C4.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-BEmJ3M7I.js">
     <link rel="modulepreload" crossorigin href="./assets/types-C1RN112u.js">
     <link rel="modulepreload" crossorigin href="./assets/prop-types-C638SUfx.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.20.5-dev70",
+  "version": "0.20.5-dev75",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/editor/connections/storage/as-code.ts

@@ -8,7 +8,7 @@ import { type StorageConnection, StorageConnectionSchema } from "./schemas";
 export type StorageLibrary = "obstore" | "fsspec";
 
 export const StorageLibraryDisplayNames: Record<StorageLibrary, string> = {
-  obstore: "Obstore",
+  obstore: "obstore",
   fsspec: "fsspec",
 };
 

package/src/components/storage/storage-inspector.tsx

@@ -555,7 +555,7 @@ export const StorageInspector: React.FC = () => {
         title="No storage connected"
         description={
           <span>
-            Create an Obstore or fsspec connection in your notebook. See the{" "}
+            Create an obstore or fsspec connection in your notebook. See the{" "}
             <a
               className="text-link"
               href="https://docs.marimo.io/guides/working_with_data/remote_storage/#quick-start"

package/src/core/cells/ids.ts

@@ -1,6 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 /* eslint-disable @typescript-eslint/no-redeclare */
 
+import { OBJECT_ID_ATTR } from "@/core/dom/ui-element-constants";
 import { invariant } from "@/utils/invariant";
 import type { TypedString } from "../../utils/typed";
 
@@ -110,7 +111,7 @@ export function findCellId(element: HTMLElement): CellId | null {
 export type UIElementId = `${CellId}-${string}`;
 export const UIElementId = {
   parse(element: Element): UIElementId | null {
-    return element.getAttribute("object-id") as UIElementId | null;
+    return element.getAttribute(OBJECT_ID_ATTR) as UIElementId | null;
   },
   parseOrThrow(element: Element): UIElementId {
     const id = UIElementId.parse(element);

package/src/core/config/__tests__/config-schema.test.ts

@@ -70,7 +70,9 @@ test("default UserConfig - empty", () => {
         "reference_highlighting": true,
         "theme": "light",
       },
-      "experimental": {},
+      "experimental": {
+        "storage_inspector": true,
+      },
       "formatting": {
         "line_length": 79,
       },
@@ -140,7 +142,9 @@ test("default UserConfig - one level", () => {
         "reference_highlighting": true,
         "theme": "light",
       },
-      "experimental": {},
+      "experimental": {
+        "storage_inspector": true,
+      },
       "formatting": {
         "line_length": 79,
       },

package/src/core/config/config-schema.ts

@@ -186,6 +186,7 @@ export const UserConfigSchema = z
       .looseObject({
         markdown: z.boolean().optional(),
         rtc: z.boolean().optional(),
+        storage_inspector: z.boolean().prefault(true),
         // Add new experimental features here
       })
       // Pass through so that we don't remove any extra keys that the user has added.

package/src/core/config/feature-flag.tsx

@@ -21,7 +21,7 @@ const defaultValues: ExperimentalFeatures = {
   rtc_v2: false,
   cache_panel: false,
   external_agents: import.meta.env.DEV,
-  storage_inspector: false,
+  storage_inspector: true,
 };
 
 export function getFeatureFlag<T extends keyof ExperimentalFeatures>(

package/src/core/dom/ui-element-constants.ts

@@ -0,0 +1,15 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+/**
+ * Stable identifier for a UI element, deterministic across re-executions
+ * of the same cell (based on cell ID + creation order).
+ * Used to synchronize multiple instances and kernel state.
+ */
+export const OBJECT_ID_ATTR = "object-id";
+
+/**
+ * Random token that changes every time a UI element is constructed
+ * (i.e., every cell execution). Used to detect stale elements and
+ * force re-renders when a cell re-runs.
+ */
+export const RANDOM_ID_ATTR = "random-id";

package/src/core/dom/ui-element.ts

@@ -8,6 +8,7 @@ import {
   MarimoValueInputEvent,
   type MarimoValueInputEventType,
 } from "./events";
+import { RANDOM_ID_ATTR } from "./ui-element-constants";
 import { UI_ELEMENT_REGISTRY } from "./uiregistry";
 
 import "./ui-element.css";
@@ -189,7 +190,7 @@ export function initializeUIElement() {
     // used like a React key. If the random-id changes, we need to unmount and
     // remount its child.
     static get observedAttributes() {
-      return ["random-id"];
+      return [RANDOM_ID_ATTR];
     }
 
     attributeChangedCallback(
@@ -199,7 +200,7 @@ export function initializeUIElement() {
     ) {
       if (this.initialized) {
         const hasChanged = oldValue !== newValue;
-        if (name === "random-id" && hasChanged) {
+        if (name === RANDOM_ID_ATTR && hasChanged) {
           // deregister/clean-up this instance
           this.disconnectedCallback();
           // remove and re-add its child to force it to re-render; note that

package/src/core/islands/components/web-components.tsx

@@ -6,6 +6,7 @@ import ReactDOM, { type Root } from "react-dom/client";
 import { ErrorBoundary } from "@/components/editor/boundary/ErrorBoundary";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { notebookAtom } from "@/core/cells/cells";
+import { OBJECT_ID_ATTR } from "@/core/dom/ui-element-constants";
 import { UI_ELEMENT_REGISTRY } from "@/core/dom/uiregistry";
 import { LocaleProvider } from "@/core/i18n/locale-provider";
 import { renderHTML } from "@/plugins/core/RenderHTML";
@@ -60,7 +61,7 @@ export class MarimoIslandElement extends HTMLElement {
     const codeCallback: () => string = optionalEditor
       ? () =>
           `${UI_ELEMENT_REGISTRY.lookupValue(
-            optionalEditor.props["object-id"],
+            optionalEditor.props[OBJECT_ID_ATTR],
           )}`
       : () => code;
 

package/src/plugins/impl/DataTablePlugin.tsx

@@ -60,7 +60,11 @@ import { ContextAwarePanelItem } from "@/components/editor/chrome/panels/context
 import { Alert, AlertTitle } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
 import { DelayMount } from "@/components/utils/delay-mount";
-import { type CellId, findCellId } from "@/core/cells/ids";
+import { type CellId, findCellId, UIElementId } from "@/core/cells/ids";
+import {
+  OBJECT_ID_ATTR,
+  RANDOM_ID_ATTR,
+} from "@/core/dom/ui-element-constants";
 import { slotsController } from "@/core/slots/slots";
 import { store } from "@/core/state/jotai";
 import { isStaticNotebook } from "@/core/static/static-state";
@@ -361,6 +365,7 @@ export const DataTablePlugin = createPlugin<S>("marimo-table")
         <LazyDataTableComponent
           isLazy={props.data.lazy}
           preload={props.data.preload}
+          host={props.host}
         >
           <LoadingDataTableComponent
             {...props.data}
@@ -377,21 +382,66 @@ export const DataTablePlugin = createPlugin<S>("marimo-table")
     );
   });
 
+/**
+ * Tracks which lazy tables have been previewed across remounts (e.g. tab switches).
+ * Keyed by uiElementId (stable across remounts) with randomId as value
+ * (changes on cell re-execution, so stale entries are naturally invalidated).
+ */
+const previewedTables = new Map<UIElementId, string>();
+
+function wasTablePreviewed(
+  uiElementId: UIElementId | null | undefined,
+  randomId: string | null | undefined,
+): boolean {
+  return (
+    uiElementId != null &&
+    randomId != null &&
+    previewedTables.get(uiElementId) === randomId
+  );
+}
+
+function markTablePreviewed(
+  uiElementId: UIElementId | null | undefined,
+  randomId: string | null | undefined,
+): void {
+  if (uiElementId != null && randomId != null) {
+    previewedTables.set(uiElementId, randomId);
+  }
+}
+
 const LazyDataTableComponent = ({
   isLazy: initialIsLazy,
   children,
   preload,
+  host,
 }: {
   isLazy: boolean;
   children: React.ReactNode;
   preload: boolean;
+  host: HTMLElement;
 }) => {
-  const [isLazy, setIsLazy] = useState(initialIsLazy && !preload);
+  const parentElement = host.closest(`[${OBJECT_ID_ATTR}]`);
+  const uiElementId = parentElement ? UIElementId.parse(parentElement) : null;
+
+  const randomId = host
+    .closest(`[${RANDOM_ID_ATTR}]`)
+    ?.getAttribute(RANDOM_ID_ATTR);
+
+  const [isLazy, setIsLazy] = useState(
+    initialIsLazy && !preload && !wasTablePreviewed(uiElementId, randomId),
+  );
 
   if (isLazy) {
     return (
       <div className="flex h-20 items-center justify-center">
-        <Button variant="outline" size="xs" onClick={() => setIsLazy(false)}>
+        <Button
+          variant="outline"
+          size="xs"
+          onClick={() => {
+            markTablePreviewed(uiElementId, randomId);
+            setIsLazy(false);
+          }}
+        >
           <Table2Icon className="mr-2 h-4 w-4" />
           Preview data
         </Button>

package/src/plugins/impl/FileBrowserPlugin.tsx

@@ -15,6 +15,7 @@ import { Label } from "@/components/ui/label";
 import { NativeSelect } from "@/components/ui/native-select";
 import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
 import { toast } from "@/components/ui/use-toast";
+import { RANDOM_ID_ATTR } from "@/core/dom/ui-element-constants";
 import { useAsyncData } from "@/hooks/useAsyncData";
 import { useInternalStateWithSync } from "@/hooks/useInternalStateWithSync";
 import { cn } from "@/utils/cn";
@@ -150,7 +151,9 @@ export const FileBrowser = ({
 
   // HACK: use the random-id of the host element to force a re-render
   // when the random-id changes, this means the cell was re-rendered
-  const randomId = host.closest("[random-id]")?.getAttribute("random-id");
+  const randomId = host
+    .closest(`[${RANDOM_ID_ATTR}]`)
+    ?.getAttribute(RANDOM_ID_ATTR);
 
   const { data, error, isPending } = useAsyncData(() => {
     return list_directory({ path: path });

package/src/plugins/impl/anywidget/AnyWidgetPlugin.tsx

@@ -4,6 +4,7 @@
 import type { AnyWidget } from "@anywidget/types";
 import { useEffect, useRef } from "react";
 import { z } from "zod";
+import { RANDOM_ID_ATTR } from "@/core/dom/ui-element-constants";
 import { useAsyncData } from "@/hooks/useAsyncData";
 import type { HTMLElementNotDerivedFromRef } from "@/hooks/useEventListener";
 import { createPlugin } from "@/plugins/core/builder";
@@ -145,7 +146,9 @@ const AnyWidgetSlot = (props: IPluginProps<ModelIdRef, Data>) => {
   }
 
   // Find the closest parent element with an attribute of `random-id`
-  const randomId = props.host.closest("[random-id]")?.getAttribute("random-id");
+  const randomId = props.host
+    .closest(`[${RANDOM_ID_ATTR}]`)
+    ?.getAttribute(RANDOM_ID_ATTR);
   const key = randomId ?? jsUrl;
 
   return (

package/dist/assets/utils-HIU-NsEv.js

@@ -1 +0,0 @@
-import{d as k,i as x,l as z,p as o,u as C}from"./useEvent-O0nX5vok.js";import{A as n,B as D,I as j,J as I,N as d,P as h,R as t,T as l,U as J,b as r,w as _}from"./zod-H_cgTO0M.js";import{t as N}from"./compiler-runtime-B3qBwwSJ.js";import{t as R}from"./merge-CfcLlFFp.js";import{a as S,m as f,p as U}from"./useEventListener-BGihH8bs.js";import{t as F}from"./invariant-CQUIhlu2.js";const M=["pip","uv","rye","poetry","pixi"];var $=["normal","compact","medium","full","columns"],q=["auto","native","polars","lazy-polars","pandas"];const G="openai/gpt-4o";var O=["html","markdown","ipynb"];const H=["manual","ask","agent"];var u=h({api_key:t().optional(),base_url:t().optional(),project:t().optional()}).loose(),K=h({chat_model:t().nullish(),edit_model:t().nullish(),autocomplete_model:t().nullish(),displayed_models:_(t()).default([]),custom_models:_(t()).default([])});const y=n({completion:h({activate_on_typing:l().prefault(!0),signature_hint_on_typing:l().prefault(!1),copilot:D([l(),r(["github","codeium","custom"])]).prefault(!1).transform(a=>a===!0?"github":a),codeium_api_key:t().nullish()}).prefault({}),save:n({autosave:r(["off","after_delay"]).prefault("after_delay"),autosave_delay:d().nonnegative().transform(a=>Math.max(a,1e3)).prefault(1e3),format_on_save:l().prefault(!1)}).prefault({}),formatting:n({line_length:d().nonnegative().prefault(79).transform(a=>Math.min(a,1e3))}).prefault({}),keymap:n({preset:r(["default","vim"]).prefault("default"),overrides:j(t(),t()).prefault({}),destructive_delete:l().prefault(!0)}).prefault({}),runtime:n({auto_instantiate:l().prefault(!0),on_cell_change:r(["lazy","autorun"]).prefault("autorun"),auto_reload:r(["off","lazy","autorun"]).prefault("off"),reactive_tests:l().prefault(!0),watcher_on_save:r(["lazy","autorun"]).prefault("lazy"),default_sql_output:r(q).prefault("auto"),default_auto_download:_(r(O)).prefault([])}).prefault({}),display:n({theme:r(["light","dark","system"]).prefault("light"),code_editor_font_size:d().nonnegative().prefault(14),cell_output:r(["above","below"]).prefault("below"),dataframes:r(["rich","plain"]).prefault("rich"),default_table_page_size:d().prefault(10),default_table_max_columns:d().prefault(50),default_width:r($).prefault("medium").transform(a=>a==="normal"?"compact":a),locale:t().nullable().optional(),reference_highlighting:l().prefault(!0)}).prefault({}),package_management:n({manager:r(M).prefault("pip")}).prefault({}),ai:n({rules:t().prefault(""),mode:r(H).prefault("manual"),inline_tooltip:l().prefault(!1),open_ai:u.optional(),anthropic:u.optional(),google:u.optional(),ollama:u.optional(),openrouter:u.optional(),wandb:u.optional(),open_ai_compatible:u.optional(),azure:u.optional(),bedrock:n({region_name:t().optional(),profile_name:t().optional(),aws_access_key_id:t().optional(),aws_secret_access_key:t().optional()}).optional(),custom_providers:j(t(),u).prefault({}),models:K.prefault({displayed_models:[],custom_models:[]})}).prefault({}),experimental:n({markdown:l().optional(),rtc:l().optional()}).prefault(()=>({})),server:n({disable_file_downloads:l().optional()}).prefault(()=>({})),diagnostics:n({enabled:l().optional(),sql_linter:l().optional()}).prefault(()=>({})),sharing:n({html:l().optional(),wasm:l().optional()}).optional(),mcp:n({presets:_(r(["marimo","context7"])).optional()}).optional().prefault({})}).partial().prefault(()=>({completion:{},save:{},formatting:{},keymap:{},runtime:{},display:{},diagnostics:{},experimental:{},server:{},ai:{},package_management:{},mcp:{}})),A=t(),L=r(q).prefault("auto"),b=h({width:r($).prefault("medium").transform(a=>a==="normal"?"compact":a),app_title:A.nullish(),css_file:t().nullish(),html_head_file:t().nullish(),auto_download:_(r(O)).prefault([]),sql_output:L}).prefault(()=>({width:"medium",auto_download:[],sql_output:"auto"}));function E(a){try{return b.parse(a)}catch(e){return f.error(`Marimo got an unexpected value in the configuration file: ${e}`),b.parse({})}}function Q(a){try{let e=y.parse(a);for(let[p,s]of Object.entries(e.experimental??{}))s===!0&&f.log(`\u{1F9EA} Experimental feature "${p}" is enabled.`);return e}catch(e){return e instanceof J?f.error(`Marimo got an unexpected value in the configuration file: ${I(e)}`):f.error(`Marimo got an unexpected value in the configuration file: ${e}`),P()}}function V(a){try{let e=a;return F(typeof e=="object","internal-error: marimo-config-overrides is not an object"),Object.keys(e).length>0&&f.log("\u{1F527} Project configuration overrides:",e),e}catch(e){return f.error(`Marimo got an unexpected configuration overrides: ${e}`),{}}}function P(){return y.parse({completion:{},save:{},formatting:{},keymap:{},runtime:{},display:{},diagnostics:{},experimental:{},server:{},ai:{},package_management:{},mcp:{}})}var W=N();const v=o(P()),T=o({}),i=o(a=>{let e=a(T);return R({},a(v),e)}),X=o(a=>a(i).runtime.auto_instantiate),Y=o(a=>a(i).keymap.overrides??{}),Z=o(U()),aa=o(a=>new S(a(Y),{platform:a(Z)})),ea=o(a=>a(i).save),ta=o(a=>a(i).ai),oa=o(a=>a(i).completion),ra=o(a=>a(i).keymap.preset);function la(){return z(v)}function na(){let a=(0,W.c)(3),e=C(i),p=k(v),s;return a[0]!==e||a[1]!==p?(s=[e,p],a[0]=e,a[1]=p,a[2]=s):s=a[2],s}function ia(){return x.get(i)}const sa=o(a=>B(a(i)));o(a=>a(i).display.code_editor_font_size);const pa=o(a=>a(i).display.locale);function B(a){var e,p,s,m,c,w;return!!((p=(e=a.ai)==null?void 0:e.models)!=null&&p.chat_model)||!!((m=(s=a.ai)==null?void 0:s.models)!=null&&m.edit_model)||!!((w=(c=a.ai)==null?void 0:c.models)!=null&&w.autocomplete_model)}const g=o(E({}));function ua(){return z(g)}function fa(){return k(g)}function ma(){return x.get(g)}const ca=o(a=>a(g).width);o(a=>{var m,c;let e=a(i),p=((m=e.snippets)==null?void 0:m.custom_paths)??[],s=(c=e.snippets)==null?void 0:c.include_default_snippets;return p.length>0||s===!0});const da=o(a=>{var e;return((e=a(i).server)==null?void 0:e.disable_file_downloads)??!1});function _a(){return!1}export{Q as A,b as C,y as D,M as E,E as O,v as S,G as T,i as _,ca as a,fa as b,oa as c,ma as d,ia as f,pa as g,ra as h,g as i,V as k,T as l,B as m,ta as n,X as o,aa as p,sa as r,ea as s,_a as t,da as u,ua as v,A as w,la as x,na as y};