@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/ui/checkbox.js

@@ -1,9 +1,10 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import {
   Checkbox as PackageCheckbox
 } from "@ai-matrx/design-system";
 import * as React from "react";
-const Checkbox = React.forwardRef(({ size = "sm", ...props }, ref) => /* @__PURE__ */ React.createElement(PackageCheckbox, { ref, size, ...props }));
+const Checkbox = React.forwardRef(({ size = "sm", ...props }, ref) => /* @__PURE__ */ jsx(PackageCheckbox, { ref, size, ...props }));
 Checkbox.displayName = "Checkbox";
 export {
   Checkbox

package/dist/ui/html-preview/HtmlPreviewBridge.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useEffect, useCallback, useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useCallback, useMemo, useRef } from "react";
 import { useAppSelector, useAppDispatch, useAppStore } from "../../store/hooks.js";
 import {
   disposeFullScreenEditorCallbackGroup,
@@ -156,7 +157,7 @@ function HtmlPreviewBridge({
     },
     [callbackGroupId, conversationId, messageId, dispatch, store]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     HtmlPreviewFullScreenEditor,
     {
       isOpen: true,

package/dist/ui/lazy/SurfaceAgentsPanelImpl.js

@@ -1,10 +1,14 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { clientLazy } from "../../utils/client-lazy.js";
 import { Loader2 } from "lucide-react";
 const SurfaceAgentsPanelImpl = clientLazy(
   () => import("../../surfaces/components/chrome/SurfaceAgentsPanelImpl.js"),
   {
-    loading: () => /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-2 p-8 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-4 w-4 animate-spin" }), "Loading agents\u2026")
+    loading: () => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+      "Loading agents\u2026"
+    ] })
   }
 );
 export {

package/dist/ui/markdown-stream/EnhancedChatMarkdown.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useState, useEffect, useLayoutEffect, useMemo, useCallback, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useLayoutEffect, useMemo, useCallback, useRef } from "react";
 import { cn } from "@ai-matrx/design-system";
 import { splitContentIntoBlocksV2 } from "@ai-matrx/rich-content/display/markdown-classification/processors/utils/content-splitter-v2";
 import { renderSettledFromRecord, settledOneShotBlocks } from "@ai-matrx/rich-content/display/chat-markdown/settle-stream-blocks";
@@ -10,7 +11,7 @@ import { renderBlockToContentBlock } from "@ai-matrx/rich-content/display/chat-m
 import { DocumentFootnotes, DocumentNumberingProvider } from "@ai-matrx/rich-content/markdown-core/syntax/elements/DocumentNumbering";
 import { OptionalMarkdownSourceEditProvider } from "@ai-matrx/rich-content/markdown-core/syntax/elements/MarkdownSourceEdit";
 function MaybeSourceEdit({ source, save, children }) {
-  return /* @__PURE__ */ React.createElement(OptionalMarkdownSourceEditProvider, { source, save }, children);
+  return /* @__PURE__ */ jsx(OptionalMarkdownSourceEditProvider, { source, save, children });
 }
 import { RichCopySplit } from "../../agent-copy/RichCopySplit.js";
 import { ShimmerText } from "@ai-matrx/rich-content/utils/lifted/ShimmerText";
@@ -677,10 +678,9 @@ const EnhancedChatMarkdownInternal = ({
           console.warn("[MarkdownStream] Invalid block at index:", index);
           return null;
         }
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           SafeBlockRenderer,
           {
-            key: blockKey(block, index),
             block,
             index,
             isStreamActive,
@@ -693,7 +693,8 @@ const EnhancedChatMarkdownInternal = ({
             replaceBlockContent,
             handleOpenEditor,
             outputSchema
-          }
+          },
+          blockKey(block, index)
         );
       } catch (error) {
         console.error(
@@ -701,14 +702,16 @@ const EnhancedChatMarkdownInternal = ({
           index,
           error
         );
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsxs(
           "div",
           {
-            key: blockKey(block, index),
-            className: "py-2 px-1 text-sm text-neutral-600 dark:text-neutral-400 whitespace-pre-wrap break-words border-l-2 border-red-500 bg-red-50 dark:bg-red-950/20"
+            className: "py-2 px-1 text-sm text-neutral-600 dark:text-neutral-400 whitespace-pre-wrap break-words border-l-2 border-red-500 bg-red-50 dark:bg-red-950/20",
+            children: [
+              block?.content || "[Render error]",
+              /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+            ]
           },
-          block?.content || "[Render error]",
-          /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null)
+          blockKey(block, index)
         );
       }
     },
