@lowdefy/blocks-antd-x 5.3.0 → 5.4.0

package/dist/blocks/AgentChat/AgentChat.js

@@ -45,17 +45,25 @@ function AgentChat({ blockId, components: { Icon }, methods, pageId, properties
         }
         return initial;
     });
+    // When no conversationId is supplied, mint a stable session id so every turn
+    // (including a welcome prompt sent before the app sets the prop) posts a
+    // consistent id. App-supplied ids remain authoritative.
+    const mintedIdRef = useRef(null);
+    if (!conversationId && !mintedIdRef.current) {
+        mintedIdRef.current = crypto.randomUUID();
+    }
+    const effectiveConversationId = conversationId ?? mintedIdRef.current;
     const urlQueryKey = JSON.stringify(urlQuery ?? null);
     const transport = useMemo(()=>createLowdefyChatTransport({
             pageId,
             agentId,
-            conversationId,
+            conversationId: effectiveConversationId,
             urlQuery,
             sharedStateRef
         }), [
         pageId,
         agentId,
-        conversationId,
+        effectiveConversationId,
         urlQueryKey
     ]);
     const bubbleListRef = useRef(null);
@@ -134,14 +142,14 @@ function AgentChat({ blockId, components: { Icon }, methods, pageId, properties
     });
     // Clear messages when conversationId changes so the new conversation starts clean.
     // Developers load saved messages via the messages property if needed.
-    const prevConversationIdRef = useRef(conversationId);
+    const prevConversationIdRef = useRef(effectiveConversationId);
     useEffect(()=>{
-        if (conversationId !== prevConversationIdRef.current) {
-            prevConversationIdRef.current = conversationId;
+        if (effectiveConversationId !== prevConversationIdRef.current) {
+            prevConversationIdRef.current = effectiveConversationId;
             setMessages([]);
         }
     }, [
-        conversationId,
+        effectiveConversationId,
         setMessages
     ]);
     // Sync external messages when provided — undefined means "not provided" (no sync),
@@ -241,7 +249,8 @@ function AgentChat({ blockId, components: { Icon }, methods, pageId, properties
         messages,
         status,
         methods,
-        finishMetaRef
+        finishMetaRef,
+        conversationId: effectiveConversationId
     });
     const isEmpty = messages.length === 0;
     const isBusy = status === 'streaming' || status === 'submitted';
@@ -497,7 +506,8 @@ function AgentChat({ blockId, components: { Icon }, methods, pageId, properties
         onFeedback: handleFeedback,
         onRegenerate: handleRegenerate,
         onDelete: handleDelete,
-        onEditMessage: handleEditMessage
+        onEditMessage: handleEditMessage,
+        translate: methods.translate
     })), !isEmpty && activeSuggestions && activeSuggestions.length > 0 && !isBusy && /*#__PURE__*/ React.createElement("div", {
         style: {
             padding: '0 16px 8px'
@@ -557,7 +567,7 @@ function AgentChat({ blockId, components: { Icon }, methods, pageId, properties
         }
     }), /*#__PURE__*/ React.createElement(Sender, {
         ref: senderRef,
-        placeholder: sender?.placeholder ?? 'Type a message...',
+        placeholder: sender?.placeholder ?? methods.translate('agent.sender.placeholder'),
         submitType: sender?.submitType ?? 'enter',
         allowSpeech: sender?.allowSpeech ?? false,
         onSubmit: handleSend,

package/dist/blocks/AgentChat/MessageBubble.js

@@ -71,13 +71,23 @@ function RichCodeBlock({ renderMermaid, codeHighlighter }) {
         }, children));
     };
 }
