@mastra/playground-ui 20.0.0-alpha.5 → 20.0.0-alpha.7

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @mastra/playground-ui
 
+## 20.0.0-alpha.7
+
+### Patch Changes
+
+- Changed the Editor tab URL from /agents/:agentId/playground to /agents/:agentId/editor in Mastra Studio ([#14795](https://github.com/mastra-ai/mastra/pull/14795))
+
+## 20.0.0-alpha.6
+
+### Patch Changes
+
+- Fix restored subagent tool results so approval cards and nested tool state appear correctly in the dev server. ([#14348](https://github.com/mastra-ai/mastra/pull/14348))
+
+- Updated dependencies [[`e333b77`](https://github.com/mastra-ai/mastra/commit/e333b77e2d76ba57ccec1818e08cebc1993469ff), [`60a224d`](https://github.com/mastra-ai/mastra/commit/60a224dd497240e83698cfa5bfd02e3d1d854844), [`949b7bf`](https://github.com/mastra-ai/mastra/commit/949b7bfd4e40f2b2cba7fef5eb3f108a02cfe938), [`d084b66`](https://github.com/mastra-ai/mastra/commit/d084b6692396057e83c086b954c1857d20b58a14), [`79c699a`](https://github.com/mastra-ai/mastra/commit/79c699acf3cd8a77e11c55530431f48eb48456e9), [`62757b6`](https://github.com/mastra-ai/mastra/commit/62757b6db6e8bb86569d23ad0b514178f57053f8), [`7e86302`](https://github.com/mastra-ai/mastra/commit/7e86302a77f16adbb771af43f72472872d13593e), [`3d70b0b`](https://github.com/mastra-ai/mastra/commit/3d70b0b3524d817173ad870768f259c06d61bd23), [`bbfd3c0`](https://github.com/mastra-ai/mastra/commit/bbfd3c0302ac10be63e5fca93b5068690f472dea), [`3b45a13`](https://github.com/mastra-ai/mastra/commit/3b45a138d09d040779c0aba1edbbfc1b57442d23), [`8127d96`](https://github.com/mastra-ai/mastra/commit/8127d96280492e335d49b244501088dfdd59a8f1)]:
+  - @mastra/client-js@1.11.0-alpha.6
+  - @mastra/core@1.18.0-alpha.3
+  - @mastra/react@0.2.18-alpha.6
+  - @mastra/ai-sdk@1.3.0-alpha.0
+
 ## 20.0.0-alpha.5
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -5886,14 +5886,17 @@ const AgentBadge = ({
 }) => {
   const selectionReason = metadata?.mode === "network" ? metadata.selectionReason : void 0;
   const agentNetworkInput = metadata?.mode === "network" ? metadata.agentInput : void 0;
-  let toolCalled = messages.length > 0;
+  const parentRequireApprovalMetadata = metadata?.mode === "stream" || metadata?.mode === "network" || metadata?.mode === "generate" ? metadata?.requireApprovalMetadata : void 0;
+  const parentSuspendedTools = metadata?.mode === "stream" || metadata?.mode === "network" || metadata?.mode === "generate" ? metadata?.suspendedTools : void 0;
+  const allChildToolsComplete = messages.length > 0 && messages.every((message) => {
+    if (message.type === "text") {
+      return true;
+    }
+    return message.toolOutput !== void 0;
+  });
+  let toolCalled = allChildToolsComplete;
   if (isNetwork) {
-    toolCalled = toolCalledProp ?? messages.every((message) => {
-      if (message.type === "text") {
-        return true;
-      }
-      return !!message.toolOutput;
-    });
+    toolCalled = toolCalledProp ?? allChildToolsComplete;
   }
   let suspendPayloadSlot = typeof suspendPayload === "string" ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre bg-surface4 p-4 rounded-md overflow-x-auto", children: suspendPayload }) : /* @__PURE__ */ jsxRuntime.jsx(CodeEditor, { data: suspendPayload, "data-testid": "tool-suspend-payload" });
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5902,7 +5905,7 @@ const AgentBadge = ({
       "data-testid": "agent-badge",
       icon: /* @__PURE__ */ jsxRuntime.jsx(AgentIcon, { className: "text-accent1" }),
       title: agentId,
-      initialCollapsed: isComplete,
+      initialCollapsed: isComplete && !toolApprovalMetadata,
       extraInfo: metadata?.mode === "network" && /* @__PURE__ */ jsxRuntime.jsx(
         NetworkChoiceMetadataDialogTrigger,
         {
@@ -5936,7 +5939,9 @@ const AgentBadge = ({
               resume: () => {
               },
               metadata: {
-                mode: "stream"
+                mode: "stream",
+                requireApprovalMetadata: parentRequireApprovalMetadata,
+                suspendedTools: parentSuspendedTools
               }
             }
           ) }, index);
@@ -6011,12 +6016,28 @@ const AgentBadgeWrapper = ({
     return /* @__PURE__ */ jsxRuntime.jsx(LoadingBadge, {});
   }
   const convertedMessages = data?.messages ? ui.toAISdkV5Messages(data.messages) : [];
-  const childMessages = result?.childMessages ?? react.resolveToChildMessages(convertedMessages);
+  let childMessages = result?.childMessages?.length ? result.childMessages : void 0;
+  if (!childMessages && result?.subAgentToolResults?.length) {
+    const toolMessages = result.subAgentToolResults.map((tr) => ({
+      type: "tool",
+      toolName: tr.toolName,
+      toolCallId: tr.toolCallId,
+      args: tr.args,
+      toolOutput: tr.result
+    }));
+    if (result.text) {
+      toolMessages.push({ type: "text", content: result.text });
+    }
+    childMessages = toolMessages;
+  }
+  if (!childMessages) {
+    childMessages = react.resolveToChildMessages(convertedMessages);
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     AgentBadge,
     {
       agentId,
-      messages: childMessages,
+      messages: childMessages ?? [],
       metadata,
       toolCallId,
       toolApprovalMetadata,
@@ -38909,7 +38930,7 @@ function AgentPageTabs({
     showPlayground && /* @__PURE__ */ jsxRuntime.jsx(
       TabLink,
       {
-        href: `/agents/${agentId}/playground`,
+        href: `/agents/${agentId}/editor`,
         active: activeTab === "versions",
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranch, {}),
         label: "Editor"