@@ -733,7 +736,7 @@ const EnhancedChatMarkdownInternal = ({
     className
   );
   if (hasError) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       PlainTextFallback,
       {
         requestId,
@@ -745,20 +748,20 @@ const EnhancedChatMarkdownInternal = ({
   const hasPreTextSegments = isWaitingForContent && requestId && hasUnifiedSpecial;
   if (isWaitingForContent && !hasPreTextSegments) {
     try {
-      return /* @__PURE__ */ React.createElement("div", { className: "mb-1 w-full min-w-0 text-left overflow-x-clip" }, /* @__PURE__ */ React.createElement("div", { className: containerStyles }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-start py-1" }, requestId && isVideoJob ? /* @__PURE__ */ React.createElement(GenerationJobCard, { requestId }) : requestId && isRunJob ? (
+      return /* @__PURE__ */ jsx("div", { className: "mb-1 w-full min-w-0 text-left overflow-x-clip", children: /* @__PURE__ */ jsx("div", { className: containerStyles, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-start py-1", children: requestId && isVideoJob ? /* @__PURE__ */ jsx(GenerationJobCard, { requestId }) : requestId && isRunJob ? (
         // A generation job names itself, its model and its clock —
         // "Processing…" for a minute reads as a hang.
-        /* @__PURE__ */ React.createElement(RunJobWorkingLine, { requestId })
-      ) : /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ jsx(RunJobWorkingLine, { requestId })
+      ) : /* @__PURE__ */ jsx(
         ShimmerText,
         {
           text: isReasoningActive ? "Reasoning\u2026" : "Processing\u2026",
           className: "text-sm"
         }
-      ))));
+      ) }) }) });
     } catch (error) {
       console.error("[MarkdownStream] Error rendering loading state:", error);
-      return /* @__PURE__ */ React.createElement(PlainTextFallback, { content: "Loading...", className });
+      return /* @__PURE__ */ jsx(PlainTextFallback, { content: "Loading...", className });
     }
   }
   const stableSlotBlocks = (key, next) => {
@@ -771,17 +774,17 @@ const EnhancedChatMarkdownInternal = ({
     if (!requestId) return null;
     if (slot.kind === "tool_batch") {
       if (!machineFramesVisible) return null;
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ToolBatch,
         {
-          key: `tool-batch-${slot.callIds[0]}`,
           requestId,
           callIds: slot.callIds,
           conversationId: conversationId ?? "",
           browserRunOrder: slot.browserRunOrder,
           browserBreakBefore: slot.browserBreakBefore,
           browserBreakAfter: slot.browserBreakAfter
-        }
+        },
+        `tool-batch-${slot.callIds[0]}`
       );
     }
     if (slot.kind === "render_block") {
@@ -837,58 +840,57 @@ const EnhancedChatMarkdownInternal = ({
       if (!machineFramesVisible) {
         const entry = toolLifecycleMap?.[slot.callId];
         const settled = entry?.status === "completed" || entry?.status === "error";
-        return settled ? null : /* @__PURE__ */ React.createElement(
+        return settled ? null : /* @__PURE__ */ jsx(
           InlineStatusIndicator,
           {
-            key: `tool-${slot.callId}`,
             label: EXPERT_WORKING_LABEL
-          }
+          },
+          `tool-${slot.callId}`
         );
       }
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ToolCard,
         {
-          key: `tool-${slot.callId}`,
           requestId,
           callId: slot.callId,
           conversationId: conversationId ?? ""
-        }
+        },
+        `tool-${slot.callId}`
       );
     }
     if (slot.kind === "status") {
       if (requestId && isVideoJob) {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           GenerationJobCard,
           {
-            key: `status-${slot.seq}`,
             requestId,
             className: "my-2"
-          }
+          },
+          `status-${slot.seq}`
         );
       }
       if (requestId && isRunJob) {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           RunJobWorkingLine,
           {
-            key: `status-${slot.seq}`,
             requestId,
             className: "flex items-center py-2"
-          }
+          },
+          `status-${slot.seq}`
         );
       }
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         InlineStatusIndicator,
         {
-          key: `status-${slot.seq}`,
           label: machineFramesVisible ? slot.label : EXPERT_WORKING_LABEL
-        }
+        },
+        `status-${slot.seq}`
       );
     }
     if (slot.kind === "thinking") {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         InlineThinkingSlot,
         {
-          key: `thinking-${slot.seq}`,
           requestId,
           chunkStartIndex: slot.chunkStartIndex,
           chunkEndIndex: slot.chunkEndIndex,
@@ -900,11 +902,12 @@ const EnhancedChatMarkdownInternal = ({
             },
             i
           )
-        }
+        },
+        `thinking-${slot.seq}`
       );
     }
     if (slot.kind === "error") {
-      return /* @__PURE__ */ React.createElement(InlineAssistantError, { key: `error-${slot.seq}`, requestId });
+      return /* @__PURE__ */ jsx(InlineAssistantError, { requestId }, `error-${slot.seq}`);
     }
     return null;
   };