-function summarizeToolOutput(output) {
-    if (output === null || output === undefined) return 'Completed (no data)';
-    if (Array.isArray(output)) return `Returned ${output.length} result${output.length === 1 ? '' : 's'}`;
+function summarizeToolOutput(output, translate) {
+    if (output === null || output === undefined) return translate('agent.toolResult.completedNoData');
+    if (Array.isArray(output)) {
+        return translate('agent.toolResult.returnedCount', {
+            count: output.length
+        });
+    }
     if (typeof output === 'object') {
         const keys = Object.keys(output);
-        if (keys.length <= 3) return `Returned: ${keys.join(', ')}`;
-        return `Returned object with ${keys.length} fields`;
+        if (keys.length <= 3) {
+            return translate('agent.toolResult.returnedKeys', {
+                keys: keys.join(', ')
+            });
+        }
+        return translate('agent.toolResult.returnedFields', {
+            count: keys.length
+        });
     }
     if (typeof output === 'string') {
         return output.length > 80 ? `${output.substring(0, 80)}...` : output;
@@ -101,13 +111,13 @@ function normalizeActions(actions) {
     }
     return actions ?? {};
 }
-function BubbleActions({ actions, textContent, messageId, onFeedback, onRegenerate, onDelete }) {
+function BubbleActions({ actions, textContent, messageId, onFeedback, onRegenerate, onDelete, translate }) {
     const normalized = normalizeActions(actions);
     const items = [];
     if (normalized.copy) {
         items.push({
             key: 'copy',
-            label: 'Copy',
+            label: translate('agent.message.copy'),
             actionRender: ()=>/*#__PURE__*/ React.createElement(Actions.Copy, {
                     text: textContent
                 })
@@ -116,7 +126,7 @@ function BubbleActions({ actions, textContent, messageId, onFeedback, onRegenera
     if (normalized.feedback) {
         items.push({
             key: 'feedback',
-            label: 'Feedback',
+            label: translate('agent.message.feedback'),
             actionRender: ()=>/*#__PURE__*/ React.createElement(Actions.Feedback, {
                     onChange: (rating)=>onFeedback?.({
                             messageId,
@@ -129,7 +139,7 @@ function BubbleActions({ actions, textContent, messageId, onFeedback, onRegenera
         items.push({
             key: 'regenerate',
             icon: /*#__PURE__*/ React.createElement(ReloadOutlined, null),
-            label: 'Regenerate',
+            label: translate('agent.message.regenerate'),
             onItemClick: ()=>onRegenerate?.({
                     messageId
                 })
@@ -139,7 +149,7 @@ function BubbleActions({ actions, textContent, messageId, onFeedback, onRegenera
         items.push({
             key: 'delete',
             icon: /*#__PURE__*/ React.createElement(DeleteOutlined, null),
-            label: 'Delete',
+            label: translate('agent.message.delete'),
             danger: true,
             onItemClick: ()=>onDelete?.({
                     messageId
@@ -151,7 +161,7 @@ function BubbleActions({ actions, textContent, messageId, onFeedback, onRegenera
         items: items
     });
 }
-function SourcesDisplay({ sourceParts, config }) {
+function SourcesDisplay({ sourceParts, config, translate }) {
     if (sourceParts.length === 0) return null;
     const items = sourceParts.map((source, i)=>({
             key: `source-${i}`,
@@ -161,12 +171,12 @@ function SourcesDisplay({ sourceParts, config }) {
         }));
     return /*#__PURE__*/ React.createElement(Sources, {
         items: items,
-        title: "Sources",
+        title: translate('agent.toolResult.sourcesTitle'),
         inline: config?.sourcesDisplay?.inline ?? false,
         expandIconPosition: config?.sourcesDisplay?.expandIconPosition ?? 'end'
     });
 }
-function MessageBubble({ content, isStreaming, parts, config, addToolApprovalResponse, actions, messageId, onFeedback, onRegenerate, onDelete }) {
+function MessageBubble({ content, isStreaming, parts, config, addToolApprovalResponse, actions, messageId, onFeedback, onRegenerate, onDelete, translate }) {
     const showThoughtChain = config?.showThoughtChain !== false;
     const showReasoning = config?.showReasoning !== false;
     const reasoningDisplay = config?.reasoningDisplay ?? 'interleaved';
@@ -202,14 +212,16 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
             config: markdownConfig
         }, content), /*#__PURE__*/ React.createElement(SourcesDisplay, {
             sourceParts: sourceParts,
-            config: config
+            config: config,
+            translate: translate
         }), showActions && /*#__PURE__*/ React.createElement(BubbleActions, {
             actions: normalizedActions,
             textContent: content,
             messageId: messageId,
             onFeedback: onFeedback,
             onRegenerate: onRegenerate,
-            onDelete: onDelete
+            onDelete: onDelete,
+            translate: translate
         }));
     }
     // Build segments of consecutive same-type parts.
@@ -285,7 +297,7 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
             const isActiveReasoning = isStreaming && segment.parts.some((p)=>p.state === 'streaming');
             return /*#__PURE__*/ React.createElement(Think, {
                 key: `reasoning-${idx}`,
-                title: "Reasoning",
+                title: translate('agent.toolResult.reasoningTitle'),
                 defaultExpanded: false,
                 loading: isActiveReasoning,
                 blink: isActiveReasoning
@@ -298,7 +310,7 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
                     return {
                         key: tool.toolCallId,
                         title: tool.toolName,
-                        description: 'Tool execution was rejected',
+                        description: translate('agent.toolResult.rejected'),
                         status: 'error'
                     };
                 }
@@ -317,7 +329,8 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
                             onReject: (id)=>addToolApprovalResponse?.({
                                     id,
                                     approved: false
-                                })
+                                }),
+                            translate: translate
                         }),
                         status: 'loading'
                     };
@@ -339,12 +352,12 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
                     if (showInput && tool.input && Object.keys(tool.input).length > 0) {
                         description = `Input: ${JSON.stringify(tool.input, null, 2)}`;
                     } else {
-                        description = 'Running...';
+                        description = translate('agent.toolResult.running');
                     }
                 } else if (status === 'error') {
-                    description = 'Tool execution failed';
+                    description = translate('agent.toolResult.failed');
                 } else if (toolOutput?.display && typeof toolOutput.display === 'string') {
-                    description = summarizeToolOutput(toolOutput.display);
+                    description = summarizeToolOutput(toolOutput.display, translate);
                     content = /*#__PURE__*/ React.createElement(Markdown, {
                         components: markdownComponents,
                         config: markdownConfig
@@ -352,7 +365,7 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
                     collapsible = true;
                 } else if (isSubAgent) {
                     // Sub-agent results: short status in description, full response in styled content
-                    description = 'Completed';
+                    description = translate('agent.toolResult.completed');
                     const subAgentText = typeof toolOutput === 'string' ? toolOutput : JSON.stringify(toolOutput, null, 2);
                     content = /*#__PURE__*/ React.createElement("div", {
                         style: {
@@ -369,19 +382,19 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
                 } else {
                     const mode = resolveToolResultMode(toolResultDisplay, tool.toolName);
                     if (mode === 'readable') {
-                        description = summarizeToolOutput(toolOutput);
-                        content = formatToolResult(toolOutput);
+                        description = summarizeToolOutput(toolOutput, translate);
+                        content = formatToolResult(toolOutput, translate);
                         collapsible = true;
                     } else if (mode === 'full') {
-                        description = summarizeToolOutput(toolOutput);
+                        description = summarizeToolOutput(toolOutput, translate);
                         content = JSON.stringify(toolOutput, null, 2);
                         collapsible = true;
                     } else if (mode === 'none') {
-                        description = 'Completed';
+                        description = translate('agent.toolResult.completed');
                     } else {
                         // summary mode: show summary, add readable content behind collapse
-                        description = summarizeToolOutput(toolOutput);
-                        const readable = formatToolResult(toolOutput);
+                        description = summarizeToolOutput(toolOutput, translate);
+                        const readable = formatToolResult(toolOutput, translate);
                         if (readable != null) {
                             content = readable;
                             collapsible = true;
@@ -453,7 +466,7 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
                     animation: 'spin 1s linear infinite',
                     display: 'inline-block'
                 }
-            }, "⟳"), lastStatus.data?.message ?? 'Processing...');
+            }, "⟳"), lastStatus.data?.message ?? translate('agent.toolResult.processing'));
         }
         if (segment.category === 'text') {
             const text = segment.parts.map((p)=>p.text).join('');
@@ -471,14 +484,16 @@ function MessageBubble({ content, isStreaming, parts, config, addToolApprovalRes
         return null;
     }), /*#__PURE__*/ React.createElement(SourcesDisplay, {
         sourceParts: sourceParts,
-        config: config
+        config: config,
+        translate: translate
     }), showActions && /*#__PURE__*/ React.createElement(BubbleActions, {
         actions: normalizedActions,
         textContent: allTextContent,
         messageId: messageId,
         onFeedback: onFeedback,
         onRegenerate: onRegenerate,
-        onDelete: onDelete
+        onDelete: onDelete,
+        translate: translate
     }));
 }
 export default MessageBubble;

package/dist/blocks/AgentChat/MessageList.js

@@ -31,8 +31,8 @@ function roleAvatar(roleConfig, fallbackIcon) {
         icon: fallbackIcon
     });
 }
-function roleHeader(roleConfig, fallback) {
-    const name = roleConfig?.name ?? fallback;
+function roleHeader(roleConfig, fallbackKey, translate) {
+    const name = roleConfig?.name ?? translate(fallbackKey);
     return /*#__PURE__*/ React.createElement("h5", {
         style: {
             margin: 0
@@ -55,7 +55,7 @@ function ThinkingBubbleContent({ bubbleId, config }) {
         label: label
     });
 }
-const MessageList = /*#__PURE__*/ React.forwardRef(function MessageList({ messages, isStreaming, config, addToolApprovalResponse, onFeedback, onRegenerate, onDelete, onEditMessage }, ref) {
+const MessageList = /*#__PURE__*/ React.forwardRef(function MessageList({ messages, isStreaming, config, addToolApprovalResponse, onFeedback, onRegenerate, onDelete, onEditMessage, translate }, ref) {
     // Build a lookup map for message parts.
     // Bubble.List's contentRender callback only receives (content, info) where info.key is the
     // item key — it does not receive the full message object with its parts array. This map
@@ -128,7 +128,7 @@ const MessageList = /*#__PURE__*/ React.forwardRef(function MessageList({ messag
                 variant: config?.roles?.user?.variant ?? 'filled',
                 shape: config?.roles?.user?.shape ?? 'round',
                 avatar: roleAvatar(config?.roles?.user, /*#__PURE__*/ React.createElement(UserOutlined, null)),
-                header: roleHeader(config?.roles?.user, 'You'),
+                header: roleHeader(config?.roles?.user, 'agent.message.userHeader', translate),
                 editable: config?.editableMessages !== false ? {
                     onEditConfirm: (key, newContent)=>{
                         const parts = partsMap.get(key);
@@ -174,7 +174,7 @@ const MessageList = /*#__PURE__*/ React.forwardRef(function MessageList({ messag
                     maxWidth: '100%'
                 },
                 avatar: roleAvatar(config?.roles?.assistant, /*#__PURE__*/ React.createElement(RobotOutlined, null)),
-                header: roleHeader(config?.roles?.assistant, 'Assistant'),
+                header: roleHeader(config?.roles?.assistant, 'agent.message.assistantHeader', translate),
                 typing: config?.roles?.assistant?.typing ? config.roles.assistant.typing : {
                     effect: 'fade-in'
                 },
@@ -190,7 +190,8 @@ const MessageList = /*#__PURE__*/ React.forwardRef(function MessageList({ messag
                         messageId: info.key,
                         onFeedback: onFeedback,
                         onRegenerate: onRegenerate,
-                        onDelete: onDelete
+                        onDelete: onDelete,
+                        translate: translate
                     });
                 }
             }

package/dist/blocks/AgentChat/ToolApproval.js

@@ -14,7 +14,7 @@
   limitations under the License.
 */ import React from 'react';
 import { Button, Space } from 'antd';
-function ToolApproval({ toolName, input, approvalId, onApprove, onReject }) {
+function ToolApproval({ toolName, input, approvalId, onApprove, onReject, translate }) {
     return /*#__PURE__*/ React.createElement("div", {
         style: {
             padding: '8px 0'
@@ -37,9 +37,9 @@ function ToolApproval({ toolName, input, approvalId, onApprove, onReject }) {
         type: "primary",
         size: "small",
         onClick: ()=>onApprove(approvalId)
-    }, "Approve"), /*#__PURE__*/ React.createElement(Button, {
+    }, translate('agent.toolApproval.approve')), /*#__PURE__*/ React.createElement(Button, {
         size: "small",
         onClick: ()=>onReject(approvalId)
-    }, "Reject")));
+    }, translate('agent.toolApproval.reject'))));
 }
 export default ToolApproval;

package/dist/blocks/AgentChat/formatToolResult.js

@@ -24,7 +24,7 @@ function isIsoDate(value) {
 function humanizeKey(key) {
     return key.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/[_-]/g, ' ').replace(/^\w/, (c)=>c.toUpperCase());
 }
-function CollapsibleText({ text, limit }) {
+function CollapsibleText({ text, limit, translate }) {
     const [expanded, setExpanded] = useState(false);
     if (text.length <= limit) return /*#__PURE__*/ React.createElement("span", null, text);
     return /*#__PURE__*/ React.createElement("span", null, expanded ? text : `${text.slice(0, limit)}...`, /*#__PURE__*/ React.createElement("a", {
@@ -34,9 +34,9 @@ function CollapsibleText({ text, limit }) {
             fontSize: '0.85em',
             cursor: 'pointer'
         }
-    }, expanded ? 'Show less' : 'Show more'));
+    }, expanded ? translate('agent.toolResult.showLess') : translate('agent.toolResult.showMore')));
 }
-function formatValue(value, depth) {
+function formatValue(value, depth, translate) {
     if (value === null || value === undefined) {
         return /*#__PURE__*/ React.createElement("span", {
             style: {
@@ -67,26 +67,27 @@ function formatValue(value, depth) {
         if (value.length > 200) {
             return /*#__PURE__*/ React.createElement(CollapsibleText, {
                 text: value,
-                limit: 200
+                limit: 200,
+                translate: translate
             });
         }
         return /*#__PURE__*/ React.createElement("span", null, value);
     }
     if (Array.isArray(value)) {
-        return formatArray(value, depth);
+        return formatArray(value, depth, translate);
     }
     if (typeof value === 'object') {
-        return formatObject(value, depth);
+        return formatObject(value, depth, translate);
     }
     return /*#__PURE__*/ React.createElement("span", null, String(value));
 }
-function formatArray(arr, depth) {
+function formatArray(arr, depth, translate) {
     if (arr.length === 0) {
         return /*#__PURE__*/ React.createElement("span", {
             style: {
                 color: '#999'
             }
-        }, "Empty list");
+        }, translate('agent.toolResult.emptyList'));
     }
     const allPrimitive = arr.every((item)=>item === null || item === undefined || typeof item !== 'object');
     if (allPrimitive) {
@@ -97,7 +98,7 @@ function formatArray(arr, depth) {
             }
         }, arr.map((item, i)=>/*#__PURE__*/ React.createElement("li", {
                 key: i
-            }, formatValue(item, depth + 1))));
+            }, formatValue(item, depth + 1, translate))));
     }
     return /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -114,16 +115,16 @@ function formatArray(arr, depth) {
                 background: 'rgba(0, 0, 0, 0.02)',
                 border: '1px solid rgba(0, 0, 0, 0.06)'
             }
-        }, formatValue(item, depth + 1))));
+        }, formatValue(item, depth + 1, translate))));
 }
-function formatObject(obj, depth) {
+function formatObject(obj, depth, translate) {
     const keys = Object.keys(obj);
     if (keys.length === 0) {
         return /*#__PURE__*/ React.createElement("span", {
             style: {
                 color: '#999'
             }
-        }, "Empty");
+        }, translate('agent.toolResult.empty'));
     }
     return /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -148,7 +149,7 @@ function formatObject(obj, depth) {
                     fontSize: '0.9em',
                     marginBottom: 2
                 }
-            }, humanizeKey(key)), formatValue(val, depth + 1));
+            }, humanizeKey(key)), formatValue(val, depth + 1, translate));
         }
         return /*#__PURE__*/ React.createElement("div", {
             key: key
@@ -158,16 +159,16 @@ function formatObject(obj, depth) {
                 fontSize: '0.9em',
                 color: 'rgba(0, 0, 0, 0.55)'
             }
-        }, humanizeKey(key), ":", ' '), formatValue(val, depth + 1));
+        }, humanizeKey(key), ":", ' '), formatValue(val, depth + 1, translate));
     }));
 }
