@marimo-team/islands 0.18.3 → 0.18.4

package/dist/{formats-4m4HuHTj.js → formats-Bi_tbdwB.js}

@@ -701,27 +701,26 @@ function decodeIPC(e, x) {
   return tableFromIPC(e, x ?? { useProxy: true });
 }
 export {
-  CircleQuestionMark as C,
-  isWasm as S,
-  appendQueryParams as _,
-  AlertDescription as a,
-  isStaticNotebook as b,
-  toDate as c,
-  millisecondsInHour as d,
-  millisecondsInMinute as f,
-  getRuntimeManager as g,
-  asRemoteURL as h,
-  Alert as i,
-  constructFrom as l,
-  millisecondsInWeek as m,
+  CircleQuestionMark as S,
+  isUrl as _,
+  AlertTitle as a,
+  Deferred as b,
+  constructFrom as c,
+  millisecondsInMinute as d,
+  millisecondsInSecond as f,
+  appendQueryParams as g,
+  getRuntimeManager as h,
+  AlertDescription as i,
+  millisecondsInDay as l,
+  asRemoteURL as m,
   useDeepCompareMemoize as n,
-  AlertTitle as o,
-  millisecondsInSecond as p,
-  dequal as r,
-  isValid as s,
+  isValid as o,
+  millisecondsInWeek as p,
+  Alert as r,
+  toDate as s,
   arrow as t,
-  millisecondsInDay as u,
-  isUrl as v,
-  Deferred as x,
-  require_cuid2 as y
+  millisecondsInHour as u,
+  require_cuid2 as v,
+  isWasm as x,
+  isStaticNotebook as y
 };

package/dist/main.js