@@ -913,28 +916,28 @@ const EnhancedChatMarkdownInternal = ({
     if (interleavedBudget <= 0 && interleavedShown < interleavedTextBlockTotal) return null;
     if (segment.type === "db_tool_batch") {
       if (!machineFramesVisible) return null;
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ToolBatch,
         {
-          key: `tool-batch-${segment.segments[0]?.callId ?? segment.key}`,
           segments: segment.segments,
           conversationId: conversationId ?? "",
           browserRunOrder: segment.browserRunOrder,
           browserBreakBefore: segment.browserBreakBefore,
           browserBreakAfter: segment.browserBreakAfter
-        }
+        },
+        `tool-batch-${segment.segments[0]?.callId ?? segment.key}`
       );
     }
     if (segment.type === "db_tool") {
       if (!machineFramesVisible) return null;
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ToolCard,
         {
-          key: `tool-${segment.callId}`,
           callId: segment.callId,
           segment,
           conversationId: conversationId ?? ""
-        }
+        },
+        `tool-${segment.callId}`
       );
     }
     if (segment.type === "render_block") {
@@ -995,102 +998,109 @@ const EnhancedChatMarkdownInternal = ({
     return (
       // A live stream heals half-arrived markdown in every MarkdownCore leaf
       // below (links, images, emphasis) — finished messages are untouched.
-      /* @__PURE__ */ React.createElement(MarkdownStreamingProvider, { value: !!isStreamActive }, /* @__PURE__ */ React.createElement(DocumentNumberingProvider, { source: currentContent }, /* @__PURE__ */ React.createElement(MaybeSourceEdit, { source: currentContent, save: isStreamActive ? void 0 : onContentChange ? handleSaveEdit : void 0 }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ jsx(MarkdownStreamingProvider, { value: !!isStreamActive, children: /* @__PURE__ */ jsx(DocumentNumberingProvider, { source: currentContent, children: /* @__PURE__ */ jsx(MaybeSourceEdit, { source: currentContent, save: isStreamActive ? void 0 : onContentChange ? handleSaveEdit : void 0, children: /* @__PURE__ */ jsxs(
         "div",
         {
           className: "mb-1 w-full min-w-0 text-left overflow-x-clip",
           "data-matrx-doc-root": "",
           "data-block-count": hasUnifiedSpecial ? void 0 : hasDbInterleavedSpecial ? interleavedTextBlockTotal : stableBlocks.length,
-          "data-blocks-mounted": hasUnifiedSpecial ? void 0 : hasDbInterleavedSpecial ? Math.min(interleavedShown, interleavedTextBlockTotal) : mountedBlockCount
-        },
-        /* @__PURE__ */ React.createElement("div", { className: containerStyles }, hasUnifiedSpecial && requestId ? workGroupedSlots.map(
-          (slot, i) => slot.kind === "agent_work" ? /* @__PURE__ */ React.createElement(
-            AgentWorkGroup,
-            {
-              key: `agent-work-${slot.items[0]?.seq ?? i}`,
-              sessionKey: `agent-work:${requestId}:${slot.items[0]?.seq ?? i}`,
-              order: i,
-              durationMs: slot.durationMs,
-              stepCount: slot.stepCount,
-              conversationId
-            },
-            flattenWorkSlots(slot.items).map(
-              (s, k) => renderGroupedSlot(s, i * 1e3 + k)
-            )
-          ) : renderGroupedSlot(slot, i)
-        ) : hasDbInterleavedSpecial ? workGroupedSegments.map(
-          (segment, segIdx) => "kind" in segment && segment.kind === "agent_work" ? /* @__PURE__ */ React.createElement(
-            AgentWorkGroup,
-            {
-              key: `agent-work-${messageId ?? ""}-${segIdx}`,
-              sessionKey: `agent-work:${messageId ?? conversationId ?? ""}:${segIdx}`,
-              order: segIdx,
-              durationMs: segment.durationMs,
-              stepCount: segment.stepCount,
-              conversationId
-            },
-            flattenWorkSegments(segment.items).map(
-              (s, k) => renderGroupedSegment(s, segIdx * 1e3 + k)
+          "data-blocks-mounted": hasUnifiedSpecial ? void 0 : hasDbInterleavedSpecial ? Math.min(interleavedShown, interleavedTextBlockTotal) : mountedBlockCount,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: containerStyles, children: [
+              hasUnifiedSpecial && requestId ? workGroupedSlots.map(
+                (slot, i) => slot.kind === "agent_work" ? /* @__PURE__ */ jsx(
+                  AgentWorkGroup,
+                  {
+                    sessionKey: `agent-work:${requestId}:${slot.items[0]?.seq ?? i}`,
+                    order: i,
+                    durationMs: slot.durationMs,
+                    stepCount: slot.stepCount,
+                    conversationId,
+                    children: flattenWorkSlots(slot.items).map(
+                      (s, k) => renderGroupedSlot(s, i * 1e3 + k)
+                    )
+                  },
+                  `agent-work-${slot.items[0]?.seq ?? i}`
+                ) : renderGroupedSlot(slot, i)
+              ) : hasDbInterleavedSpecial ? workGroupedSegments.map(
+                (segment, segIdx) => "kind" in segment && segment.kind === "agent_work" ? /* @__PURE__ */ jsx(
+                  AgentWorkGroup,
+                  {
+                    sessionKey: `agent-work:${messageId ?? conversationId ?? ""}:${segIdx}`,
+                    order: segIdx,
+                    durationMs: segment.durationMs,
+                    stepCount: segment.stepCount,
+                    conversationId,
+                    children: flattenWorkSegments(segment.items).map(
+                      (s, k) => renderGroupedSegment(s, segIdx * 1e3 + k)
+                    )
+                  },
+                  `agent-work-${messageId ?? ""}-${segIdx}`
+                ) : renderGroupedSegment(segment, segIdx)
+              ) : stableBlocks.slice(0, mountedBlockCount).map(
+                (block, index) => renderBlock(
+                  block,
+                  index,
+                  index === lastReasoningBlockIndex
+                )
+              ),
+              !hasUnifiedSpecial && !hasDbInterleavedSpecial && progressiveSentinel,
+              !hasUnifiedSpecial && hasDbInterleavedSpecial && interleavedSentinel,
+              /* @__PURE__ */ jsx(DocumentFootnotes, { render: (markdown) => renderBlock({ type: "text", content: markdown }, 1e6) })
+            ] }),
+            !hideCopyButton && /* @__PURE__ */ jsx(
+              MarkdownErrorBoundary,
+              {
+                fallback: null,
+                onError: (error) => console.error("[MarkdownStream] CopyButton error:", error),
+                children: /* @__PURE__ */ jsx(
+                  RichCopySplit,
+                  {
+                    label: "Content",
+                    human: currentContent,
+                    contentFlavor: "markdown",
+                    stripThinking: true,
+                    size: "xs",
+                    className: "absolute top-1/2 right-1 z-10 -translate-y-1/2"
+                  }
+                )
+              }
+            ),
+            allowFullScreenEditor && /* @__PURE__ */ jsx(
+              MarkdownErrorBoundary,
+              {
+                fallback: null,
+                onError: (error) => console.error("[MarkdownStream] FullScreenEditor error:", error),
+                children: /* @__PURE__ */ jsx(
+                  FullScreenMarkdownEditor,
+                  {
+                    imagePolicy: "inherit",
+                    isOpen: isEditorOpen,
+                    initialContent: currentContent,
+                    onSave: handleSaveEdit,
+                    onCancel: handleCancelEdit,
+                    analysisData,
+                    messageId,
+                    conversationId,
+                    tabs: [
+                      "write",
+                      "matrx_split",
+                      "markdown",
+                      "wysiwyg",
+                      "preview"
+                    ],
+                    initialTab: "matrx_split"
+                  }
+                )
+              }
             )
-          ) : renderGroupedSegment(segment, segIdx)
-        ) : stableBlocks.slice(0, mountedBlockCount).map(
-          (block, index) => renderBlock(
-            block,
-            index,
-            index === lastReasoningBlockIndex
-          )
-        ), !hasUnifiedSpecial && !hasDbInterleavedSpecial && progressiveSentinel, !hasUnifiedSpecial && hasDbInterleavedSpecial && interleavedSentinel, /* @__PURE__ */ React.createElement(DocumentFootnotes, { render: (markdown) => renderBlock({ type: "text", content: markdown }, 1e6) })),
-        !hideCopyButton && /* @__PURE__ */ React.createElement(
-          MarkdownErrorBoundary,
-          {
-            fallback: null,
-            onError: (error) => console.error("[MarkdownStream] CopyButton error:", error)
-          },
-          /* @__PURE__ */ React.createElement(
-            RichCopySplit,
-            {
-              label: "Content",
-              human: currentContent,
-              contentFlavor: "markdown",
-              stripThinking: true,
-              size: "xs",
-              className: "absolute top-1/2 right-1 z-10 -translate-y-1/2"
-            }
-          )
-        ),
-        allowFullScreenEditor && /* @__PURE__ */ React.createElement(
-          MarkdownErrorBoundary,
-          {
-            fallback: null,
-            onError: (error) => console.error("[MarkdownStream] FullScreenEditor error:", error)
-          },
-          /* @__PURE__ */ React.createElement(
-            FullScreenMarkdownEditor,
-            {
-              imagePolicy: "inherit",
-              isOpen: isEditorOpen,
-              initialContent: currentContent,
-              onSave: handleSaveEdit,
-              onCancel: handleCancelEdit,
-              analysisData,
-              messageId,
-              conversationId,
-              tabs: [
-                "write",
-                "matrx_split",
-                "markdown",
-                "wysiwyg",
-                "preview"
-              ],
-              initialTab: "matrx_split"
-            }
-          )
-        )
-      ))))
+          ]
+        }
+      ) }) }) })
     );
   } catch (error) {
     console.error("[MarkdownStream] Critical error in render:", error);
-    return /* @__PURE__ */ React.createElement(PlainTextFallback, { content: currentContent, className });
+    return /* @__PURE__ */ jsx(PlainTextFallback, { content: currentContent, className });
   }
 };
 export {

package/dist/ui/markdown-stream/MarkdownStreamImpl.js

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { RichContentHostGate } from "@ai-matrx/rich-content/host";
 import { PlainTextFallback } from "@ai-matrx/rich-content/display/chat-markdown/internal-handlers/PlainTextFallback";
 import { MarkdownErrorBoundary } from "@ai-matrx/rich-content/display/chat-markdown/internal-handlers/MarkdownErrorBoundary";
@@ -34,52 +34,52 @@ const MarkdownStreamImpl = ({
   strictServerData = false,
   imagePolicy
 }) => {
-  const rendered = /* @__PURE__ */ React.createElement(
+  const rendered = /* @__PURE__ */ jsx(
     RichContentHostGate,
     {
-      fallback: /* @__PURE__ */ React.createElement(PlainTextFallback, { content, className })
-    },
-    /* @__PURE__ */ React.createElement(BlockRenderingProvider, { strictServerData }, /* @__PURE__ */ React.createElement(
-      MarkdownErrorBoundary,
-      {
-        fallback: /* @__PURE__ */ React.createElement(PlainTextFallback, { content, className }),
-        onError: (error, errorInfo) => {
-          console.error(
-            "[MarkdownStream] Top-level error boundary caught:",
-            error,
-            errorInfo
-          );
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        StreamAwareChatMarkdown,
+      fallback: /* @__PURE__ */ jsx(PlainTextFallback, { content, className }),
+      children: /* @__PURE__ */ jsx(BlockRenderingProvider, { strictServerData, children: /* @__PURE__ */ jsx(
+        MarkdownErrorBoundary,
         {
-          requestId,
-          recordMessageIds,
-          streamSlotStart,
-          streamSlotEnd,
-          agentCallId,
-          turnId,
-          conversationId,
-          content,
-          events,
-          taskId,
-          className,
-          isStreamActive,
-          onContentChange,
-          applyLocalEdits,
-          analysisData,
-          messageId,
-          allowFullScreenEditor,
-          hideCopyButton,
-          onError,
-          onPhaseUpdate,
-          serverProcessedBlocks
+          fallback: /* @__PURE__ */ jsx(PlainTextFallback, { content, className }),
+          onError: (error, errorInfo) => {
+            console.error(
+              "[MarkdownStream] Top-level error boundary caught:",
+              error,
+              errorInfo
+            );
+          },
+          children: /* @__PURE__ */ jsx(
+            StreamAwareChatMarkdown,
+            {
+              requestId,
+              recordMessageIds,
+              streamSlotStart,
+              streamSlotEnd,
+              agentCallId,
+              turnId,
+              conversationId,
+              content,
+              events,
+              taskId,
+              className,
+              isStreamActive,
+              onContentChange,
+              applyLocalEdits,
+              analysisData,
+              messageId,
+              allowFullScreenEditor,
+              hideCopyButton,
+              onError,
+              onPhaseUpdate,
+              serverProcessedBlocks
+            }
+          )
         }
-      )
-    ))
+      ) })
+    }
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, withImagePolicy(imagePolicy, rendered));
+  return /* @__PURE__ */ jsx(Fragment, { children: withImagePolicy(imagePolicy, rendered) });
 };
 var MarkdownStreamImpl_default = MarkdownStreamImpl;
 export {

package/dist/ui/markdown-stream/StreamAwareChatMarkdown.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect } from "react";
 import {
   EnhancedChatMarkdownInternal
@@ -204,14 +205,13 @@ const StreamAwareChatMarkdown = ({
   const hasToolBlocks = isEventMode && canonicalBlocks.some((b) => b.type === "tool_call");
   const effectiveServerBlocks = serverBlocksProp ?? (isNewProtocolRef.current ? serverBlocks : void 0);
   if (isEventMode && hasToolBlocks) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, canonicalBlocks.map((block, index) => {
+    return /* @__PURE__ */ jsx(Fragment, { children: canonicalBlocks.map((block, index) => {
       const isLastBlock = index === canonicalBlocks.length - 1;
       if (block.type === "text") {
         const textBlock = block;
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           EnhancedChatMarkdownInternal,
           {
-            key: `text-${index}`,
             requestId,
             recordMessageIds,
             streamSlotStart,
@@ -230,7 +230,8 @@ const StreamAwareChatMarkdown = ({
             hideCopyButton,
             applyLocalEdits,
             serverProcessedBlocks: isLastBlock ? effectiveServerBlocks : void 0
-          }
+          },
+          `text-${index}`
         );
       }
       if (block.type === "tool_call") {
@@ -238,31 +239,31 @@ const StreamAwareChatMarkdown = ({
         const hasContentAfter = canonicalBlocks.slice(index + 1).some(
           (b) => b.type === "tool_call" || b.type === "text" && b.content.trim()
         );
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           MarkdownErrorBoundary,
           {
-            key: `tool-${toolBlock.callId}`,
             fallback: null,
             onError: (error) => console.error(
               "[MarkdownStream] LiveToolCallCard error:",
               error
-            )
+            ),
+            children: requestId ? /* @__PURE__ */ jsx(
+              LiveToolCallCard,
+              {
+                requestId,
+                callId: toolBlock.callId,
+                conversationId,
+                hasContentAfter
+              }
+            ) : null
           },
-          requestId ? /* @__PURE__ */ React.createElement(
-            LiveToolCallCard,
-            {
-              requestId,
-              callId: toolBlock.callId,
-              conversationId,
-              hasContentAfter
-            }
-          ) : null
+          `tool-${toolBlock.callId}`
         );
       }
       return null;
-    }));
+    }) });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     EnhancedChatMarkdownInternal,
     {
       requestId,