@marimo-team/islands 0.19.5-dev2 → 0.19.5-dev21

package/dist/{types-CbQF8CBX.js → types-BQOP2pRy.js}

@@ -13,7 +13,7 @@ import { c as useComposedRefs, l as Events, s as composeRefs, t as Button, u as
 import { s as Logger } from "./hotkeys-C4e3s3sJ.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
 import { t as require_react_dom } from "./react-dom-DJW8xUDg.js";
-import { h as useEvent_default } from "./useTheme-BllQjRdW.js";
+import { h as useEvent_default } from "./useTheme-CVr6Gb_R.js";
 import { t as toString_default } from "./toString-C4TLO6FA.js";
 import { i as debounce_default, n as Constants } from "./constants-DuN_eoAL.js";
 import { t as memoizeLastValue } from "./once-C-NkXwWJ.js";

package/dist/{useAsyncData-TLXJC7yx.js → useAsyncData-kqbhbSuf.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-DdA8EBol.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
-import { h as useEvent_default } from "./useTheme-BllQjRdW.js";
+import { h as useEvent_default } from "./useTheme-CVr6Gb_R.js";
 import { t as invariant } from "./invariant-BW72tHBT.js";
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), Result = {
   error(e, s) {

package/dist/{useDeepCompareMemoize-DVnEG7jx.js → useDeepCompareMemoize-B2QEm3jo.js}

@@ -8,7 +8,7 @@ import { N as createLucideIcon } from "./Combination-BOmAhdTT.js";
 import { a as cva, u as cn } from "./button-D6ZIdUA3.js";
 import { s as Logger } from "./hotkeys-C4e3s3sJ.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
-import { f as waitFor, p as isIslands, u as store, x as atom } from "./useTheme-BllQjRdW.js";
+import { f as waitFor, p as isIslands, u as store, x as atom } from "./useTheme-CVr6Gb_R.js";
 import { r as KnownQueryParams } from "./constants-DuN_eoAL.js";
 import { i as tableFromIPC } from "./loader-DH7xXi-E.js";
 var CircleQuestionMark = createLucideIcon("circle-question-mark", [

package/dist/{useTheme-BllQjRdW.js → useTheme-CVr6Gb_R.js}

@@ -598,7 +598,7 @@ const UserConfigSchema = looseObject({
     markdown: boolean().optional(),
     rtc: boolean().optional()
   }).prefault(() => ({})),
-  server: looseObject({}).prefault(() => ({})),
+  server: looseObject({ disable_file_downloads: boolean().optional() }).prefault(() => ({})),
   diagnostics: looseObject({
     enabled: boolean().optional(),
     sql_linter: boolean().optional()
@@ -681,6 +681,9 @@ atom((e) => e(appConfigAtom).width), atom((e) => {
   var _a, _b;
   let k = e(resolvedMarimoConfigAtom), A = ((_a = k.snippets) == null ? void 0 : _a.custom_paths) ?? [], j = (_b = k.snippets) == null ? void 0 : _b.include_default_snippets;
   return A.length > 0 || j === true;
+}), atom((e) => {
+  var _a;
+  return ((_a = e(resolvedMarimoConfigAtom).server) == null ? void 0 : _a.disable_file_downloads) ?? false;
 });
 var import_compiler_runtime = require_compiler_runtime(), themeAtom = atom((e) => {
   if (isIslands()) {

package/dist/{vega-component-B2QrGnW8.js → vega-component-DAeU1_cV.js}

@@ -2,18 +2,18 @@ import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-DdA8EBol.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
 import "./Combination-BOmAhdTT.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-DVnEG7jx.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-B2QEm3jo.js";
 import { l as Events } from "./button-D6ZIdUA3.js";
 import { o as Objects, s as Logger } from "./hotkeys-C4e3s3sJ.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
 import "./react-dom-DJW8xUDg.js";
 import { l as Tooltip, n as ErrorBanner } from "./error-banner-BhqH4mGj.js";
-import { h as useEvent_default, n as useTheme } from "./useTheme-BllQjRdW.js";
+import { h as useEvent_default, n as useTheme } from "./useTheme-CVr6Gb_R.js";
 import { t as _baseUniq_default } from "./_baseUniq-BUGws47x.js";
 import { i as debounce_default } from "./constants-DuN_eoAL.js";
 import { a as tooltipHandler, n as vegaLoadData } from "./loader-DH7xXi-E.js";
 import { n as formats } from "./vega-loader.browser-nTy1NZD3.js";
-import { t as useAsyncData } from "./useAsyncData-TLXJC7yx.js";
+import { t as useAsyncData } from "./useAsyncData-kqbhbSuf.js";
 import { t as j } from "./react-vega-z40f-dXy.js";
 import "./defaultLocale-DZtxSCkJ.js";
 import "./defaultLocale-DMZFeDB8.js";

package/package.json

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

package/src/components/app-config/user-config-form.tsx

@@ -993,7 +993,7 @@ export const UserConfigForm: React.FC = () => {
                       <br />
                       <br />
                       Running marimo in a{" "}
-                      <ExternalLink href="https://docs.marimo.io/guides/editor_features/package_management.html#running-marimo-in-a-sandbox-environment-uv-only">
+                      <ExternalLink href="https://docs.marimo.io/guides/package_management/inlining_dependencies.html">
                         sandboxed environment
                       </ExternalLink>{" "}
                       is only supported by <Kbd className="inline">uv</Kbd>

package/src/components/editor/controls/Controls.tsx

@@ -54,9 +54,7 @@ export const Controls = ({
   onRun,
   connectionState,
   running,
-  appConfig,
 }: ControlsProps): JSX.Element => {
-  const appWidth = appConfig.width;
   const undoAvailable = useAtomValue(canUndoDeletesAtom);
   const needsRun = useAtomValue(needsRunAtom);
   const { undoDeleteCell } = useCellActions();
@@ -103,12 +101,7 @@ export const Controls = ({
         </div>
       )}
 
-      <div
-        className={cn(
-          bottomRightControls,
-          appWidth === "compact" && "xl:flex-row items-end",
-        )}
-      >
+      <div className={cn(bottomRightControls)}>
         <HideInKioskMode>
           <SaveComponent kioskMode={false} />
         </HideInKioskMode>

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

@@ -1,6 +1,6 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import { useAtom } from "jotai";
+import { useAtom, useAtomValue } from "jotai";
 import { atomWithStorage } from "jotai/utils";
 import {
   ArrowLeftIcon,
@@ -47,6 +47,7 @@ import { Tooltip } from "@/components/ui/tooltip";
 import { toast } from "@/components/ui/use-toast";
 import { useCellActions } from "@/core/cells/cells";
 import { useLastFocusedCellId } from "@/core/cells/focus";
+import { disableFileDownloadsAtom } from "@/core/config/config";
 import { useRequestClient } from "@/core/network/requests";
 import type { FileInfo } from "@/core/network/types";
 import { isWasm } from "@/core/wasm/utils";
@@ -396,6 +397,7 @@ const Edit = ({ node }: { node: NodeApi<FileInfo> }) => {
 const Node = ({ node, style, dragHandle }: NodeRendererProps<FileInfo>) => {
   const { openFile, sendCreateFileOrFolder, sendFileDetails } =
     useRequestClient();
+  const disableFileDownloads = useAtomValue(disableFileDownloadsAtom);
 
   const fileType: FileType = node.data.isDirectory
     ? "directory"
@@ -611,7 +613,7 @@ const Node = ({ node, style, dragHandle }: NodeRendererProps<FileInfo>) => {
           </>
         )}
         <DropdownMenuSeparator />
-        {!node.data.isDirectory && (
+        {!node.data.isDirectory && !disableFileDownloads && (
           <>
             <DropdownMenuItem
               onSelect={async () => {

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

@@ -15,7 +15,7 @@ import { Suspense, useEffect, useRef, useState } from "react";
 import { renderShortcut } from "@/components/shortcuts/renderShortcut";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Tooltip } from "@/components/ui/tooltip";
-import { hotkeysAtom } from "@/core/config/config";
+import { disableFileDownloadsAtom, hotkeysAtom } from "@/core/config/config";
 import { useRequestClient } from "@/core/network/requests";
 import type { FileInfo } from "@/core/network/types";
 import { filenameAtom } from "@/core/saving/file-state";
@@ -49,6 +49,7 @@ export const FileViewer: React.FC<Props> = ({ file, onOpenNotebook }) => {
   const { theme } = useTheme();
   const { sendFileDetails, sendUpdateFile } = useRequestClient();
   const hotkeys = useAtomValue(hotkeysAtom);
+  const disableFileDownloads = useAtomValue(disableFileDownloadsAtom);
   const currentNotebookFilename = useAtomValue(filenameAtom);
   // undefined value means not modified yet
   const [internalValue, setInternalValue] = useState<string>("");
@@ -152,11 +153,13 @@ export const FileViewer: React.FC<Props> = ({ file, onOpenNotebook }) => {
           </Button>
         </Tooltip>
       )}
-      <Tooltip content="Download">
-        <Button size="small" onClick={handleDownload}>
-          <DownloadIcon />
-        </Button>
-      </Tooltip>
+      {!disableFileDownloads && (
+        <Tooltip content="Download">
+          <Button size="small" onClick={handleDownload}>
+            <DownloadIcon />
+          </Button>
+        </Tooltip>
+      )}
       {!isMedia(mimeType) && (
         <>
           <Tooltip content="Copy contents to clipboard">

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

@@ -190,7 +190,11 @@ export const UserConfigSchema = z
       })
       // Pass through so that we don't remove any extra keys that the user has added.
       .prefault(() => ({})),
-    server: z.looseObject({}).prefault(() => ({})),
+    server: z
+      .looseObject({
+        disable_file_downloads: z.boolean().optional(),
+      })
+      .prefault(() => ({})),
     diagnostics: z
       .looseObject({
         enabled: z.boolean().optional(),

package/src/core/config/config.ts

@@ -125,3 +125,7 @@ export const snippetsEnabledAtom = atom<boolean>((get) => {
   const includeDefaultSnippets = config.snippets?.include_default_snippets;
   return customPaths.length > 0 || includeDefaultSnippets === true;
 });
+
+export const disableFileDownloadsAtom = atom<boolean>((get) => {
+  return get(resolvedMarimoConfigAtom).server?.disable_file_downloads ?? false;
+});

package/src/core/lsp/__tests__/transport.test.ts

@@ -41,6 +41,8 @@ describe("ReconnectingWebSocketTransport", () => {
       this.connect = vi.fn().mockResolvedValue(undefined);
       this.close = vi.fn();
       this.sendData = vi.fn().mockResolvedValue({ result: "success" });
+      this.subscribe = vi.fn();
+      this.unsubscribe = vi.fn();
     });
   });
 
@@ -287,4 +289,151 @@ describe("ReconnectingWebSocketTransport", () => {
       "Reconnect callback failed",
     );
   });
+
+  describe("subscribe", () => {
+    it("should track subscriptions", () => {
+      const getWsUrl = vi.fn(() => mockWsUrl);
+      const transport = new ReconnectingWebSocketTransport({ getWsUrl });
+
+      const handler = vi.fn();
+      transport.subscribe("notification", handler);
+
+      expect((transport as any).pendingSubscriptions).toHaveLength(1);
+      expect((transport as any).pendingSubscriptions[0]).toEqual({
+        event: "notification",
+        handler,
+      });
+    });
+
+    it("should register handler on delegate if it exists", async () => {
+      const getWsUrl = vi.fn(() => mockWsUrl);
+      const transport = new ReconnectingWebSocketTransport({ getWsUrl });
+
+      await transport.connect();
+
+      const handler = vi.fn();
+      transport.subscribe("notification", handler);
+
+      const delegate = (transport as any).delegate;
+      expect(delegate.subscribe).toHaveBeenCalledWith("notification", handler);
+    });
+
+    it("should register pending subscriptions when delegate is created", async () => {
+      const getWsUrl = vi.fn(() => mockWsUrl);
+      const transport = new ReconnectingWebSocketTransport({ getWsUrl });
+
+      const handler1 = vi.fn();
+      const handler2 = vi.fn();
+      transport.subscribe("notification", handler1);
+      transport.subscribe("response", handler2);
+
+      await transport.connect();
+
+      const delegate = (transport as any).delegate;
+      expect(delegate.subscribe).toHaveBeenCalledWith("notification", handler1);
+      expect(delegate.subscribe).toHaveBeenCalledWith("response", handler2);
+    });
+
+    it("should re-register subscriptions on reconnection", async () => {
+      const getWsUrl = vi.fn(() => mockWsUrl);
+      const transport = new ReconnectingWebSocketTransport({ getWsUrl });
+
+      // Add subscription before connection
+      const handler = vi.fn();
+      transport.subscribe("notification", handler);
+
+      // First connection
+      await transport.connect();
+      const firstDelegate = (transport as any).delegate;
+      expect(firstDelegate.subscribe).toHaveBeenCalledWith(
+        "notification",
+        handler,
+      );
+
+      // Clear mock calls
+      firstDelegate.subscribe.mockClear();
+
+      // Simulate connection loss
+      mockConnection.readyState = WebSocket.CLOSED;
+
+      // Reconnect by sending data
+      const data: any = { method: "test", params: [] };
+      await transport.sendData(data, 5000);
+
+      // New delegate should have been created
+      const secondDelegate = (transport as any).delegate;
+      expect(secondDelegate).not.toBe(firstDelegate);
+
+      // Subscription should be re-registered on new delegate
+      expect(secondDelegate.subscribe).toHaveBeenCalledWith(
+        "notification",
+        handler,
+      );
+    });
+  });
+
+  describe("unsubscribe", () => {
+    it("should remove subscription from tracking", () => {
+      const getWsUrl = vi.fn(() => mockWsUrl);
+      const transport = new ReconnectingWebSocketTransport({ getWsUrl });
+
+      const handler = vi.fn();
+      transport.subscribe("notification", handler);
+      expect((transport as any).pendingSubscriptions).toHaveLength(1);
+
+      transport.unsubscribe("notification", handler);
+      expect((transport as any).pendingSubscriptions).toHaveLength(0);
+    });
+
+    it("should unregister from delegate if it exists", async () => {
+      const getWsUrl = vi.fn(() => mockWsUrl);
+      const transport = new ReconnectingWebSocketTransport({ getWsUrl });
+
+      await transport.connect();
+
+      const handler = vi.fn();
+      transport.subscribe("notification", handler);
+
+      const delegate = (transport as any).delegate;
+      delegate.unsubscribe.mockClear();
+
+      transport.unsubscribe("notification", handler);
+
+      expect(delegate.unsubscribe).toHaveBeenCalledWith(
+        "notification",
+        handler,
+      );
+    });
+
+    it("should not re-register unsubscribed handlers on reconnection", async () => {
+      const getWsUrl = vi.fn(() => mockWsUrl);
+      const transport = new ReconnectingWebSocketTransport({ getWsUrl });
+
+      const handler1 = vi.fn();
+      const handler2 = vi.fn();
+      transport.subscribe("notification", handler1);
+      transport.subscribe("response", handler2);
+
+      await transport.connect();
+
+      // Unsubscribe handler1
+      transport.unsubscribe("notification", handler1);
+
+      // Simulate connection loss
+      mockConnection.readyState = WebSocket.CLOSED;
+
+      // Reconnect by sending data
+      const data: any = { method: "test", params: [] };
+      await transport.sendData(data, 5000);
+
+      const newDelegate = (transport as any).delegate;
+
+      // Only handler2 should be registered on the new delegate
+      expect(newDelegate.subscribe).not.toHaveBeenCalledWith(
+        "notification",
+        handler1,
+      );
+      expect(newDelegate.subscribe).toHaveBeenCalledWith("response", handler2);
+    });
+  });
 });

package/src/core/lsp/transport.ts

@@ -23,6 +23,11 @@ export interface ReconnectingWebSocketTransportOptions {
   onReconnect?: () => Promise<void>;
 }
 
+interface Subscription {
+  event: "pending" | "notification" | "response" | "error";
+  handler: Parameters<Transport["subscribe"]>[1];
+}
+
 /**
  * A WebSocket transport that automatically reconnects when the connection is lost.
  * This handles cases like computer sleep/wake or network interruptions.
@@ -33,6 +38,7 @@ export class ReconnectingWebSocketTransport extends Transport {
   private connectionPromise: Promise<void> | undefined;
   private isClosed = false;
   private hasConnectedBefore = false;
+  private pendingSubscriptions: Subscription[] = [];
 
   constructor(options: ReconnectingWebSocketTransportOptions) {
     super();
@@ -55,6 +61,12 @@ export class ReconnectingWebSocketTransport extends Transport {
 
     // Create a new delegate
     this.delegate = new WebSocketTransport(this.options.getWsUrl());
+
+    // Re-register all pending subscriptions on the new delegate
+    for (const { event, handler } of this.pendingSubscriptions) {
+      this.delegate.subscribe(event, handler);
+    }
+
     return this.delegate;
   }
 
@@ -134,6 +146,42 @@ export class ReconnectingWebSocketTransport extends Transport {
     this.connectionPromise = undefined;
   }
 
+  override subscribe(...args: Parameters<Transport["subscribe"]>): void {
+    // Register handler on parent Transport
+    super.subscribe(...args);
+
+    const [event, handler] = args;
+
+    // Track the subscription
+    this.pendingSubscriptions.push({ event, handler });
+
+    // Also register on delegate if it exists
+    if (this.delegate) {
+      this.delegate.subscribe(event, handler);
+    }
+  }
+
+  override unsubscribe(
+    ...args: Parameters<Transport["unsubscribe"]>
+  ): import("events").EventEmitter | undefined {
+    // Unregister from parent
+    const result = super.unsubscribe(...args);
+
+    const [event, handler] = args;
+
+    // Remove from pending subscriptions
+    this.pendingSubscriptions = this.pendingSubscriptions.filter(
+      (sub) => !(sub.event === event && sub.handler === handler),
+    );
+
+    // Also unregister from delegate if it exists
+    if (this.delegate) {
+      this.delegate.unsubscribe(event, handler);
+    }
+
+    return result;
+  }
+
   override async sendData(
     data: JSONRPCRequestData,
     timeout: number | null | undefined,

package/src/css/app/Cell.css

@@ -249,7 +249,6 @@
   }
 
   /* Borderless styles for Cell */
-
   &.borderless {
     border-color: transparent;
 
@@ -258,7 +257,6 @@
     }
 
     /* Apply the original styles */
-    &:hover,
     &:focus {
       border: 1px solid var(--gray-4);
     }

package/src/plugins/layout/TexPlugin.tsx

@@ -115,16 +115,18 @@ const TexComponent = ({
   // isn't a simple way to do that in Python without bringing in a new
   // dependency.
   //
-  // The number of children is always 1 (the LaTeX) or 3 redundant ||(, ||)
-  // delimiters as the first and third child, another marimo-tex tag as the
-  // second. Only try to render latex in the former case.
+  // When nested, the inner marimo-tex should not render because the outer
+  // marimo-tex's textContent includes the nested delimiters (||(||(x||)||))
+  // and will render correctly with displayMode: true. We detect this by
+  // checking if the parent element is also a marimo-tex.
+  const isNested = host.parentElement?.tagName.toLowerCase() === "marimo-tex";
 
   // Re-render when the text content changes.
   useLayoutEffect(() => {
-    if (ref.current) {
+    if (ref.current && !isNested) {
       renderLatex(ref.current, currentTex);
     }
-  }, [currentTex]);
+  }, [currentTex, isNested]);
 
   return <span ref={ref} />;
 };

package/dist/assets/__vite-browser-external-CgHmDpAZ.js

@@ -1 +0,0 @@
-import{t as e}from"./worker-BR7KVExK.js";var t=e(((e,t)=>{t.exports={}}));export default t();