@@ -11,7 +11,7 @@ import { A as Badge, B as ListFilter, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE
 import { t as Check } from "./check-IicTB7sO.js";
 import { A as logNever, B as ChevronDown, C as useDirection, D as useOnUnmount, E as useOnMount, F as $18f2051aff69b9bf$export$a54013f0d02a8f82, I as $b5e257d569688ac6$export$535bd6ca7f90a273, M as $a916eb452884faea$export$b7a616150fdb9f44, O as usePrevious, P as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as X, S as Trigger$5, T as clamp$2, _ as menuItemVariants, a as SelectGroup, b as menuSubTriggerVariants, c as SelectSeparator, d as NativeSelect, f as selectStyles, h as menuControlCheckVariants, i as SelectContent, k as assertNever, l as SelectTrigger, m as menuContentCommon, n as Primitive, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, s as SelectLabel, t as Label, u as SelectValue, v as menuLabelVariants, w as createCollection, x as Icon, y as menuSeparatorVariants } from "./label-BtLFsS7L.js";
 import { $ as $514c0188e459b4c0$export$9afb8bc826b033ea, $t as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, A as Item2$2, At as $6db58dc88e78b024$export$2f817fcdc4b89ae0, B as SubTrigger, Bt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, C as DropdownMenuSubTrigger, Ct as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, D as CheckboxItem, Dt as $6c7bd7858deea686$export$cd11ab140839f11d, E as Arrow2, Et as $701a24aa0da5b062$export$ea18c227d4417cc3, F as RadioItem, Ft as $507fabe10e71c6fb$export$630ff653c5ada6a9, G as $3985021b0ad6602f$export$37fb8590cf2c088c, Gt as $df56164dff5785e2$export$4338b53315abf666, H as Item$2, Ht as $b4b717babfbb907b$export$bebd5a1431fec25d, I as Root3, It as $f6c31cce2adf654f$export$45712eceda6fad21, J as $a049562f99e7db0e$export$f9c6924e160136d1, Jt as $c87311424ea30a05$export$78551043582a6a98, K as $3985021b0ad6602f$export$f5b8910cec6cf069, Kt as $313b98861ee5dd6c$export$d6875122194c7b44, L as Separator, Lt as _class_private_field_init, M as Label$2, Mt as $6179b936705e76d3$export$ae780daf29e6d456, N as Portal$2, Nt as $9ab94262bd0047c7$export$420e68273165f4ec, O as Content2$3, Ot as $fca6afa0e843324b$export$87b761675e8eaa10, P as RadioGroup$2, Pt as $3ad3f6e1647bc98d$export$80f3e147d781571c, Q as $514c0188e459b4c0$export$5f1af8db9871e1d6, Qt as $7215afc6de606d6b$export$de79e2c695e052f3, R as Sub, Rt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, S as DropdownMenuSubContent, St as $e5be200c675c3b3a$export$dad6ae84456c676a, T as Anchor2, Tt as $f7dceffc5ad7768b$export$4e328f61c538687f, U as Root$6, Ut as $99facab73266f662$export$5add1d006293d136, V as createMenuScope, Vt as $b4b717babfbb907b$export$4c063cf1350e6fed, W as createRovingFocusGroupScope, Wt as $e9faafb641e167db$export$90fc3a17d93f704c, X as $ee014567cb39d3f0$export$f551688fc98f2e09, Xt as $c87311424ea30a05$export$a11b0059900ceec8, Y as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Yt as $c87311424ea30a05$export$9ac100e40613ea10, Z as $ee014567cb39d3f0$export$ff05c3ac10437e03, Zt as $c87311424ea30a05$export$fedb369cb70207f1, _ as DropdownMenuItem, _n as ChevronRight, _t as $2baaea4c71418dea$export$294aa081a6c6f55d, a as Input, an as $431fbd86ca7dc216$export$b204af158042fbac, at as $64fa3d84918910a7$export$2881499e37b75b9a, b as DropdownMenuSeparator, bt as $e5be200c675c3b3a$export$a763b9476acd3eb, c as maxFractionalDigits, cn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ct as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, d as prettyScientificNumber, dn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $3ef42575df84b30b$export$9d1611c77c2fe928, et as $d2b4bc8c273e7be6$export$24d547caef80ccd1, f as useDebounceControlledState, fn as Trash, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuGroup, gn as Circle, gt as $d2e8511e6f209edf$export$e908e06f4b8e3402, h as DropdownMenuContent, hn as Pencil, ht as capitalize_default, i as DebouncedNumberInput, in as $f4e2df6bd15f8569$export$98658e8c59125e6a, it as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, j as ItemIndicator, jt as $5b160d28a433310d$export$c17fa47878dc55b6, k as Group$1, kt as $fca6afa0e843324b$export$f12b703ca79dfbb1, l as prettyEngineeringNumber, ln as $bdb11010cef70236$export$f680877a34711e37, lt as $64fa3d84918910a7$export$c245e6201fed2f75, m as DropdownMenu, mn as Plus, mt as marked, n as ErrorBoundary, nn as $d4ee10de306f2510$export$cd4e5573fbe2b576, nt as $01b77f81d0f07f68$export$75b6ee27786ba447, o as OnBlurredInput, on as $431fbd86ca7dc216$export$f21a1ffae260145a, ot as $64fa3d84918910a7$export$29f1550f4b0d4415, p as useDebouncedCallback, pn as Search, pt as useNonce, q as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, qt as $c87311424ea30a05$export$6446a186d09e379e, r as DebouncedInput, rn as $d4ee10de306f2510$export$e58f029f0fbfdb29, rt as $01b77f81d0f07f68$export$b04be29aa201d4f5, s as NumberField, sn as $ff5963eb1fccf552$export$e08e3b67e392101e, st as $64fa3d84918910a7$export$4d86445c2cf5e3, t as BulkEdit, tn as $d4ee10de306f2510$export$4282f70798064fe0, tt as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, u as prettyNumber, un as $8ae05eaa5c114e9c$export$7f54fc3180508a52, ut as $64fa3d84918910a7$export$c62b8e45d58ddad9, v as DropdownMenuLabel, vt as $e93e671b31057976$export$b8473d3665f3a75a, w as DropdownMenuTrigger, wt as $319e236875307eab$export$a9b970dcc4ae71a9, x as DropdownMenuSub, xt as $e5be200c675c3b3a$export$aca958c65c314e6c, y as DropdownMenuPortal, yt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, z as SubContent, zt as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./types-DclGb0Yh.js";
-import { C as CircleQuestionMark, S as isWasm, _ as appendQueryParams, a as AlertDescription, b as isStaticNotebook, c as toDate, d as millisecondsInHour, f as millisecondsInMinute, g as getRuntimeManager, h as asRemoteURL, i as Alert, l as constructFrom, m as millisecondsInWeek, n as useDeepCompareMemoize, o as AlertTitle, p as millisecondsInSecond, r as dequal, s as isValid, t as arrow, u as millisecondsInDay, v as isUrl, x as Deferred, y as require_cuid2 } from "./formats-4m4HuHTj.js";
+import { S as CircleQuestionMark, _ as isUrl, a as AlertTitle, b as Deferred, c as constructFrom, d as millisecondsInMinute, f as millisecondsInSecond, g as appendQueryParams, h as getRuntimeManager, i as AlertDescription, l as millisecondsInDay, m as asRemoteURL, n as useDeepCompareMemoize, o as isValid, p as millisecondsInWeek, r as Alert, s as toDate, t as arrow, u as millisecondsInHour, v as require_cuid2, x as isWasm, y as isStaticNotebook } from "./formats-Bi_tbdwB.js";
 import { n as clsx_default } from "./clsx-D2KVTYnW.js";
 import { a as cva, c as useComposedRefs, l as Events, n as buttonVariants, o as useEventListener, r as Slot$1, s as composeRefs, t as Button, u as cn } from "./button-XnD6ylpt.js";
 import { c as Functions, i as parseShortcut, l as throwNotImplemented, o as Objects, r as isPlatformMac, s as Logger, t as NOT_SET } from "./hotkeys-CwkyZ6ZF.js";
@@ -49759,6 +49759,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
   function typedAtob(e) {
     return window.atob(e);
   }
+  function typedBtoa(e) {
+    return window.btoa(e);
+  }
   function isDataURLString(e) {
     return e.startsWith("data:") && e.includes(";base64,");
   }
@@ -49768,12 +49771,75 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
   function byteStringToBinary(e) {
     return Uint8Array.from(e, (e2) => e2.charCodeAt(0));
   }
+  function binaryToByteString(e) {
+    let r = "";
+    for (let c of e) r += String.fromCharCode(c);
+    return r;
+  }
   function safeExtractSetUIElementMessageBuffers(e) {
     return (e.buffers ?? []).map((e2) => {
       let r = byteStringToBinary(typedAtob(e2));
       return new DataView(r.buffer);
     });
   }
+  function dataViewToBase64(e) {
+    return typedBtoa(binaryToByteString(new Uint8Array(e.buffer, e.byteOffset, e.byteLength)));
+  }
+  function findDataViewPaths(e, r = []) {
+    let c = [];
+    if (e instanceof DataView) c.push(r);
+    else if (Array.isArray(e)) for (let l = 0; l < e.length; l++) c.push(...findDataViewPaths(e[l], [
+      ...r,
+      l
+    ]));
+    else if (typeof e == "object" && e) for (let [l, d] of Object.entries(e)) c.push(...findDataViewPaths(d, [
+      ...r,
+      l
+    ]));
+    return c;
+  }
+  function serializeBuffersToBase64(e) {
+    let r = findDataViewPaths(e);
+    if (r.length === 0) return {
+      state: e,
+      buffers: [],
+      bufferPaths: []
+    };
+    let c = structuredClone(e), l = [], d = [];
+    for (let f of r) {
+      let r2 = get_default(e, f);
+      if (r2 instanceof DataView) {
+        let e2 = dataViewToBase64(r2);
+        l.push(e2), d.push(f), set_default(c, f, e2);
+      }
+    }
+    return {
+      state: c,
+      buffers: l,
+      bufferPaths: d
+    };
+  }
+  function isWireFormat(e) {
+    return typeof e == "object" && !!e && "state" in e && "bufferPaths" in e && "buffers" in e;
+  }
+  function decodeFromWire(e) {
+    let { state: r, bufferPaths: c, buffers: l } = e;
+    if (!c || c.length === 0) return r;
+    l && invariant(l.length === c.length, "Buffers and buffer paths not the same length");
+    let d = structuredClone(r);
+    for (let [e2, r2] of c.entries()) {
+      let c2 = l == null ? void 0 : l[e2];
+      if (c2 == null) {
+        Logger.warn("[anywidget] Could not find buffer at path", r2);
+        continue;
+      }
+      if (typeof c2 == "string") {
+        let e3 = byteStringToBinary(typedAtob(c2));
+        set_default(d, r2, new DataView(e3.buffer));
+      } else set_default(d, r2, c2);
+    }
+    return d;
+  }
   const MODEL_MANAGER = new class {
     constructor(e = 1e4) {
       __publicField(this, "models", /* @__PURE__ */ new Map());
@@ -49808,7 +49874,12 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
         var _a2;
         (_a2 = this.listeners[this.ANY_CHANGE_EVENT]) == null ? void 0 : _a2.forEach((e) => e());
       }, 0));
-      this.data = e, this.onChange = r, this.sendToWidget = c, this.dirtyFields = new Set(l);
+      this.data = e, this.onChange = r, this.sendToWidget = c, this.dirtyFields = new Map([
+        ...l
+      ].map((e2) => [
+        e2,
+        this.data[e2]
+      ]));
     }
     off(e, r) {
       var _a2;
@@ -49823,9 +49894,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
       (_a2 = this.listeners[e]) == null ? void 0 : _a2.delete(r);
     }
     send(e, r, c) {
-      c && Logger.warn("buffers not supported in marimo anywidget.send"), this.sendToWidget({
-        content: e,
-        buffers: c
+      let { state: l, bufferPaths: d, buffers: f } = serializeBuffersToBase64(e);
+      this.sendToWidget({
+        content: {
+          state: l,
+          bufferPaths: d
+        },
+        buffers: f
       }).then(r);
     }
     get(e) {
@@ -49835,19 +49910,17 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
       this.data = {
         ...this.data,
         [e]: r
-      }, this.dirtyFields.add(e), this.emit(`change:${e}`, r), this.emitAnyChange();
+      }, this.dirtyFields.set(e, r), this.emit(`change:${e}`, r), this.emitAnyChange();
     }
     save_changes() {
       if (this.dirtyFields.size === 0) return;
-      let e = {};
-      this.dirtyFields.forEach((r) => {
-        e[r] = this.data[r];
-      }), this.onChange(e);
+      let e = Object.fromEntries(this.dirtyFields.entries());
+      this.dirtyFields.clear(), this.onChange(e);
     }
     updateAndEmitDiffs(e) {
-      Object.keys(e).forEach((r) => {
+      e != null && Object.keys(e).forEach((r) => {
         let c = r;
-        dequal(this.data[c], e[c]) || this.set(c, e[c]);
+        this.data[c] !== e[c] && this.set(c, e[c]);
       });
     }
     receiveCustomMessage(e, r = []) {
@@ -49857,13 +49930,26 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
         let e2 = c.data;
         switch (e2.method) {
           case "update":
-            this.updateAndEmitDiffs(e2.state);
+            this.updateAndEmitDiffs(decodeFromWire({
+              state: e2.state,
+              bufferPaths: e2.buffer_paths ?? [],
+              buffers: r
+            }));
             break;
           case "custom":
             (_a2 = this.listeners["msg:custom"]) == null ? void 0 : _a2.forEach((c2) => c2(e2.content, r));
             break;
           case "open":
-            this.updateAndEmitDiffs(e2.state);
+            this.updateAndEmitDiffs(decodeFromWire({
+              state: e2.state,
+              bufferPaths: e2.buffer_paths ?? [],
+              buffers: r
+            }));
+            break;
+          case "echo_update":
+            break;
+          default:
+            Logger.error("[anywidget] Unknown message method", e2.method);
             break;
         }
       } else Logger.error("Failed to parse message", c.error), Logger.error("Message", e);
@@ -49904,34 +49990,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
   const AnyWidgetPlugin = createPlugin("marimo-anywidget").withData(object$1({
     jsUrl: string$2(),
     jsHash: string$2(),
-    css: string$2().nullish(),
-    bufferPaths: array$2(array$2(union([
-      string$2(),
-      number$2()
-    ]))).nullish(),
-    initialValue: object$1({}).passthrough()
+    css: string$2().nullish()
   })).withFunctions({
     send_to_widget: rpc.input(object$1({
-      content: any()
+      content: unknown(),
+      buffers: array$2(string$2().transform((e) => e))
     })).output(_null().optional())
   }).renderer((e) => (0, import_jsx_runtime.jsx)(AnyWidgetSlot, {
     ...e
   }));
   var AnyWidgetSlot = (e) => {
     var _a2;
-    let { css: r, jsUrl: c, jsHash: l, bufferPaths: d } = e.data, f = (0, import_react.useMemo)(() => resolveInitialValue(e.value, d ?? []), [
-      e.value,
-      d
-    ]), { data: h, error: g, refetch: v } = useAsyncData(async () => await import(asRemoteURL(c).toString()).then(async (m2) => {
+    let { css: r, jsUrl: c, jsHash: l } = e.data, d = (0, import_react.useMemo)(() => {
+      var _a3;
+      if (isWireFormat(e.value)) {
+        let r2 = decodeFromWire(e.value);
+        return Logger.debug("AnyWidget decoded wire format:", {
+          bufferPaths: e.value.bufferPaths,
+          buffersCount: (_a3 = e.value.buffers) == null ? void 0 : _a3.length,
+          decodedKeys: Object.keys(r2)
+        }), r2;
+      }
+      return Logger.warn("AnyWidget value is not wire format:", e.value), e.value;
+    }, [
+      e.value
+    ]), { data: f, error: h, refetch: g } = useAsyncData(async () => await import(asRemoteURL(c).toString()).then(async (m2) => {
       await m2.__tla;
       return m2;
     }), [
       l
-    ]), y = !!g;
-    if ((0, import_react.useEffect)(() => {
-      y && c && v();
+    ]), v = !!h;
+    (0, import_react.useEffect)(() => {
+      v && c && g();
     }, [
-      y,
+      v,
       c
     ]), (0, import_react.useEffect)(() => {
       let c2 = e.host.shadowRoot;
@@ -49955,18 +50047,21 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
     }, [
       r,
       e.host
-    ]), g) return (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: g
+    ]);
+    let y = useEvent_default((r2) => e.setValue(serializeBuffersToBase64(r2)));
+    if (h) return (0, import_jsx_runtime.jsx)(ErrorBanner, {
+      error: h
     });
-    if (!h) return null;
-    if (!isAnyWidgetModule(h)) return (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    if (!f) return null;
+    if (!isAnyWidgetModule(f)) return (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: Error(`Module at ${c} does not appear to be a valid anywidget`)
     });
     let b = ((_a2 = e.host.closest("[random-id]")) == null ? void 0 : _a2.getAttribute("random-id")) ?? c;
     return (0, import_jsx_runtime.jsx)(LoadedSlot, {
       ...e,
-      widget: h.default,
-      value: f
+      widget: f.default,
+      setValue: y,
+      value: d
     }, b);
   };
   async function runAnyWidgetModule(e, r, c) {
@@ -49983,70 +50078,61 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
       model: r,
       experimental: l
     }));
-    let f = await ((_b2 = d.render) == null ? void 0 : _b2.call(d, {
-      model: r,
-      el: c,
-      experimental: l
-    }));
-    return () => {
-      f == null ? void 0 : f();
-    };
+    try {
+      let e2 = await ((_b2 = d.render) == null ? void 0 : _b2.call(d, {
+        model: r,
+        el: c,
+        experimental: l
+      }));
+      return () => {
+        e2 == null ? void 0 : e2();
+      };
+    } catch (e2) {
+      return Logger.error("Error rendering anywidget", e2), c.classList.add("text-error"), c.innerHTML = `Error rendering anywidget: ${prettyError(e2)}`, () => {
+      };
+    }
   }
   function isAnyWidgetModule(e) {
     var _a2, _b2;
     return e.default && (typeof e.default == "function" || ((_a2 = e.default) == null ? void 0 : _a2.render) || ((_b2 = e.default) == null ? void 0 : _b2.initialize));
   }
-  function getDirtyFields$1(e, r) {
-    return new Set(Object.keys(e).filter((c) => !isEqual_default(e[c], r[c])));
-  }
   function hasModelId(e) {
     return typeof e == "object" && !!e && "model_id" in e;
   }
   var LoadedSlot = (e) => {
-    let r = (0, import_compiler_runtime$129.c)(15), { value: c, setValue: l, widget: d, functions: f, data: h, host: g } = e, v = (0, import_react.useRef)(null), y;
-    r[0] !== h.initialValue || r[1] !== f.send_to_widget || r[2] !== l || r[3] !== c ? (y = new Model({
-      ...h.initialValue,
-      ...c
-    }, l, f.send_to_widget, getDirtyFields$1(c, h.initialValue)), r[0] = h.initialValue, r[1] = f.send_to_widget, r[2] = l, r[3] = c, r[4] = y) : y = r[4];
+    let r = (0, import_compiler_runtime$129.c)(14), { value: c, setValue: l, widget: d, functions: f, data: h, host: g } = e, v = (0, import_react.useRef)(null), y;
+    r[0] !== f.send_to_widget || r[1] !== l || r[2] !== c ? (y = new Model(c, l, f.send_to_widget, /* @__PURE__ */ new Set()), r[0] = f.send_to_widget, r[1] = l, r[2] = c, r[3] = y) : y = r[3];
     let b = (0, import_react.useRef)(y), x;
-    r[5] === Symbol.for("react.memo_cache_sentinel") ? (x = (e2) => {
+    r[4] === Symbol.for("react.memo_cache_sentinel") ? (x = (e2) => {
       let r2 = e2.detail.message;
       hasModelId(r2) ? MODEL_MANAGER.get(r2.model_id).then((c2) => {
         c2.receiveCustomMessage(r2, e2.detail.buffers);
       }) : b.current.receiveCustomMessage(r2, e2.detail.buffers);
-    }, r[5] = x) : x = r[5], useEventListener(g, MarimoIncomingMessageEvent.TYPE, x);
+    }, r[4] = x) : x = r[4], useEventListener(g, MarimoIncomingMessageEvent.TYPE, x);
     let E;
-    r[6] === d ? E = r[7] : (E = () => {
+    r[5] === d ? E = r[6] : (E = () => {
       if (!v.current) return;
       let e2 = runAnyWidgetModule(d, b.current, v.current);
       return () => {
         e2.then(_temp$34);
       };
-    }, r[6] = d, r[7] = E);
+    }, r[5] = d, r[6] = E);
     let O;
-    r[8] !== h.jsUrl || r[9] !== d ? (O = [
+    r[7] !== h.jsUrl || r[8] !== d ? (O = [
       d,
       h.jsUrl
-    ], r[8] = h.jsUrl, r[9] = d, r[10] = O) : O = r[10], (0, import_react.useEffect)(E, O);
+    ], r[7] = h.jsUrl, r[8] = d, r[9] = O) : O = r[9], (0, import_react.useEffect)(E, O);
     let A = useDeepCompareMemoize(c), I, R;
-    r[11] === A ? (I = r[12], R = r[13]) : (I = () => {
+    r[10] === A ? (I = r[11], R = r[12]) : (I = () => {
       b.current.updateAndEmitDiffs(A);
     }, R = [
       A
-    ], r[11] = A, r[12] = I, r[13] = R), (0, import_react.useEffect)(I, R);
+    ], r[10] = A, r[11] = I, r[12] = R), (0, import_react.useEffect)(I, R);
     let z;
-    return r[14] === Symbol.for("react.memo_cache_sentinel") ? (z = (0, import_jsx_runtime.jsx)("div", {
+    return r[13] === Symbol.for("react.memo_cache_sentinel") ? (z = (0, import_jsx_runtime.jsx)("div", {
       ref: v
-    }), r[14] = z) : z = r[14], z;
+    }), r[13] = z) : z = r[13], z;
   };
-  function resolveInitialValue(e, r) {
-    let c = structuredClone(e);
-    for (let l of r) {
-      let r2 = byteStringToBinary(typedAtob(get_default(e, l)));
-      set_default(c, l, new DataView(r2.buffer));
-    }
-    return c;
-  }
   function _temp$34(e) {
     return e();
   }
@@ -59564,12 +59650,16 @@ Database schema: ${c}`), (_a3 = r2.aiFix) == null ? void 0 : _a3.setAiCompletion
           operator: "is_false",
           value: void 0
         };
-      case "select":
-        return {
+      case "select": {
+        let e2 = r.operator;
+        return r.operator !== "in" && r.operator !== "not_in" && (Logger.warn("Invalid operator for select filter", {
+          operator: r.operator
+        }), e2 = "in"), {
           column_id: c,
-          operator: "in",
+          operator: e2,
           value: r.options
         };
+      }
       default:
         assertNever(r);
     }
@@ -64825,9 +64915,12 @@ ${r}
       if (e.type === "time") return formatMinMax(e.min ? r.format(e.min) : void 0, e.max ? r.format(e.max) : void 0);
       if (e.type === "datetime") return formatMinMax((_c2 = e.min) == null ? void 0 : _c2.toISOString(), (_d2 = e.max) == null ? void 0 : _d2.toISOString());
       if (e.type === "boolean") return `is ${e.value ? "True" : "False"}`;
-      if (e.type === "select") return `is in [${e.options.map((e2) => stringifyUnknownValue({
-        value: e2
-      })).join(", ")}]`;
+      if (e.type === "select") {
+        let r2 = e.options.map((e2) => stringifyUnknownValue({
+          value: e2
+        }));
+        return `${e.operator === "in" ? "is in" : "not in"} [${r2.join(", ")}]`;
+      }
       if (e.type === "text") return `contains "${e.text}"`;
       logNever(e);
     }
@@ -65884,7 +65977,14 @@ ${r}
       } catch (e2) {
         Logger.error("Failed to copy context menu cell", e2);
       }
-    }, f = l.column, h = f.getCanFilter() && ((_a2 = f.columnDef.meta) == null ? void 0 : _a2.filterType);
+    }, f = l.column, h = f.getCanFilter() && ((_a2 = f.columnDef.meta) == null ? void 0 : _a2.filterType), g = (e2) => {
+      f.setFilterValue(Filter.select({
+        options: [
+          l.getValue()
+        ],
+        operator: e2
+      }));
+    };
     return (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
       children: [
         (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
@@ -65909,20 +66009,22 @@ ${r}
           children: [
             (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}),
             (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
-              onClick: () => {
-                f.setFilterValue(Filter.select({
-                  options: [
-                    l.getValue()
-                  ],
-                  operator: "in"
-                }));
-              },
+              onClick: () => g("in"),
               children: [
                 (0, import_jsx_runtime.jsx)(Funnel, {
                   className: "mo-dropdown-icon h-3 w-3"
                 }),
                 "Filter by this value"
               ]
+            }),
+            (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+              onClick: () => g("not_in"),
+              children: [
+                (0, import_jsx_runtime.jsx)(Funnel, {
+                  className: "mo-dropdown-icon h-3 w-3"
+                }),
+                "Remove rows with this value"
+              ]
             })
           ]
         })
@@ -79929,6 +80031,9 @@ ${c}
     in: [
       Schema.stringMultiColumnValues
     ],
+    not_in: [
+      Schema.stringMultiColumnValues
+    ],
     is_null: [],
     is_not_null: []
   }, ALL_OPERATORS = {
@@ -91906,7 +92011,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-HUc7bIGs.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-BFcH2SqR.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object$1({
@@ -94332,7 +94437,8 @@ Defaulting to \`null\`.`;
         target_direction: _enum([
           "increase",
           "decrease"
-        ]).default("increase")
+        ]).default("increase"),
+        slot: any().optional()
       }));
     }
     render({ data: e }) {
@@ -94342,60 +94448,83 @@ Defaulting to \`null\`.`;
     }
   };
   const StatComponent = (e) => {
-    let r = (0, import_compiler_runtime$9.c)(23), { value: c, label: l, caption: d, bordered: f, direction: h, target_direction: g } = e, { locale: v } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), y;
-    r[0] !== v || r[1] !== c ? (y = () => c == null ? (0, import_jsx_runtime.jsx)("i", {
+    let r = (0, import_compiler_runtime$9.c)(31), { value: c, label: l, caption: d, bordered: f, direction: h, target_direction: g, slot: v } = e, { locale: y } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), b;
+    r[0] !== y || r[1] !== c ? (b = () => c == null ? (0, import_jsx_runtime.jsx)("i", {
       children: "No value"
-    }) : typeof c == "string" ? c : typeof c == "number" ? prettyNumber(c, v) : typeof c == "boolean" ? c ? "True" : "False" : String(c), r[0] = v, r[1] = c, r[2] = y) : y = r[2];
-    let b = y, x = h === g, E = x ? "var(--grass-8)" : "var(--red-8)", O = x ? "var(--grass-9)" : "var(--red-9)", A = f && "rounded-xl border shadow bg-card", I;
-    r[3] === A ? I = r[4] : (I = cn("text-card-foreground", A), r[3] = A, r[4] = I);
-    let R;
-    r[5] === l ? R = r[6] : (R = l && (0, import_jsx_runtime.jsx)("div", {
-      className: "p-6 flex flex-row items-center justify-between space-y-0 pb-2",
+    }) : typeof c == "string" ? c : typeof c == "number" ? prettyNumber(c, y) : typeof c == "boolean" ? c ? "True" : "False" : String(c), r[0] = y, r[1] = c, r[2] = b) : b = r[2];
+    let x = b, E = h === g, O = E ? "var(--grass-8)" : "var(--red-8)", A = E ? "var(--grass-9)" : "var(--red-9)", I;
+    r[3] === v ? I = r[4] : (I = () => {
+      let e2 = getMimeValues(v);
+      if (e2 == null ? void 0 : e2[0]) {
+        let { mimetype: r2, data: c2 } = e2[0];
+        return r2 !== "text/html" && Logger.warn(`Expected text/html, got ${r2}`), renderHTML({
+          html: c2,
+          alwaysSanitizeHtml: true
+        });
+      }
+    }, r[3] = v, r[4] = I);
+    let R = I, z = f && "rounded-xl border shadow bg-card", B;
+    r[5] === z ? B = r[6] : (B = cn("text-card-foreground p-6", z), r[5] = z, r[6] = B);
+    let K;
+    r[7] === l ? K = r[8] : (K = l && (0, import_jsx_runtime.jsx)("div", {
+      className: "flex flex-row items-center justify-between space-y-0 pb-2",
       children: (0, import_jsx_runtime.jsx)("h3", {
         className: "tracking-tight text-sm font-medium",
         children: l
       })
-    }), r[5] = l, r[6] = R);
-    let z;
-    r[7] === b ? z = r[8] : (z = b(), r[7] = b, r[8] = z);
-    let B;
-    r[9] === z ? B = r[10] : (B = (0, import_jsx_runtime.jsx)("div", {
+    }), r[7] = l, r[8] = K);
+    let q;
+    r[9] === x ? q = r[10] : (q = x(), r[9] = x, r[10] = q);
+    let BY;
+    r[11] === q ? BY = r[12] : (BY = (0, import_jsx_runtime.jsx)("div", {
       className: "text-2xl font-bold",
-      children: z
-    }), r[9] = z, r[10] = B);
-    let K;
-    r[11] !== d || r[12] !== h || r[13] !== E || r[14] !== O ? (K = d && (0, import_jsx_runtime.jsxs)("p", {
-      className: "pt-1 text-xs text-muted-foreground flex align-center",
+      children: q
+    }), r[11] = q, r[12] = BY);
+    let VY;
+    r[13] !== d || r[14] !== h || r[15] !== O || r[16] !== A ? (VY = d && (0, import_jsx_runtime.jsxs)("p", {
+      className: "pt-1 text-xs text-muted-foreground flex align-center whitespace-nowrap",
       children: [
         h === "increase" && (0, import_jsx_runtime.jsx)(Triangle, {
           className: "w-4 h-4 mr-1 p-0.5",
-          fill: E,
-          stroke: O
+          fill: O,
+          stroke: A
         }),
         h === "decrease" && (0, import_jsx_runtime.jsx)(Triangle, {
           className: "w-4 h-4 mr-1 p-0.5 transform rotate-180",
-          fill: E,
-          stroke: O
+          fill: O,
+          stroke: A
         }),
         d
       ]
-    }), r[11] = d, r[12] = h, r[13] = E, r[14] = O, r[15] = K) : K = r[15];
-    let q;
-    r[16] !== B || r[17] !== K ? (q = (0, import_jsx_runtime.jsxs)("div", {
-      className: "p-6 pt-0",
+    }), r[13] = d, r[14] = h, r[15] = O, r[16] = A, r[17] = VY) : VY = r[17];
+    let HY;
+    r[18] !== BY || r[19] !== VY ? (HY = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        B,
-        K
+        BY,
+        VY
       ]
-    }), r[16] = B, r[17] = K, r[18] = q) : q = r[18];
-    let BY;
-    return r[19] !== I || r[20] !== R || r[21] !== q ? (BY = (0, import_jsx_runtime.jsxs)("div", {
-      className: I,
+    }), r[18] = BY, r[19] = VY, r[20] = HY) : HY = r[20];
+    let UY;
+    r[21] !== R || r[22] !== v ? (UY = v && (0, import_jsx_runtime.jsx)("div", {
+      className: "[--slot:true]",
+      children: R()
+    }), r[21] = R, r[22] = v, r[23] = UY) : UY = r[23];
+    let WY;
+    r[24] !== UY || r[25] !== HY ? (WY = (0, import_jsx_runtime.jsxs)("div", {
+      className: "pt-0 flex flex-row gap-3.5",
       children: [
-        R,
-        q
+        HY,
+        UY
+      ]
+    }), r[24] = UY, r[25] = HY, r[26] = WY) : WY = r[26];
+    let GY;
+    return r[27] !== WY || r[28] !== B || r[29] !== K ? (GY = (0, import_jsx_runtime.jsxs)("div", {
+      className: B,
+      children: [
+        K,
+        WY
       ]
-    }), r[19] = I, r[20] = R, r[21] = q, r[22] = BY) : BY = r[22], BY;
+    }), r[27] = WY, r[28] = B, r[29] = K, r[30] = GY) : GY = r[30], GY;
   };
   var import_compiler_runtime$8 = require_compiler_runtime(), TexPlugin = class {
     constructor() {
@@ -98404,7 +98533,7 @@ Defaulting to \`null\`.`;
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.18.3"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.18.4"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {