@marimo-team/islands 0.22.1-dev42 → 0.22.1-dev44

package/dist/main.js

@@ -14080,7 +14080,11 @@ Defaulting to \`null\`.`;
       ]
     });
   }
-  var import_client$1 = __toESM(require_client(), 1), UIElementRegistry = class e {
+  var import_client$1 = __toESM(require_client(), 1);
+  function isUIValueUpdateMessage(e) {
+    return typeof e != "object" || !e ? false : "type" in e && e.type === "marimo-ui-value-update";
+  }
+  var UIElementRegistry = class e {
     static get INSTANCE() {
       let r = "_marimo_private_UIElementRegistry";
       return window[r] || (window[r] = new e()), window[r];
@@ -14125,7 +14129,24 @@ Defaulting to \`null\`.`;
     }
     broadcastMessage(e2, r, c) {
       let d = this.entries.get(e2);
-      d === void 0 ? Logger.warn("UIElementRegistry missing entry", e2) : d.elements.forEach((d2) => {
+      if (d === void 0) {
+        Logger.warn("UIElementRegistry missing entry", e2);
+        return;
+      }
+      if (isUIValueUpdateMessage(r)) {
+        d.value = r.value, d.elements.forEach((e3) => {
+          e3.dispatchEvent(MarimoValueUpdateEvent.create({
+            bubbles: false,
+            composed: true,
+            detail: {
+              value: r.value,
+              element: e3
+            }
+          }));
+        });
+        return;
+      }
+      d.elements.forEach((d2) => {
         d2.dispatchEvent(MarimoIncomingMessageEvent.create({
           bubbles: false,
           composed: true,
@@ -65519,7 +65540,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev42"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev44"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {

package/package.json

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

package/src/core/dom/uiregistry.ts

@@ -10,6 +10,23 @@ import {
 } from "./events";
 import { parseInitialValue } from "./htmlUtils";
 
+/**
+ * Kernel-initiated UI value update, sent via the existing
+ * `send-ui-element-message` channel when `set_ui_value` (code_mode)
+ * changes a widget's value so the frontend can reflect the new state.
+ */
+interface UIValueUpdateMessage {
+  type: "marimo-ui-value-update";
+  value: ValueType;
+}
+
+function isUIValueUpdateMessage(msg: unknown): msg is UIValueUpdateMessage {
+  if (typeof msg !== "object" || msg === null) {
+    return false;
+  }
+  return "type" in msg && msg.type === "marimo-ui-value-update";
+}
+
 interface UIElementEntry {
   objectId: string;
   value: ValueType;
@@ -141,21 +158,38 @@ export class UIElementRegistry {
     const entry = this.entries.get(objectId);
     if (entry === undefined) {
       Logger.warn("UIElementRegistry missing entry", objectId);
-    } else {
+      return;
+    }
+
+    // Kernel-initiated value update — push into DOM elements without
+    // dispatching MarimoValueReadyEvent to avoid a round-trip.
+    if (isUIValueUpdateMessage(message)) {
+      entry.value = message.value;
       entry.elements.forEach((element) => {
         element.dispatchEvent(
-          MarimoIncomingMessageEvent.create({
-            bubbles: false, // only the intended target gets the message
+          MarimoValueUpdateEvent.create({
+            bubbles: false,
             composed: true,
-            detail: {
-              objectId: objectId,
-              message: message,
-              buffers: buffers,
-            },
+            detail: { value: message.value, element: element },
           }),
         );
       });
+      return;
     }
+
+    entry.elements.forEach((element) => {
+      element.dispatchEvent(
+        MarimoIncomingMessageEvent.create({
+          bubbles: false, // only the intended target gets the message
+          composed: true,
+          detail: {
+            objectId: objectId,
+            message: message,
+            buffers: buffers,
+          },
+        }),
+      );
+    });
   }
 
   /**