-function formatToolResult(output) {
+function formatToolResult(output, translate) {
     if (output === null || output === undefined) {
         return /*#__PURE__*/ React.createElement("span", {
             style: {
                 color: '#999'
             }
-        }, "Completed (no data)");
+        }, translate('agent.toolResult.completedNoData'));
     }
     return /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -176,6 +177,6 @@ function formatToolResult(output) {
             maxHeight: 400,
             overflowY: 'auto'
         }
-    }, formatValue(output, 0));
+    }, formatValue(output, 0, translate));
 }
 export default formatToolResult;

package/dist/blocks/AgentChat/meta.js

@@ -21,6 +21,7 @@
         onToolCall: 'Trigger when a tool is invoked.',
         onToolResult: 'Trigger when a tool completes.',
         onUserMessage: 'Trigger when the user sends a message.',
+        onConversationStart: 'Trigger once when a conversation starts, on its first user message. Event contains the conversationId (auto-minted when no conversationId property is set).',
         onError: 'Trigger on stream error.',
         onFeedback: 'Trigger when the user clicks thumbs up or down on a message.',
         onRegenerate: 'Trigger when the user clicks regenerate on a message.',

package/dist/blocks/AgentChat/useAgentEvents.js

@@ -13,12 +13,13 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import { useRef, useEffect } from 'react';
-function useAgentEvents({ messages, status, methods, finishMetaRef }) {
+function useAgentEvents({ messages, status, methods, finishMetaRef, conversationId }) {
     const prevStatusRef = useRef(status);
     const firedToolCallIds = useRef(new Set());
     const firedToolResultIds = useRef(new Set());
     const firedUserMessageIds = useRef(new Set());
     const firedTitleIds = useRef(new Set());
+    const firedConversationStartRef = useRef(false);
     const lastMessageCountRef = useRef(0);
     // Fire onMessageComplete when streaming finishes
     useEffect(()=>{
@@ -60,6 +61,18 @@ function useAgentEvents({ messages, status, methods, finishMetaRef }) {
         const lastMessage = messages[messages.length - 1];
         if (lastMessage && lastMessage.role === 'user' && !firedUserMessageIds.current.has(lastMessage.id)) {
             firedUserMessageIds.current.add(lastMessage.id);
+            // Announce the conversation once, on its first user message, with the
+            // effective (possibly auto-minted) conversationId so apps can persist or
+            // track with a guaranteed id.
+            if (!firedConversationStartRef.current) {
+                firedConversationStartRef.current = true;
+                methods.triggerEvent({
+                    name: 'onConversationStart',
+                    event: {
+                        conversationId
+                    }
+                });
+            }
             const textContent = lastMessage.parts?.filter((p)=>p.type === 'text').map((p)=>p.text).join('');
             methods.triggerEvent({
                 name: 'onUserMessage',
@@ -78,7 +91,8 @@ function useAgentEvents({ messages, status, methods, finishMetaRef }) {
         }
     }, [
         messages,
-        methods
+        methods,
+        conversationId
     ]);
     // Scan for new tool calls and results
     useEffect(()=>{
@@ -149,6 +163,7 @@ function useAgentEvents({ messages, status, methods, finishMetaRef }) {
             firedToolResultIds.current.clear();
             firedUserMessageIds.current.clear();
             firedTitleIds.current.clear();
+            firedConversationStartRef.current = false;
         }
         lastMessageCountRef.current = messages.length;
     }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd-x",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design X Blocks",
   "homepage": "https://lowdefy.com",
@@ -41,8 +41,8 @@
     "@ant-design/icons": "6.1.0",
     "@ant-design/x": "2.7.0",
     "@ant-design/x-markdown": "2.7.0",
-    "@lowdefy/block-utils": "5.3.0",
-    "@lowdefy/helpers": "5.3.0",
+    "@lowdefy/block-utils": "5.4.0",
+    "@lowdefy/helpers": "5.4.0",
     "ai": "6.0.176"
   },
   "devDependencies": {