@marimo-team/islands 0.23.12-dev14 → 0.23.12-dev18

package/dist/{code-visibility-D7qOrRxp.js → code-visibility-BYOA9uKh.js}

@@ -35997,7 +35997,7 @@ ${d}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.12-dev14");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.12-dev18");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as reducer, B as safeExtractSetUIElementMessageBuffers, Bn as CircleA
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist--2Bqjvs0.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-Bv-XlYiv.js";
-import { $ as contextAwarePanelOpen, $t as $fae977aafc393c5c$export$6b862160d295c8e, A as prettifyRowCount, At as SELECT_COLUMN_ID, B as DatePicker, Bt as TabsContent, C as downloadSizeLimitAtom, Ct as DelayMount, D as ErrorState, Dt as loadTableAndRawData, E as EmptyState, Et as getPageIndexForRow, F as ContextMenuSeparator, Ft as Maps, G as CommandEmpty, Gt as ChartLoadingState, H as Combobox, Ht as TabsTrigger, I as ContextMenuTrigger, It as dateToLocalISODate, J as CommandList, Jt as RenderTextWithLinks, K as CommandInput, Kt as LazyVegaEmbed, L as useInternalStateWithSync, Lt as dateToLocalISODateTime, M as ContextMenu, Mt as toFieldTypes, N as ContextMenuContent, Nt as getMimeValues, O as LoadingState, Ot as loadTableData, P as ContextMenuItem, Pt as isNullishFilter, Q as PANEL_TYPES, Qt as $fae977aafc393c5c$export$588937bcd60ade55, R as useSelectList, Rt as dateToLocalISOTime, S as Filenames, St as ColumnChartSpecModel, T as ColumnPreviewContainer, Tt as usePrevious$1, U as ComboboxItem, Ut as ChartErrorState, V as DateRangePicker, Vt as TabsList, W as Command, Wt as ChartInfoState, X as smartMatch, Xt as HtmlOutput, Y as CommandSeparator, Yt as Kbd, Z as ContextAwarePanelItem, Zt as EmotionCacheProvider, _ as ADD_PRINTING_CLASS, _t as NAMELESS_COLUMN_PREFIX, an as Ellipsis, at as Toggle, b as downloadHTMLAsImage, bt as renderCellValue, c as Slide, cn as ChevronsUpDown, d as RadioGroupItem, dn as ChevronsDownUp, dt as Table, en as TextWrap, et as contextAwarePanelOwner, f as JsonOutput, fn as ChevronLeft, ft as TableBody, g as InstallPackageButton, gt as TableRow, h as DataTable, ht as TableHeader, it as slotsController, j as getColumnCountForDisplay, jt as TOO_MANY_ROWS, k as prettifyRowColumnCount, kt as INDEX_COLUMN_NAME, l as Switch, ln as ChevronsRight, lt as Fill, m as OutputRenderer, mt as TableHead, n as marimoVersionAtom, nn as Funnel, nt as isCellAwareAtom, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as Download, p as OutputArea, pn as ArrowDownWideNarrow, pt as TableCell, q as CommandItem, qt as useOverflowDetection, r as showCodeInRunModeAtom, rn as EyeOff, rt as SlotNames, sn as Code, t as useNotebookCodeAvailable, tn as GripHorizontal, tt as contextAwarePanelType, u as RadioGroup, un as ChevronsLeft, ut as Provider$1, v as downloadBlob, vt as generateColumns, w as ColumnName, wt as useIntersectionObserver, x as Progress, xt as ColumnChartContext, y as downloadByURL, yt as inferFieldTypes, z as CompactChipRow, zt as Tabs, __tla as __tla_2 } from "./code-visibility-D7qOrRxp.js";
+import { $ as contextAwarePanelOpen, $t as $fae977aafc393c5c$export$6b862160d295c8e, A as prettifyRowCount, At as SELECT_COLUMN_ID, B as DatePicker, Bt as TabsContent, C as downloadSizeLimitAtom, Ct as DelayMount, D as ErrorState, Dt as loadTableAndRawData, E as EmptyState, Et as getPageIndexForRow, F as ContextMenuSeparator, Ft as Maps, G as CommandEmpty, Gt as ChartLoadingState, H as Combobox, Ht as TabsTrigger, I as ContextMenuTrigger, It as dateToLocalISODate, J as CommandList, Jt as RenderTextWithLinks, K as CommandInput, Kt as LazyVegaEmbed, L as useInternalStateWithSync, Lt as dateToLocalISODateTime, M as ContextMenu, Mt as toFieldTypes, N as ContextMenuContent, Nt as getMimeValues, O as LoadingState, Ot as loadTableData, P as ContextMenuItem, Pt as isNullishFilter, Q as PANEL_TYPES, Qt as $fae977aafc393c5c$export$588937bcd60ade55, R as useSelectList, Rt as dateToLocalISOTime, S as Filenames, St as ColumnChartSpecModel, T as ColumnPreviewContainer, Tt as usePrevious$1, U as ComboboxItem, Ut as ChartErrorState, V as DateRangePicker, Vt as TabsList, W as Command, Wt as ChartInfoState, X as smartMatch, Xt as HtmlOutput, Y as CommandSeparator, Yt as Kbd, Z as ContextAwarePanelItem, Zt as EmotionCacheProvider, _ as ADD_PRINTING_CLASS, _t as NAMELESS_COLUMN_PREFIX, an as Ellipsis, at as Toggle, b as downloadHTMLAsImage, bt as renderCellValue, c as Slide, cn as ChevronsUpDown, d as RadioGroupItem, dn as ChevronsDownUp, dt as Table, en as TextWrap, et as contextAwarePanelOwner, f as JsonOutput, fn as ChevronLeft, ft as TableBody, g as InstallPackageButton, gt as TableRow, h as DataTable, ht as TableHeader, it as slotsController, j as getColumnCountForDisplay, jt as TOO_MANY_ROWS, k as prettifyRowColumnCount, kt as INDEX_COLUMN_NAME, l as Switch, ln as ChevronsRight, lt as Fill, m as OutputRenderer, mt as TableHead, n as marimoVersionAtom, nn as Funnel, nt as isCellAwareAtom, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as Download, p as OutputArea, pn as ArrowDownWideNarrow, pt as TableCell, q as CommandItem, qt as useOverflowDetection, r as showCodeInRunModeAtom, rn as EyeOff, rt as SlotNames, sn as Code, t as useNotebookCodeAvailable, tn as GripHorizontal, tt as contextAwarePanelType, u as RadioGroup, un as ChevronsLeft, ut as Provider$1, v as downloadBlob, vt as generateColumns, w as ColumnName, wt as useIntersectionObserver, x as Progress, xt as ColumnChartContext, y as downloadByURL, yt as inferFieldTypes, z as CompactChipRow, zt as Tabs, __tla as __tla_2 } from "./code-visibility-BYOA9uKh.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-AHlswLw-.js";
 import { t as Check } from "./check-C9OoNtR4.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-Dq_j3Rxw.js";
