@mastra/playground-ui 5.2.5-alpha.1 → 6.0.0-alpha.2

package/dist/index.es.js

@@ -11,7 +11,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { unstable_memoizeMarkdownComponents, useIsMarkdownCodeBlock, MarkdownTextPrimitive } from '@assistant-ui/react-markdown';
 import '@assistant-ui/react-markdown/styles/dot.css';
 import remarkGfm from 'remark-gfm';
-import { makePrismAsyncSyntaxHighlighter } from '@assistant-ui/react-syntax-highlighter';
+import { makePrismAsyncLightSyntaxHighlighter } from '@assistant-ui/react-syntax-highlighter';
 import { coldarkDark } from 'react-syntax-highlighter/dist/cjs/styles/prism';
 import { jsonLanguage } from '@codemirror/lang-json';
 import { tags } from '@lezer/highlight';
@@ -3171,7 +3171,7 @@ const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
-const SyntaxHighlighter$3 = makePrismAsyncSyntaxHighlighter({
+const SyntaxHighlighter$3 = makePrismAsyncLightSyntaxHighlighter({
   style: coldarkDark,
   customStyle: {
     margin: 0,
@@ -4377,7 +4377,7 @@ const AssistantMessage = ({ ToolFallback: ToolFallbackCustom }) => {
   const isToolCallAndOrReasoning = data.content.every(({ type }) => type === "tool-call" || type === "reasoning");
   return /* @__PURE__ */ jsxs(MessagePrimitive.Root, { className: "max-w-full", "data-message-id": messageId, children: [
     /* @__PURE__ */ jsx("div", { className: "text-icon6 text-ui-lg leading-ui-lg", children: /* @__PURE__ */ jsx(
-      MessagePrimitive.Content,
+      MessagePrimitive.Parts,
       {
         components: {
           Text: MarkdownText,
@@ -4583,7 +4583,7 @@ const UserMessage = () => {
   const messageId = message?.id;
   return /* @__PURE__ */ jsxs(MessagePrimitive.Root, { className: "w-full flex items-end pb-4 flex-col", "data-message-id": messageId, children: [
     /* @__PURE__ */ jsx("div", { className: "max-w-[366px] px-5 py-3 text-icon6 text-ui-lg leading-ui-lg rounded-lg bg-surface3", children: /* @__PURE__ */ jsx(
-      MessagePrimitive.Content,
+      MessagePrimitive.Parts,
       {
         components: {
           File: (p) => {
@@ -5319,7 +5319,7 @@ const handleFinishReason = (finishReason) => {
   }
 };
 const convertToAIAttachments = async (attachments) => {
-  const promises = attachments.filter((attachment) => attachment.type === "image" || attachment.type === "document").map(async (attachment) => {
+  const promises = (attachments ?? []).filter((attachment) => attachment.type === "image" || attachment.type === "document").map(async (attachment) => {
     if (attachment.type === "document") {
       if (attachment.contentType === "application/pdf") {
         const pdfText = attachment.content?.[0]?.text || "";
@@ -11234,7 +11234,7 @@ const NextAssistantMessage = ({
   }
   return /* @__PURE__ */ jsxs(MessagePrimitive.Root, { className: "max-w-full", children: [
     /* @__PURE__ */ jsx("div", { className: "text-icon6 text-ui-lg leading-ui-lg", children: /* @__PURE__ */ jsx(
-      MessagePrimitive.Content,
+      MessagePrimitive.Parts,
       {
         components: {
           Text: MarkdownText,