@mastra/playground-ui 5.1.19 → 5.1.20-alpha.1

package/dist/index.cjs.js

@@ -5424,27 +5424,46 @@ function MastraRuntimeProvider({
     if (messages.length === 0 || currentThreadId !== threadId || hasNewInitialMessages && currentThreadId === threadId) {
       if (initialMessages && threadId && memory) {
         const convertedMessages = initialMessages?.map((message) => {
-          const toolInvocationsAsContentParts = (message.toolInvocations || []).map((toolInvocation) => ({
-            type: "tool-call",
-            toolCallId: toolInvocation?.toolCallId,
-            toolName: toolInvocation?.toolName,
-            args: toolInvocation?.args,
-            result: toolInvocation?.result
-          }));
           const attachmentsAsContentParts = (message.experimental_attachments || []).map((image) => ({
             type: image.contentType.startsWith(`image/`) ? "image" : image.contentType.startsWith(`audio/`) ? "audio" : "file",
             mimeType: image.contentType,
             image: image.url
           }));
-          const reasoning = message?.parts?.find(({ type }) => type === "reasoning")?.details?.map((detail) => detail?.text)?.join(" ");
+          const formattedParts = (message.parts || []).map((part) => {
+            if (part.type === "reasoning") {
+              return {
+                type: "reasoning",
+                text: part.reasoning || part?.details?.filter((detail) => detail.type === "text")?.map((detail) => detail.text).join(" ")
+              };
+            }
+            if (part.type === "tool-invocation") {
+              if (part.toolInvocation.state === "result") {
+                return {
+                  type: "tool-call",
+                  toolCallId: part.toolInvocation.toolCallId,
+                  toolName: part.toolInvocation.toolName,
+                  args: part.toolInvocation.args,
+                  result: part.toolInvocation.result
+                };
+              }
+            }
+            if (part.type === "file") {
+              return {
+                type: "file",
+                mimeType: part.mimeType,
+                data: part.data
+              };
+            }
+            if (part.type === "text") {
+              return {
+                type: "text",
+                text: part.text
+              };
+            }
+          }).filter(Boolean);
           return {
             ...message,
-            content: [
-              ...reasoning ? [{ type: "reasoning", text: reasoning }] : [],
-              ...typeof message.content === "string" ? [{ type: "text", text: message.content }] : [],
-              ...toolInvocationsAsContentParts,
-              ...attachmentsAsContentParts
-            ]
+            content: [...formattedParts, ...attachmentsAsContentParts]
           };
         }).filter(Boolean);
         setMessages(convertedMessages);
@@ -13227,7 +13246,7 @@ const TracesTableError = ({ error, colsCount }) => {
 };
 const TraceRow = ({ trace, index, isActive }) => {
   const { openTrace } = useOpenTrace();
-  const hasFailure = trace.trace.some((span) => span.status.code !== 0);
+  const hasFailure = trace.trace.some((span) => span.status.code === 2);
   return /* @__PURE__ */ jsxRuntime.jsxs(Row, { className: isActive ? "bg-surface4" : "", onClick: () => openTrace(trace.trace, index), children: [
     /* @__PURE__ */ jsxRuntime.jsx(DateTimeCell, { dateTime: new Date(trace.started / 1e3) }),
     /* @__PURE__ */ jsxRuntime.jsxs(TxtCell, { title: trace.traceId, children: [
@@ -13598,7 +13617,7 @@ function TraceDetails() {
   const { trace, currentTraceIndex, prevTrace, nextTrace, traces } = React.useContext(TraceContext);
   const actualTrace = traces[currentTraceIndex];
   if (!actualTrace || !trace) return null;
-  const hasFailure = trace.some((span) => span.status.code !== 0);
+  const hasFailure = trace.some((span) => span.status.code === 2);
   return /* @__PURE__ */ jsxRuntime.jsxs("aside", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Header, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
@@ -13720,11 +13739,11 @@ function SpanDetail() {
         /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "lg", className: "bg-surface4 p-1 rounded-md", children: /* @__PURE__ */ jsxRuntime.jsx(SpanIcon, { className: variantClass }) }),
         span.name
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2 items-center", children: span.status.code === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(Badge$1, { icon: /* @__PURE__ */ jsxRuntime.jsx(LatencyIcon, {}), variant: "success", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2 items-center", children: span.status.code === 2 ? /* @__PURE__ */ jsxRuntime.jsxs(Badge$1, { variant: "error", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), children: [
+        "Failed in ",
         toSigFigs(span.duration, 3),
         "ms"
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Badge$1, { variant: "error", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), children: [
-        "Failed in ",
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Badge$1, { icon: /* @__PURE__ */ jsxRuntime.jsx(LatencyIcon, {}), variant: "success", children: [
         toSigFigs(span.duration, 3),
         "ms"
       ] }) }),