@@ -97,7 +97,7 @@ let __tla = Promise.all([
     }
   })()
 ]).then(async () => {
-  var _e2, _WidgetDefRegistry_instances, t_fn, _a, _e3, _t2, _n2, _b, _e4, _c, _e5, _t3, _ModelManager_instances, n_fn, _d, _e6, _e7, _t4, _n3, _r, _i, _f, _e_instances, a_fn, o_fn, s_fn, _c2, _e8, _t5, _n4, _r2, _i2, _a2, _o2, _s, _MatplotlibRenderer_instances, c_fn, l_fn, u_fn, _d2, _f2, _p, _m, _h, _g, __, _v, _y, _b2, _x, _S, _C, _w, _g2, _h2;
+  var _e2, _WidgetDefRegistry_instances, t_fn, _a, _e3, _t2, _n2, _b, _e4, _c, _e5, _t3, _ModelManager_instances, n_fn, _d, _e6, _e7, _t4, _n3, _r, _i, _f, _e_instances, a_fn, o_fn, s_fn, c_fn, _l, _e8, _t5, _n4, _r2, _i2, _a2, _o2, _s, _MatplotlibRenderer_instances, c_fn2, l_fn, u_fn, _d2, _f2, _p, _m, _h, _g, __, _v, _y, _b2, _x, _S, _C, _w, _g2, _h2;
   var defaultIconDimensions = Object.freeze({
     left: 0,
     top: 0,
@@ -3700,7 +3700,8 @@ let __tla = Promise.all([
       __privateAdd(this, _i, {});
       __publicField(this, _e6, {
         updateAndEmitDiffs: (e) => __privateMethod(this, _e_instances, o_fn).call(this, e),
-        emitCustomMessage: (e, r) => __privateMethod(this, _e_instances, s_fn).call(this, e, r)
+        reemitState: () => __privateMethod(this, _e_instances, s_fn).call(this),
+        emitCustomMessage: (e, r) => __privateMethod(this, _e_instances, c_fn).call(this, e, r)
       });
       __publicField(this, "widget_manager", {
         async get_model(r) {
@@ -3709,7 +3710,7 @@ let __tla = Promise.all([
           return c;
         }
       });
-      __privateAdd(this, _c2, debounce_default(() => {
+      __privateAdd(this, _l, debounce_default(() => {
         let e = __privateGet(this, _i)[__privateGet(this, _e7)];
         if (e) for (let r of e) try {
           r();
@@ -3744,7 +3745,7 @@ let __tla = Promise.all([
       __privateSet(this, _n3, {
         ...__privateGet(this, _n3),
         [e]: r
-      }), __privateGet(this, _t4).set(e, r), __privateMethod(this, _e_instances, a_fn).call(this, `change:${e}`, r), __privateGet(this, _c2).call(this);
+      }), __privateGet(this, _t4).set(e, r), __privateMethod(this, _e_instances, a_fn).call(this, `change:${e}`, r), __privateGet(this, _l).call(this);
     }
     save_changes() {
       if (__privateGet(this, _t4).size === 0) return;
@@ -3767,14 +3768,17 @@ let __tla = Promise.all([
       let c = r;
       __privateGet(this, _n3)[c] !== e[c] && this.set(c, e[c]);
     });
-  }, s_fn = function(e, r = []) {
+  }, s_fn = function() {
+    for (let [e, r] of Object.entries(__privateGet(this, _n3))) __privateMethod(this, _e_instances, a_fn).call(this, `change:${e}`, r);
+    __privateGet(this, _l).call(this);
+  }, c_fn = function(e, r = []) {
     let c = __privateGet(this, _i)["msg:custom"];
     if (c) for (let l of c) try {
       l(e.content, r);
     } catch (e2) {
       Logger.error("Error emitting event", e2);
     }
-  }, _c2 = new WeakMap(), __publicField(_f, "_modelManager", MODEL_MANAGER), _f);
+  }, _l = new WeakMap(), __publicField(_f, "_modelManager", MODEL_MANAGER), _f);
   async function handleWidgetMessage(e, r) {
     let c = r.model_id, l = r.message, u = ("buffers" in l ? l.buffers : []).map(base64ToDataView);
     switch (l.method) {
@@ -8084,7 +8088,7 @@ let __tla = Promise.all([
   async function runAnyWidgetModule(e, r, c, l, u) {
     l.innerHTML = "";
     try {
-      await (await BINDING_MANAGER.getOrCreate(c).bind(e, r))(l, u);
+      await (await BINDING_MANAGER.getOrCreate(c).bind(e, r))(l, u), getMarimoInternal(r).reemitState();
     } catch (e2) {
       Logger.error("Error rendering anywidget", e2), l.classList.add("text-error"), l.innerHTML = `Error rendering anywidget: ${prettyError(e2)}`;
     }
@@ -10645,7 +10649,7 @@ ${indent(e)}
     return r.length === 0 ? [] : r.map(([e2, r2]) => new FunctionArg(e2, r2));
   }
   function generateAltairChart(e, r) {
-    var _a3, _b3, _c3;
+    var _a3, _b3, _c2;
     let c = new FunctionCall("alt.Chart", [
       new Variable(r)
     ], true);
@@ -10669,7 +10673,7 @@ ${indent(e)}
     }
     if (e.resolve) {
       let r2 = e.resolve, l2 = {};
-      ((_b3 = r2.axis) == null ? void 0 : _b3.x) && (l2.x = new Literal(r2.axis.x)), ((_c3 = r2.axis) == null ? void 0 : _c3.y) && (l2.y = new Literal(r2.axis.y)), c = c.chain("resolve_scale", l2);
+      ((_b3 = r2.axis) == null ? void 0 : _b3.x) && (l2.x = new Literal(r2.axis.x)), ((_c2 = r2.axis) == null ? void 0 : _c2.y) && (l2.y = new Literal(r2.axis.y)), c = c.chain("resolve_scale", l2);
     }
     let l = {};
     for (let r2 of [
@@ -11650,14 +11654,14 @@ ${c}
       defaultValue: f
     }), r[1] = c, r[2] = l, r[3] = f, r[4] = p) : p = r[4], p;
   }, BinFields = (e) => {
-    var _a3, _b3, _c3, _d3;
+    var _a3, _b3, _c2, _d3;
     let r = (0, import_compiler_runtime$68.c)(10), { fieldName: c } = e, l = useFormContext(), u;
     r[0] === l.control ? u = r[1] : (u = {
       control: l.control
     }, r[0] = l.control, r[1] = u);
     let d = useWatch(u);
     if (!((_b3 = (_a3 = d[c]) == null ? void 0 : _a3.bin) == null ? void 0 : _b3.binned)) return null;
-    let f = !Number.isNaN((_d3 = (_c3 = d[c]) == null ? void 0 : _c3.bin) == null ? void 0 : _d3.step), p = `${c}.bin.step`, m;
+    let f = !Number.isNaN((_d3 = (_c2 = d[c]) == null ? void 0 : _c2.bin) == null ? void 0 : _d3.step), p = `${c}.bin.step`, m;
     r[2] === p ? m = r[3] : (m = (0, import_jsx_runtime.jsx)(NumberField$1, {
       fieldName: p,
       label: "Bin step",
@@ -11872,7 +11876,7 @@ ${c}
     }), r[7] = c, r[8] = f, r[9] = p) : p = r[9], p;
   };
   const XAxis = () => {
-    var _a3, _b3, _c3, _d3, _e9, _f3, _g3;
+    var _a3, _b3, _c2, _d3, _e9, _f3, _g3;
     let e = (0, import_compiler_runtime$67.c)(22), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
@@ -11902,7 +11906,7 @@ ${c}
       label: "Time Resolution"
     }), e[11] = d, e[12] = v);
     let y;
-    e[13] !== m || e[14] !== ((_c3 = (_b3 = l.general) == null ? void 0 : _b3.xColumn) == null ? void 0 : _c3.sort) || e[15] !== d ? (y = isNonCountField(d) && m && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    e[13] !== m || e[14] !== ((_c2 = (_b3 = l.general) == null ? void 0 : _b3.xColumn) == null ? void 0 : _c2.sort) || e[15] !== d ? (y = isNonCountField(d) && m && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         (0, import_jsx_runtime.jsx)(SortField, {
           fieldName: "general.xColumn.sort",
@@ -11925,14 +11929,14 @@ ${c}
       ]
     }), e[17] = g, e[18] = _, e[19] = v, e[20] = y, e[21] = b) : b = e[21], b;
   }, YAxis = () => {
-    var _a3, _b3, _c3;
+    var _a3, _b3, _c2;
     let e = (0, import_compiler_runtime$67.c)(29), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
     let l = useWatch(c), u = useChartFormContext(), d = (_a3 = l.general) == null ? void 0 : _a3.yColumn, f = d == null ? void 0 : d.field, p;
     e[2] === f ? p = e[3] : (p = isFieldSet(f), e[2] = f, e[3] = p);
-    let m = p, h = (_c3 = (_b3 = l.general) == null ? void 0 : _b3.xColumn) == null ? void 0 : _c3.field, g;
+    let m = p, h = (_c2 = (_b3 = l.general) == null ? void 0 : _b3.xColumn) == null ? void 0 : _c2.field, g;
     e[4] === h ? g = e[5] : (g = isFieldSet(h), e[4] = h, e[5] = g);
     let _ = g, v;
     e[6] === d ? v = e[7] : (v = getColumnDataTypes(d), e[6] = d, e[7] = v);
@@ -12364,14 +12368,14 @@ ${c}
   }
   var import_compiler_runtime$65 = require_compiler_runtime();
   const HeatmapForm = () => {
-    var _a3, _b3, _c3, _d3;
+    var _a3, _b3, _c2, _d3;
     let e = (0, import_compiler_runtime$65.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
     let l = useWatch(c), u = (_b3 = (_a3 = l.general) == null ? void 0 : _a3.xColumn) == null ? void 0 : _b3.field, d;
     e[2] === u ? d = e[3] : (d = isFieldSet(u), e[2] = u, e[3] = d);
-    let f = d, p = (_d3 = (_c3 = l.general) == null ? void 0 : _c3.yColumn) == null ? void 0 : _d3.field, m;
+    let f = d, p = (_d3 = (_c2 = l.general) == null ? void 0 : _c2.yColumn) == null ? void 0 : _d3.field, m;
     e[4] === p ? m = e[5] : (m = isFieldSet(p), e[4] = p, e[5] = m);
     let h = m, g;
     e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (0, import_jsx_runtime.jsx)(XAxis, {}), e[6] = g) : g = e[6];
@@ -12410,12 +12414,12 @@ ${c}
   };
   var import_compiler_runtime$64 = require_compiler_runtime();
   const PieForm = () => {
-    var _a3, _b3, _c3;
+    var _a3, _b3, _c2;
     let e = (0, import_compiler_runtime$64.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), l;
     e[0] === r.control ? l = e[1] : (l = {
       control: r.control
     }, e[0] = r.control, e[1] = l);
-    let u = useWatch(l), d = (_a3 = u.general) == null ? void 0 : _a3.colorByColumn, f = (_c3 = (_b3 = u.general) == null ? void 0 : _b3.yColumn) == null ? void 0 : _c3.selectedDataType;
+    let u = useWatch(l), d = (_a3 = u.general) == null ? void 0 : _a3.colorByColumn, f = (_c2 = (_b3 = u.general) == null ? void 0 : _b3.yColumn) == null ? void 0 : _c2.selectedDataType;
     (f === "" || !f) && (f = "string");
     let p;
     e[2] === d ? p = e[3] : (p = (d == null ? void 0 : d.type) ? convertDataTypeToSelectable(d.type) : "string", e[2] = d, e[3] = p);
@@ -24419,7 +24423,7 @@ ${c}
       });
       __privateSet(this, _t5, e), __privateSet(this, _n4, r.state), e.tabIndex = -1, e.role = "application", e.className = "relative inline-block select-none outline-hidden";
       let c = document.createElement("canvas");
-      c.className = "block cursor-crosshair", __privateMethod(this, _MatplotlibRenderer_instances, c_fn).call(this, c), c.style.touchAction = "none", e.append(c), __privateSet(this, _e8, c), c.addEventListener("pointerdown", __privateGet(this, _x), {
+      c.className = "block cursor-crosshair", __privateMethod(this, _MatplotlibRenderer_instances, c_fn2).call(this, c), c.style.touchAction = "none", e.append(c), __privateSet(this, _e8, c), c.addEventListener("pointerdown", __privateGet(this, _x), {
         signal: r.signal
       }), c.addEventListener("pointermove", __privateGet(this, _S), {
         signal: r.signal
@@ -24435,7 +24439,7 @@ ${c}
       let r = __privateGet(this, _n4);
       __privateSet(this, _n4, e);
       let c = false;
-      if ((e.width !== r.width || e.height !== r.height) && (__privateMethod(this, _MatplotlibRenderer_instances, c_fn).call(this), c = true), e.chartBase64 !== __privateGet(this, _s)) {
+      if ((e.width !== r.width || e.height !== r.height) && (__privateMethod(this, _MatplotlibRenderer_instances, c_fn2).call(this), c = true), e.chartBase64 !== __privateGet(this, _s)) {
         __privateMethod(this, _MatplotlibRenderer_instances, u_fn).call(this, e.chartBase64);
         return;
       }
@@ -24446,12 +24450,12 @@ ${c}
       }
       (c || e.selectionColor !== r.selectionColor || e.selectionOpacity !== r.selectionOpacity || e.strokeWidth !== r.strokeWidth) && __privateGet(this, _d2).call(this);
     }
-  }, _e8 = new WeakMap(), _t5 = new WeakMap(), _n4 = new WeakMap(), _r2 = new WeakMap(), _i2 = new WeakMap(), _a2 = new WeakMap(), _o2 = new WeakMap(), _s = new WeakMap(), _MatplotlibRenderer_instances = new WeakSet(), c_fn = function(e = __privateGet(this, _e8)) {
+  }, _e8 = new WeakMap(), _t5 = new WeakMap(), _n4 = new WeakMap(), _r2 = new WeakMap(), _i2 = new WeakMap(), _a2 = new WeakMap(), _o2 = new WeakMap(), _s = new WeakMap(), _MatplotlibRenderer_instances = new WeakSet(), c_fn2 = function(e = __privateGet(this, _e8)) {
     let r = globalThis.devicePixelRatio ?? 1, { width: c, height: l } = __privateGet(this, _n4);
     e.width = c * r, e.height = l * r, e.style.width = `${c}px`, e.style.maxWidth = "100%", e.style.height = "auto", e.style.aspectRatio = `${c} / ${l}`;
   }, l_fn = function(e) {
     e.aborted || matchMedia(`(resolution: ${globalThis.devicePixelRatio ?? 1}dppx)`).addEventListener("change", () => {
-      __privateMethod(this, _MatplotlibRenderer_instances, c_fn).call(this), __privateGet(this, _d2).call(this), __privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this, e);
+      __privateMethod(this, _MatplotlibRenderer_instances, c_fn2).call(this), __privateGet(this, _d2).call(this), __privateMethod(this, _MatplotlibRenderer_instances, l_fn).call(this, e);
     }, {
       once: true,
       signal: e
@@ -29882,8 +29886,8 @@ ${c}
         }
       }
       findDOMNode() {
-        var _a3, _b3, _c3;
-        return ((_a3 = this.props) == null ? void 0 : _a3.nodeRef) ? (_c3 = (_b3 = this.props) == null ? void 0 : _b3.nodeRef) == null ? void 0 : _c3.current : l.default.findDOMNode(this);
+        var _a3, _b3, _c2;
+        return ((_a3 = this.props) == null ? void 0 : _a3.nodeRef) ? (_c2 = (_b3 = this.props) == null ? void 0 : _b3.nodeRef) == null ? void 0 : _c2.current : l.default.findDOMNode(this);
       }
       render() {
         return r.cloneElement(r.Children.only(this.props.children), {
@@ -36217,7 +36221,7 @@ ${c}
   function _temp2$2(e) {
     e.target === e.currentTarget && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), e.currentTarget.click());
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-4A9WA6g8.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-A5ruWmeK.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a3;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [

package/dist/{reveal-component-4A9WA6g8.js → reveal-component-A5ruWmeK.js}

@@ -9,7 +9,7 @@ import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { lt as kioskModeAtom } from "./html-to-image-Di0mtt6O.js";
 import "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
-import { a as DEFAULT_SLIDE_TYPE, c as Slide, ct as PanelResizeHandle, i as DEFAULT_DECK_TRANSITION, in as Expand, ot as Panel, rn as EyeOff, s as SlideSidebar, sn as Code, st as PanelGroup, t as useNotebookCodeAvailable } from "./code-visibility-D7qOrRxp.js";
+import { a as DEFAULT_SLIDE_TYPE, c as Slide, ct as PanelResizeHandle, i as DEFAULT_DECK_TRANSITION, in as Expand, ot as Panel, rn as EyeOff, s as SlideSidebar, sn as Code, st as PanelGroup, t as useNotebookCodeAvailable } from "./code-visibility-BYOA9uKh.js";
 import { X as useDebouncedCallback } from "./input-CbEz_aj_.js";
 import "./toDate-D-l5s8nn.js";
 import "./react-dom-BTJzcVJ9.js";

package/package.json

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

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

@@ -11,7 +11,7 @@ import type { IPluginProps } from "@/plugins/types";
 import { prettyError } from "@/utils/errors";
 import { Logger } from "@/utils/Logger";
 import { ErrorBanner } from "../common/error-banner";
-import { MODEL_MANAGER, type Model } from "./model";
+import { getMarimoInternal, MODEL_MANAGER, type Model } from "./model";
 import type { ModelState, WidgetModelId } from "./types";
 import { BINDING_MANAGER, WIDGET_DEF_REGISTRY } from "./widget-binding";
 
@@ -178,6 +178,9 @@ async function runAnyWidgetModule<T extends AnyWidgetState>(
     const binding = BINDING_MANAGER.getOrCreate(modelId);
     const render = await binding.bind(widgetDef, model);
     await render(el, signal);
+    // Replay current model values so render listeners observe hydrated state
+    // even if backend updates arrived before listeners were attached.
+    getMarimoInternal(model).reemitState();
   } catch (error) {
     Logger.error("Error rendering anywidget", error);
     el.classList.add("text-error");

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

@@ -115,4 +115,38 @@ describe("LoadedSlot", () => {
       expect(newMockWidget.render).toHaveBeenCalled();
     });
   });
+
+  it("should hydrate view state even when listener attaches late", async () => {
+    mockModel = new Model(
+      { count: 8 },
+      {
+        sendUpdate: vi.fn().mockResolvedValue(undefined),
+        sendCustomMessage: vi.fn().mockResolvedValue(undefined),
+      },
+    );
+    MODEL_MANAGER.set(modelId, mockModel);
+
+    const lateListenerWidget = {
+      initialize: vi.fn(),
+      render: vi.fn(({ model, el }) => {
+        // Simulate a widget view that starts with a local default and
+        // relies on change events for hydration.
+        el.textContent = "count is 5";
+        const onCount = () => {
+          el.textContent = `count is ${model.get("count")}`;
+        };
+        model.on("change:count", onCount);
+        return () => model.off("change:count", onCount);
+      }),
+    };
+
+    const { container } = render(
+      <LoadedSlot {...mockProps} widget={lateListenerWidget} />,
+    );
+
+    await waitFor(() => {
+      expect(lateListenerWidget.render).toHaveBeenCalled();
+      expect(container.textContent).toContain("count is 8");
+    });
+  });
 });

package/src/plugins/impl/anywidget/__tests__/model.test.ts

@@ -272,6 +272,25 @@ describe("Model", () => {
     });
   });
 
+  describe("reemitState", () => {
+    it("should emit change events for current values without state changes", async () => {
+      const onFoo = vi.fn();
+      const onBar = vi.fn();
+      const onAny = vi.fn();
+
+      model.on("change:foo", onFoo);
+      model.on("change:bar", onBar);
+      model.on("change", onAny);
+
+      getMarimoInternal(model).reemitState();
+      await TestUtils.nextTick();
+
+      expect(onFoo).toHaveBeenCalledWith("test");
+      expect(onBar).toHaveBeenCalledWith(123);
+      expect(onAny).toHaveBeenCalledTimes(1);
+    });
+  });
+
   describe("emitCustomMessage", () => {
     it("should handle custom messages", () => {
       const callback = vi.fn();

package/src/plugins/impl/anywidget/model.ts

@@ -112,6 +112,10 @@ interface MarimoInternalApi<T extends ModelState> {
    * Update model state and emit change events for any differences.
    */
   updateAndEmitDiffs: (value: T) => void;
+  /**
+   * Re-emit current state as change events.
+   */
+  reemitState: () => void;
   /**
    * Emit a custom message to listeners.
    */
@@ -160,6 +164,7 @@ export class Model<T extends ModelState> implements AnyModel<T> {
    */
   [marimoSymbol]: MarimoInternalApi<T> = {
     updateAndEmitDiffs: (value: T) => this.#updateAndEmitDiffs(value),
+    reemitState: () => this.#reemitState(),
     emitCustomMessage: (
       message: Extract<AnyWidgetMessage, { method: "custom" }>,
       buffers?: readonly DataView[],
@@ -269,6 +274,16 @@ export class Model<T extends ModelState> implements AnyModel<T> {
     });
   }
 
+  #reemitState() {
+    for (const [key, value] of Object.entries(this.#data) as [
+      keyof T & string,
+      T[keyof T],
+    ][]) {
+      this.#emit(`change:${key}`, value);
+    }
+    this.#emitAnyChange();
+  }
+
   /**
    * When receiving a message from the backend.
    * We want to notify all listeners with `msg:custom`