@marimo-team/islands 0.20.3-dev88 → 0.20.3-dev89

package/dist/main.js

@@ -68637,7 +68637,11 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       if (isDataPart(d2)) return Logger.debug("Found data part", d2), null;
       switch (d2.type) {
         case "text":
-          return (0, import_jsx_runtime.jsx)(MarkdownRenderer, {
+          return d2.text.includes("<marimo-") ? (0, import_jsx_runtime.jsx)(import_react.Fragment, {
+            children: renderHTML({
+              html: d2.text
+            })
+          }, f) : (0, import_jsx_runtime.jsx)(MarkdownRenderer, {
             content: d2.text
           }, f);
         case "reasoning":
@@ -70347,7 +70351,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.20.3-dev88"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.20.3-dev89"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$88 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {

package/package.json

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

package/src/components/chat/chat-display.tsx

@@ -1,6 +1,8 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import type { DataUIPart, ToolUIPart, UIMessage } from "ai";
+import React from "react";
+import { renderHTML } from "@/plugins/core/RenderHTML";
 import { logNever } from "@/utils/assertNever";
 import { Logger } from "@/utils/Logger";
 import { MarkdownRenderer } from "../markdown/markdown-renderer";
@@ -46,6 +48,17 @@ export const renderUIMessage = ({
 
     switch (part.type) {
       case "text":
+        // Streamdown sanitizes the HTML which strips out marimo elements
+        // So instead, we render the HTML with our custom renderer.
+        if (part.text.includes("<marimo-")) {
+          return (
+            <React.Fragment key={index}>
+              {renderHTML({
+                html: part.text,
+              })}
+            </React.Fragment>
+          );
+        }
         return <MarkdownRenderer key={index} content={part.text} />;
       case "reasoning":
         return (