@datalayer/agent-runtimes 1.3.91 → 1.3.93

package/lib/ui-plugins/MCPUIPlugin.js

@@ -1,15 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
 /**
- * MCP-UI plugin for chat component.
- * Renders MCP UI protocol messages and resources.
- *
- * @module components/uiPlugins/MCPUIPlugin
+ * What the chat says in place of the MCP UI's markup (STUDIO D-22).
  */
-import React from 'react';
+export const MCP_UI_NOT_DRAWN = {
+    html: 'This answer carries a page of HTML from its MCP server. It is not drawn here: no markup from a server or a model reaches this page.',
+    element: 'This answer carries an interface built by its MCP server. It is not drawn here: no markup from a server or a model reaches this page.',
+};
+/** A sentence in place of what is not drawn. */
+const NotDrawn = ({ children }) => (_jsx("p", { className: "mcp-ui-not-drawn", "data-mcp-ui-not-drawn": "", style: {
+        padding: '8px 12px',
+        margin: '4px 0',
+        borderRadius: '6px',
+        border: '1px solid var(--color-border-default)',
+        color: 'var(--color-fg-muted)',
+    }, children: children }));
 /**
  * Create MCP-UI activity renderer
  */
@@ -53,9 +57,9 @@ export function createMCPUIRenderer(customRenderers) {
                 }
                 return _jsx(ResourceContent, { resource: content });
             }
-            // Handle UI element
+            // A UI element is markup built from a tool's props: not drawn.
             if (mcpData.uiElement) {
-                return _jsx(UIElement, { element: mcpData.uiElement });
+                return _jsx(NotDrawn, { children: MCP_UI_NOT_DRAWN.element });
             }
             // Fallback: render raw data
             return _jsx("pre", { className: "mcp-ui-raw", children: JSON.stringify(data, null, 2) });
@@ -87,12 +91,8 @@ const ResourceContent = ({ resource, }) => {
     if (resource.text ||
         (mimeType.startsWith('text/') && typeof resource.content === 'string')) {
         const text = resource.text || resource.content;
-        if (mimeType === 'text/html') {
-            return (_jsx("div", { className: "mcp-ui-html", dangerouslySetInnerHTML: { __html: text }, style: {
-                    padding: '12px',
-                    backgroundColor: 'var(--color-canvas-subtle)',
-                    borderRadius: '6px',
-                } }));
+        if (mimeType.split(';', 1)[0].trim().toLowerCase() === 'text/html') {
+            return _jsx(NotDrawn, { children: MCP_UI_NOT_DRAWN.html });
         }
         if (mimeType === 'text/markdown') {
             // For markdown, we'd ideally use a markdown renderer
@@ -148,37 +148,6 @@ const ResourceContent = ({ resource, }) => {
             color: 'var(--color-fg-muted)',
         }, children: ["Resource: ", resource.uri] }));
 };
-/**
- * UI Element component for rendering MCP UI elements
- */
-const UIElement = ({ element, }) => {
-    if (!element)
-        return null;
-    const { type, props = {}, children } = element;
-    // Map MCP UI element types to HTML elements
-    const elementMap = {
-        container: 'div',
-        text: 'span',
-        button: 'button',
-        input: 'input',
-        form: 'form',
-        list: 'ul',
-        listItem: 'li',
-        heading: 'h3',
-        paragraph: 'p',
-        link: 'a',
-        image: 'img',
-        code: 'code',
-        pre: 'pre',
-    };
-    const htmlTag = elementMap[type] || 'div';
-    return React.createElement(htmlTag, {
-        ...props,
-        style: {
-            ...(props.style || {}),
-        },
-    }, children?.map((child, index) => (_jsx(UIElement, { element: child.uiElement }, index))));
-};
 /**
  * MCP-UI UI plugin implementation class
  */

package/lib/ui-plugins/index.d.ts

@@ -6,4 +6,4 @@
 export { UIPluginRegistry } from './UIPluginRegistry';
 export type { InternalUIPluginType } from './UIPluginRegistry';
 export { createA2UIRenderer, A2UIPluginImpl, type A2UIMessage, } from './A2UIPlugin';
-export { createMCPUIRenderer, MCPUIPluginImpl, type MCPUIMessage, type MCPUIResource, } from './MCPUIPlugin';
+export { createMCPUIRenderer, MCPUIPluginImpl, MCP_UI_NOT_DRAWN, type MCPUIMessage, type MCPUIResource, } from './MCPUIPlugin';

package/lib/ui-plugins/index.js

@@ -9,4 +9,4 @@
  */
 export { UIPluginRegistry } from './UIPluginRegistry';
 export { createA2UIRenderer, A2UIPluginImpl, } from './A2UIPlugin';
-export { createMCPUIRenderer, MCPUIPluginImpl, } from './MCPUIPlugin';
+export { createMCPUIRenderer, MCPUIPluginImpl, MCP_UI_NOT_DRAWN, } from './MCPUIPlugin';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@datalayer/agent-runtimes",
-    "version": "1.3.91",
+    "version": "1.3.93",
     "type": "module",
     "workspaces": [
         ".",
@@ -30,7 +30,8 @@
         "style/**/*.{css,js,eot,gif,html,jpg,json,png,svg,woff2,ttf}",
         "schema/*.json",
         "patches/",
-        "scripts/"
+        "scripts/",
+        "dist-embed/"
     ],
     "main": "lib/index.js",
     "types": "lib/index.d.ts",