@marimo-team/islands 0.22.1-dev41 → 0.22.1-dev43

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,
@@ -33827,7 +33848,11 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
         className: cn("h-auto min-h-10 whitespace-pre align-top", c2),
         style: d,
         ref: (c3) => {
-          columnSizingHandler(c3, e, r4.column);
+          columnSizingHandler({
+            table: e,
+            column: r4.column,
+            thead: c3
+          });
         },
         children: r4.isPlaceholder ? null : flexRender(r4.column.columnDef.header, r4.getContext())
       }, r4.id);
@@ -33982,10 +34007,12 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       }
     };
   }
-  function columnSizingHandler(e, r, c) {
-    e && r.getState().columnSizing[c.id] !== e.getBoundingClientRect().width && r.setColumnSizing((r2) => ({
-      ...r2,
-      [c.id]: e.getBoundingClientRect().width
+  function columnSizingHandler({ table: e, column: r, thead: c }) {
+    if (!c) return;
+    let d = Math.round(c.getBoundingClientRect().width);
+    e.getState().columnSizing[r.id] !== d && e.setColumnSizing((e2) => ({
+      ...e2,
+      [r.id]: d
     }));
   }
   var MAX_PAGES_BEFORE_CLAMPING = 100;
@@ -65513,7 +65540,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev41"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev43"), 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-dev41",
+  "version": "0.22.1-dev43",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/data-table/renderers.tsx

@@ -9,7 +9,6 @@ import {
   type HeaderGroup,
   type Row,
   type Table,
-  type Table as TanStackTable,
 } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { type JSX, useLayoutEffect, useRef, useState } from "react";
@@ -52,7 +51,7 @@ export function renderTableHeader<TData>(
             )}
             style={style}
             ref={(thead) => {
-              columnSizingHandler(thead, table, header.column);
+              columnSizingHandler({ table, column: header.column, thead });
             }}
           >
             {header.isPlaceholder
@@ -323,23 +322,30 @@ function getPinningStyles<TData>(
 
 // Update column sizes in table state for column pinning offsets
 // https://github.com/TanStack/table/discussions/3947#discussioncomment-9564867
-function columnSizingHandler<TData>(
-  thead: HTMLTableCellElement | null,
-  table: TanStackTable<TData>,
-  column: Column<TData>,
-) {
+function columnSizingHandler<TData>({
+  table,
+  column,
+  thead,
+}: {
+  table: Table<TData>;
+  column: Column<TData>;
+  thead: HTMLTableCellElement | null;
+}): void {
   if (!thead) {
     return;
   }
-  if (
-    table.getState().columnSizing[column.id] ===
-    thead.getBoundingClientRect().width
-  ) {
+  // Round to avoid infinite re-render loops: the browser's table layout
+  // algorithm may render a <th> at a slightly different width than the
+  // CSS `width` we set via column.getSize(), so a strict float === float
+  // comparison never stabilizes. Rounding to integers ensures convergence
+  // after at most one cycle.
+  const measuredWidth = Math.round(thead.getBoundingClientRect().width);
+  if (table.getState().columnSizing[column.id] === measuredWidth) {
     return;
   }
 
   table.setColumnSizing((prevSizes) => ({
     ...prevSizes,
-    [column.id]: thead.getBoundingClientRect().width,
+    [column.id]: measuredWidth,
   }));
 }

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,
+          },
+        }),
+      );
+    });
   }
 
   /**