@mastra/react 1.1.2-alpha.5 → 1.2.0-alpha.6

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @mastra/react
 
+## 1.2.0-alpha.6
+
+### Minor Changes
+
+- Added `tasks` as a first-class return value on `useChat`. Task state is incrementally updated from streaming task state signals and tool results — no message rescanning required. ([#18374](https://github.com/mastra-ai/mastra/pull/18374))
+
+  Fixed step framing markers leaking into the chat UI. The MessageFactory now renders step-start parts as nothing by default instead of routing them to your fallback renderer, so internal step boundaries no longer show up as stray output. You can still opt in to rendering a step divider by supplying a StepStart renderer.
+
+### Patch Changes
+
+- feat(playground): render ask_user tool as interactive question UI in Studio ([#18374](https://github.com/mastra-ai/mastra/pull/18374))
+
+  Adds an `AskUserBadge` component that renders suspended `ask_user` tool calls
+  as interactive prompts with clickable option buttons (single/multi-select) or
+  free-text input. The user's answer is sent as `resumeData` through the existing
+  `sendToolApproval` flow to properly resume the tool.
+
+  Plumbing changes:
+  - `sendToolApprovalBodySchema` now accepts optional `resumeData`
+  - `agent.sendToolApproval()` passes custom `resumeData` when provided
+  - `@mastra/client-js` and `@mastra/react` expose the new parameter
+
+- Updated dependencies [[`0200e75`](https://github.com/mastra-ai/mastra/commit/0200e7552d02d4221cd6040bf4eddf189a97a156), [`06e0d63`](https://github.com/mastra-ai/mastra/commit/06e0d63d42bc2a202e18bc091f3781f409f5e6fb), [`438a971`](https://github.com/mastra-ai/mastra/commit/438a9715c8b4398e5eaf8914a1f19dc8a85dc1de), [`77518cc`](https://github.com/mastra-ai/mastra/commit/77518ccb5bb8cc684875081e64213dc85cffdbee), [`bb2a13b`](https://github.com/mastra-ai/mastra/commit/bb2a13bb4b32e6bb807200fe7b18ae8fa4322118), [`a73cd1a`](https://github.com/mastra-ai/mastra/commit/a73cd1a62a5e4ca023dcc39ba150029f4f1f74c1), [`0b5cc47`](https://github.com/mastra-ai/mastra/commit/0b5cc4726dc18d9a685a27520db39ff1b36bb89a), [`87f38a3`](https://github.com/mastra-ai/mastra/commit/87f38a3de03e24731f2dd6f8ed6a60b6722b85a1), [`d5fa3cd`](https://github.com/mastra-ai/mastra/commit/d5fa3cda1788c3cb93a361a3c6ec47de6ba21e98), [`fe98ef2`](https://github.com/mastra-ai/mastra/commit/fe98ef2e66dbfcbd7d645c88c9ee1e67b458a136), [`793ea0f`](https://github.com/mastra-ai/mastra/commit/793ea0f52f831178837f21c83af6af93bf4ce638), [`507a5c4`](https://github.com/mastra-ai/mastra/commit/507a5c461bdc3136ad80744c0efbb55ce1f18f97), [`79b3626`](https://github.com/mastra-ai/mastra/commit/79b3626f8d647307eb07c8da14c9073c2699719d)]:
+  - @mastra/core@1.47.0-alpha.6
+  - @mastra/client-js@1.28.0-alpha.6
+
 ## 1.1.2-alpha.5
 
 ### Patch Changes

package/dist/agent/extract-tasks.d.ts

@@ -0,0 +1,10 @@
+import type { MastraDBMessage } from '@mastra/core/agent/message-list';
+import type { TaskItem } from '@mastra/core/signals';
+import type { ChunkType } from '@mastra/core/stream';
+export declare const TASK_TOOL_NAMES: Set<string>;
+export declare const isRecord: (value: unknown) => value is Record<string, unknown>;
+export declare const isTaskItemArray: (value: unknown) => value is TaskItem[];
+export declare const extractTasksFromSignalChunk: (chunk: ChunkType) => TaskItem[] | undefined;
+export declare const extractTasksFromToolResultChunk: (chunk: ChunkType) => TaskItem[] | undefined;
+export declare const extractLatestTasksFromMessages: (messages: MastraDBMessage[]) => TaskItem[];
+//# sourceMappingURL=extract-tasks.d.ts.map

package/dist/agent/extract-tasks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-tasks.d.ts","sourceRoot":"","sources":["../../src/agent/extract-tasks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,qBAAqB,CAAC;AAEpE,eAAO,MAAM,eAAe,aAAwE,CAAC;AAUrG,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CACH,CAAC;AAKvE,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,QAAQ,EAS/D,CAAC;AA6BJ,eAAO,MAAM,2BAA2B,GAAI,OAAO,SAAS,KAAG,QAAQ,EAAE,GAAG,SAG3E,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,OAAO,SAAS,KAAG,QAAQ,EAAE,GAAG,SAO/E,CAAC;AAqBF,eAAO,MAAM,8BAA8B,GAAI,UAAU,eAAe,EAAE,KAAG,QAAQ,EAmBpF,CAAC"}

package/dist/agent/hooks.d.ts

@@ -69,7 +69,13 @@ export declare const useChat: ({ agentId, resourceId, threadId, initialMessages,
     isRunning: boolean;
     isAwaitingToolApproval: boolean;
     messages: MastraDBMessage[];
-    approveToolCall: (toolCallId: string) => Promise<void>;
+    tasks: {
+        content: string;
+        status: "pending" | "in_progress" | "completed";
+        activeForm: string;
+        id: string;
+    }[];
+    approveToolCall: (toolCallId: string, resumeData?: unknown) => Promise<void>;
     declineToolCall: (toolCallId: string) => Promise<void>;
     approveToolCallGenerate: (toolCallId: string) => Promise<void>;
     declineToolCallGenerate: (toolCallId: string) => Promise<void>;

package/dist/agent/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/agent/hooks.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/agent/hooks.ts"],"names":[],"mappings":"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"}

package/dist/index.cjs

@@ -1703,12 +1703,90 @@ var newUserMessage = (parts) => ({
 var fromCoreUserMessageToMastraDBMessage = (coreUserMessage) => newUserMessage(coreUserMessageToParts(coreUserMessage));
 var fromCoreUserMessagesToMastraDBMessage = (coreUserMessages) => newUserMessage(coreUserMessages.flatMap(coreUserMessageToParts));
 
+// src/agent/extract-tasks.ts
+var TASK_TOOL_NAMES = /* @__PURE__ */ new Set(["task_write", "task_update", "task_complete", "task_check"]);
+var TASK_SIGNAL_ID = "tasks";
+var TASK_TAG_NAMES = /* @__PURE__ */ new Set(["current-task-list", "task-list-update"]);
+var TASK_STATUSES = /* @__PURE__ */ new Set(["pending", "in_progress", "completed"]);
+var isDataChunk2 = (chunk) => typeof chunk.type === "string" && chunk.type.startsWith("data-");
+var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var isTaskStatus = (value) => typeof value === "string" && TASK_STATUSES.has(value);
+var isTaskItemArray = (value) => Array.isArray(value) && value.every(
+  (item) => isRecord(item) && typeof item.id === "string" && typeof item.content === "string" && isTaskStatus(item.status) && typeof item.activeForm === "string"
+);
+var isTaskSignal = (value) => {
+  if (!isRecord(value)) return false;
+  return value.id === TASK_SIGNAL_ID || typeof value.tagName === "string" && TASK_TAG_NAMES.has(value.tagName);
+};
+var extractTasksFromSignalData = (data) => {
+  if (!isTaskSignal(data) || !isRecord(data)) return void 0;
+  const metadata = data.metadata;
+  if (!isRecord(metadata)) return void 0;
+  const value = metadata.value;
+  if (!isRecord(value)) return void 0;
+  return isTaskItemArray(value.tasks) ? value.tasks : void 0;
+};
+var parseTasksFromResult = (raw) => {
+  if (isRecord(raw) && isTaskItemArray(raw.tasks)) return raw.tasks;
+  if (typeof raw !== "string") return void 0;
+  try {
+    const parsed = JSON.parse(raw);
+    return isRecord(parsed) && isTaskItemArray(parsed.tasks) ? parsed.tasks : void 0;
+  } catch {
+    return void 0;
+  }
+};
+var extractTasksFromSignalChunk = (chunk) => {
+  if (!isDataChunk2(chunk)) return void 0;
+  return extractTasksFromSignalData(chunk.data);
+};
+var extractTasksFromToolResultChunk = (chunk) => {
+  if (chunk.type !== "tool-result") return void 0;
+  const payload = chunk.payload;
+  if (!isRecord(payload) || typeof payload.toolName !== "string" || !TASK_TOOL_NAMES.has(payload.toolName)) {
+    return void 0;
+  }
+  return parseTasksFromResult(payload.result);
+};
+var extractTasksFromToolInvocationPart = (part) => {
+  if (!isRecord(part) || part.type !== "tool-invocation" || !isRecord(part.toolInvocation)) return void 0;
+  const toolInvocation = part.toolInvocation;
+  if (typeof toolInvocation.toolName !== "string" || !TASK_TOOL_NAMES.has(toolInvocation.toolName)) return void 0;
+  return parseTasksFromResult(toolInvocation.result);
+};
+var extractTasksFromDataPart = (part) => {
+  if (!isRecord(part) || typeof part.type !== "string" || !part.type.startsWith("data-")) return void 0;
+  return extractTasksFromSignalData(part.data);
+};
+var extractTasksFromSignalMessage = (message) => {
+  if (message.role !== "signal") return void 0;
+  const metadata = message.content?.metadata;
+  if (!isRecord(metadata)) return void 0;
+  return extractTasksFromSignalData(metadata.signal);
+};
+var extractLatestTasksFromMessages = (messages) => {
+  let latest;
+  for (const message of messages) {
+    for (const part of message.content?.parts ?? []) {
+      const toolTasks = extractTasksFromToolInvocationPart(part);
+      if (toolTasks !== void 0) latest = toolTasks;
+    }
+    const signalTasks = extractTasksFromSignalMessage(message);
+    if (signalTasks !== void 0) latest = signalTasks;
+    for (const part of message.content?.parts ?? []) {
+      const dataTasks = extractTasksFromDataPart(part);
+      if (dataTasks !== void 0) latest = dataTasks;
+    }
+  }
+  return latest ?? [];
+};
+
 // src/agent/extractRunIdFromMessages.ts
-var isRecord = (value) => value !== null && typeof value === "object";
+var isRecord2 = (value) => value !== null && typeof value === "object";
 var runIdMetadataKeys = ["pendingToolApprovals", "requireApprovalMetadata", "suspendedTools"];
-var isRunIdMetadataSource = (value) => isRecord(value) && Object.values(value).every((entry) => isRecord(entry));
+var isRunIdMetadataSource = (value) => isRecord2(value) && Object.values(value).every((entry) => isRecord2(entry));
 var getRunIdMetadataSources = (metadata) => {
-  if (!isRecord(metadata)) return [];
+  if (!isRecord2(metadata)) return [];
   const sources = [];
   for (const key of runIdMetadataKeys) {
     const source = metadata[key];
@@ -1722,7 +1800,7 @@ var extractRunIdFromMessages = (messages) => {
   for (const message of messages) {
     for (const source of getRunIdMetadataSources(message.content?.metadata)) {
       for (const entry of Object.values(source)) {
-        if (isRecord(entry) && typeof entry.runId === "string" && entry.runId.length > 0) {
+        if (isRecord2(entry) && typeof entry.runId === "string" && entry.runId.length > 0) {
           return entry.runId;
         }
       }
@@ -1827,7 +1905,7 @@ var isThreadSignalUnsupportedError = (error) => {
   }
   return status === 400 && typeof error.message === "string" && error.message.includes("No active agent run found for signal target");
 };
-var isDataChunk2 = (chunk) => typeof chunk.type === "string" && chunk.type.startsWith("data-");
+var isDataChunk3 = (chunk) => typeof chunk.type === "string" && chunk.type.startsWith("data-");
 var dbFromServerUiMessages = (uiMessages, metadata) => uiMessages.map((uiMsg) => {
   const dbMsg = messageList.AIV5Adapter.fromUIMessage(uiMsg);
   return {
@@ -1868,6 +1946,7 @@ var useChat = ({
   const _threadSubscriptionPromiseRef = react.useRef(null);
   const _threadSignalsUnsupportedRef = react.useRef(false);
   const [messages, setMessages] = react.useState([]);
+  const [tasks, setTasks] = react.useState([]);
   const [toolCallApprovals, setToolCallApprovals] = react.useState({});
   const [networkToolCallApprovals, setNetworkToolCallApprovals] = react.useState({});
   const pendingToolApprovalIdsRef = react.useRef(/* @__PURE__ */ new Set());
@@ -1877,6 +1956,7 @@ var useChat = ({
   react.useEffect(() => {
     const formattedMessages = resolveInitialMessages(initialMessages ?? []);
     setMessages(formattedMessages);
+    setTasks(extractLatestTasksFromMessages(formattedMessages));
     pendingToolApprovalIdsRef.current = extractPendingToolApprovalIdsFromMessages(formattedMessages);
     setIsAwaitingToolApproval(pendingToolApprovalIdsRef.current.size > 0);
     _currentRunId.current = extractRunIdFromMessages(formattedMessages);
@@ -1948,7 +2028,11 @@ var useChat = ({
   const processStreamChunk = react.useCallback(
     async (chunk, onChunk) => {
       setMessages((prev) => accumulateChunk({ chunk, conversation: prev, metadata: { mode: "stream" } }));
-      if (chunk.type === "data-user-message" && isDataChunk2(chunk) && (chunk.data?.type === "user-message" || chunk.data?.type === "user") && typeof chunk.data?.id === "string") {
+      const signalTasks = extractTasksFromSignalChunk(chunk);
+      if (signalTasks !== void 0) setTasks(signalTasks);
+      const toolTasks = extractTasksFromToolResultChunk(chunk);
+      if (toolTasks !== void 0) setTasks(toolTasks);
+      if (chunk.type === "data-user-message" && isDataChunk3(chunk) && (chunk.data?.type === "user-message" || chunk.data?.type === "user") && typeof chunk.data?.id === "string") {
         onSignalEcho?.(chunk.data.id);
       }
       if (chunk.type === "start") {
@@ -2358,7 +2442,7 @@ var useChat = ({
     _onNetworkChunk.current = void 0;
     _requestContext.current = void 0;
   };
-  const approveToolCall = async (toolCallId) => {
+  const approveToolCall = async (toolCallId, resumeData) => {
     const onChunk = _onChunk.current;
     const currentRunId = _currentRunId.current;
     if (!currentRunId)
@@ -2373,6 +2457,7 @@ var useChat = ({
           threadId,
           toolCallId,
           approved: true,
+          ...resumeData !== void 0 ? { resumeData } : {},
           requestContext: _requestContext.current
         });
         pendingToolApprovalIdsRef.current.delete(toolCallId);
@@ -2572,6 +2657,7 @@ var useChat = ({
     isRunning,
     isAwaitingToolApproval,
     messages,
+    tasks,
     approveToolCall,
     declineToolCall,
     approveToolCallGenerate,
@@ -2932,7 +3018,7 @@ var renderPart = (part, renderers, fallback) => {
     case "file":
       return renderers.File?.(part) ?? fallback?.(part) ?? null;
     case "step-start":
-      return renderers.StepStart?.(part) ?? fallback?.(part) ?? null;
+      return renderers.StepStart?.(part) ?? null;
     case "tool-invocation":
       return renderers.ToolInvocation?.(part) ?? fallback?.(part) ?? null;
     case "source":