@mastra/playground-ui 6.1.2 → 6.1.3-alpha.1

package/dist/src/components/assistant-ui/thread.d.ts

@@ -4,9 +4,8 @@ export interface ThreadProps {
     agentName?: string;
     agentId?: string;
     hasMemory?: boolean;
-    onInputChange?: (value: string) => void;
 }
-export declare const Thread: ({ ToolFallback, agentName, agentId, hasMemory, onInputChange }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Thread: ({ ToolFallback, agentName, agentId, hasMemory }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
 export interface ThreadWelcomeProps {
     agentName?: string;
 }

package/dist/src/components/assistant-ui/tools/badges/agent-badge.d.ts

@@ -0,0 +1,24 @@
+type TextMessage = {
+    type: 'text';
+    content: string;
+};
+type ToolMessage = {
+    type: 'tool';
+    toolName: string;
+    toolInput?: any;
+    toolOutput?: any;
+    args?: any;
+    toolCallId: string;
+    result?: any;
+};
+export type BadgeMessage = TextMessage | ToolMessage;
+export interface AgentBadgeProps {
+    agentId: string;
+    messages: BadgeMessage[];
+    networkMetadata?: {
+        selectionReason?: string;
+        input?: string | Record<string, unknown>;
+    };
+}
+export declare const AgentBadge: ({ agentId, messages, networkMetadata }: AgentBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/assistant-ui/tools/badges/badge-wrapper.d.ts

@@ -4,5 +4,6 @@ export interface BadgeWrapperProps {
     initialCollapsed?: boolean;
     icon?: React.ReactNode;
     collapsible?: boolean;
+    extraInfo?: React.ReactNode;
 }
-export declare const BadgeWrapper: ({ children, initialCollapsed, icon, title, collapsible, }: BadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeWrapper: ({ children, initialCollapsed, icon, title, collapsible, extraInfo, }: BadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/tools/badges/network-choice-metadata-dialog.d.ts

@@ -0,0 +1,5 @@
+export interface NetworkChoiceMetadataDialogTriggerProps {
+    selectionReason: string;
+    input?: string | Record<string, unknown>;
+}
+export declare const NetworkChoiceMetadataDialogTrigger: ({ selectionReason, input, }: NetworkChoiceMetadataDialogTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/tools/badges/tool-badge.d.ts

@@ -1,6 +1,10 @@
 export interface ToolBadgeProps {
     toolName: string;
-    argsText: string;
+    args: Record<string, unknown> | string;
     result: any;
+    networkMetadata?: {
+        input?: string | Record<string, unknown>;
+        selectionReason?: string;
+    };
 }
-export declare const ToolBadge: ({ toolName, argsText, result }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolBadge: ({ toolName, args, result, networkMetadata }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/tools/badges/workflow-badge.d.ts

@@ -1,10 +1,13 @@
-import { GetWorkflowResponse } from '@mastra/client-js';
-import { StreamChunk } from '../../../../types';
+import { GetWorkflowResponse, WorkflowWatchResult } from '@mastra/client-js';
 export interface WorkflowBadgeProps {
     workflow: GetWorkflowResponse;
     workflowId: string;
     runId?: string;
     isStreaming?: boolean;
+    networkMetadata?: {
+        input?: string | Record<string, unknown>;
+        selectionReason?: string;
+    };
 }
-export declare const WorkflowBadge: ({ workflow, runId, workflowId, isStreaming }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useWorkflowStream: (partialWorkflowOutput?: StreamChunk) => void;
+export declare const WorkflowBadge: ({ workflow, runId, workflowId, isStreaming, networkMetadata }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useWorkflowStream: (workflowFullState?: WorkflowWatchResult) => void;

package/dist/src/domains/agents/components/agent-chat.d.ts

@@ -1,2 +1,2 @@
 import { ChatProps } from '../../../types';
-export declare const AgentChat: ({ agentId, agentName, threadId, initialMessages, memory, refreshThreadList, onInputChange, modelVersion, }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentChat: ({ agentId, agentName, threadId, initialMessages, memory, refreshThreadList, modelVersion, }: ChatProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-metadata/agent-metadata.d.ts

@@ -5,12 +5,27 @@ export interface AgentMetadataProps {
     agent: GetAgentResponse;
     promptSlot: ReactNode;
     hasMemoryEnabled: boolean;
+    computeAgentLink: (agent: {
+        id: string;
+        name: string;
+    }) => string;
     computeToolLink: (tool: GetToolResponse) => string;
     computeWorkflowLink: (workflowId: string, workflow: GetWorkflowResponse) => string;
     modelProviders: string[];
     updateModel: AgentMetadataModelSwitcherProps['updateModel'];
 }
-export declare const AgentMetadata: ({ agent, promptSlot, hasMemoryEnabled, computeToolLink, computeWorkflowLink, updateModel, modelProviders, }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export interface AgentMetadataNetworkListProps {
+    agents: {
+        id: string;
+        name: string;
+    }[];
+    computeAgentLink: (agent: {
+        id: string;
+        name: string;
+    }) => string;
+}
+export declare const AgentMetadataNetworkList: ({ agents, computeAgentLink }: AgentMetadataNetworkListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentMetadata: ({ agent, promptSlot, hasMemoryEnabled, computeAgentLink, computeToolLink, computeWorkflowLink, updateModel, modelProviders, }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
 export interface AgentMetadataToolListProps {
     tools: GetToolResponse[];
     computeToolLink: (tool: GetToolResponse) => string;

package/dist/src/domains/agents/hooks/use-agent.d.ts

@@ -0,0 +1 @@
+export declare const useAgent: (agentId: string) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetAgentResponse, Error>;

package/dist/src/domains/conversation/context/ThreadInputContext.d.ts

@@ -0,0 +1,7 @@
+export declare const ThreadInputProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useThreadInput: () => {
+    threadInput: string;
+    setThreadInput: React.Dispatch<React.SetStateAction<string>>;
+};

package/dist/src/domains/conversation/index.d.ts

@@ -0,0 +1 @@
+export * from './context/ThreadInputContext';

package/dist/src/index.d.ts

@@ -41,3 +41,4 @@ export * from './components/ui/alert-dialog';
 export * from './components/ui/searchbar';
 export * from './components/ui/kbd';
 export * from './components/ui/collapsible';
+export * from './domains/conversation/index';

package/dist/src/services/agent-network-message.d.ts

@@ -0,0 +1,2 @@
+import { ThreadMessageLike } from '@assistant-ui/react';
+export declare const handleNetworkMessageFromMemory: (content: any) => ThreadMessageLike;

package/dist/src/services/stream-chunk-message.d.ts

@@ -0,0 +1,41 @@
+import { ThreadMessageLike } from '@assistant-ui/react';
+import { ChunkType } from '@mastra/core';
+export interface HandleStreamChunkOptions {
+    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
+    chunk: ChunkType;
+    refreshWorkingMemory: () => Promise<void>;
+    _sideEffects: {
+        assistantMessageAdded: boolean;
+        assistantToolCallAddedForUpdater: boolean;
+        assistantToolCallAddedForContent: boolean;
+        content: string;
+        toolCallIdToName: React.RefObject<Record<string, string>>;
+    };
+}
+export declare const handleStreamChunk: ({ chunk, setMessages, refreshWorkingMemory, _sideEffects, }: HandleStreamChunkOptions) => Promise<void>;
+interface HandleWorkflowChunkOptions {
+    workflowChunk: object;
+    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
+    entityName: string;
+}
+export declare const handleWorkflowChunk: ({ workflowChunk, setMessages, entityName }: HandleWorkflowChunkOptions) => void;
+interface HandleAgentChunkOptions {
+    agentChunk: any;
+    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
+    entityName: string;
+}
+export declare const handleAgentChunk: ({ agentChunk, setMessages, entityName }: HandleAgentChunkOptions) => void;
+interface CreateRootToolAssistantMessageOptions {
+    chunk: any;
+    entityName: string;
+    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
+    runId: string;
+    _sideEffects: HandleStreamChunkOptions['_sideEffects'];
+    from: 'AGENT' | 'WORKFLOW';
+    networkMetadata: {
+        selectionReason?: string;
+        input?: string | Record<string, unknown>;
+    };
+}
+export declare const createRootToolAssistantMessage: ({ chunk, entityName, setMessages, runId, _sideEffects, from, networkMetadata, }: CreateRootToolAssistantMessageOptions) => void;
+export {};

package/dist/src/types.d.ts

@@ -31,6 +31,7 @@ export interface ModelSettings {
     chatWithGenerate?: boolean;
     chatWithGenerateVNext?: boolean;
     chatWithStreamVNext?: boolean;
+    chatWithNetwork?: boolean;
 }
 export interface AgentSettingsType {
     modelSettings: ModelSettings;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "6.1.2",
+  "version": "6.1.3-alpha.1",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -99,17 +99,17 @@
     "use-debounce": "^10.0.5",
     "zod": "^4.1.5",
     "zustand": "^5.0.7",
-    "@mastra/client-js": "^0.12.2"
+    "@mastra/client-js": "^0.12.3-alpha.1"
   },
   "peerDependencies": {
-    "@mastra/core": ">=0.16.1-0 <0.17.0-0",
+    "@mastra/core": ">=0.16.3-0 <0.17.0-0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^9.1.4",
+    "@storybook/addon-docs": "^9.1.5",
     "@storybook/react-vite": "^9.1.2",
     "@types/node": "^20.19.0",
     "@types/react": "^19.1.9",
@@ -127,7 +127,7 @@
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.16.2"
+    "@mastra/core": "0.16.3-alpha.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/src/domains/workflows/hooks/use-handle-agent-workflow-stream.d.ts

@@ -1,3 +0,0 @@
-import { WorkflowWatchResult } from '@mastra/client-js';
-import { StreamChunk } from '../../../types';
-export declare const useHandleAgentWorkflowStream: (workflowOutput?: StreamChunk) => WorkflowWatchResult;