@mastra/playground-ui 6.1.1-alpha.0 → 6.1.1-alpha.2

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

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

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

@@ -0,0 +1 @@
+export declare const LoadingBadge: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,10 @@
 import { GetWorkflowResponse } from '@mastra/client-js';
-import { WorkflowResult } from '@mastra/core';
+import { StreamChunk } from '../../../../types';
 export interface WorkflowBadgeProps {
     workflow: GetWorkflowResponse;
     workflowId: string;
-    result?: {
-        result: WorkflowResult<any, any>;
-        runId: string;
-    };
+    runId?: string;
+    isStreaming?: boolean;
 }
-export declare const WorkflowBadge: ({ workflow, result, workflowId }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowBadge: ({ workflow, runId, workflowId, isStreaming }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useWorkflowStream: (partialWorkflowOutput?: StreamChunk) => void;

package/dist/src/components/ui/elements/entry-list/entry-list.d.ts

@@ -1,5 +1,5 @@
 import { Column } from './shared';
-export declare function EntryList({ items: dataItems, selectedItemId, onItemClick, isLoading, isLoadingNextPage, total, page, hasMore, onNextPage, onPrevPage, perPage, columns, searchTerm, setEndOfListElement, }: {
+export declare function EntryList({ items: dataItems, selectedItemId, onItemClick, isLoading, isLoadingNextPage, total, page, hasMore, onNextPage, onPrevPage, perPage, columns, searchTerm, setEndOfListElement, errorMsg, }: {
     items: Record<string, any>[];
     selectedItemId?: string;
     onItemClick?: (item: string) => void;
@@ -14,4 +14,5 @@ export declare function EntryList({ items: dataItems, selectedItemId, onItemClic
     columns?: Column[];
     searchTerm?: string;
     setEndOfListElement: (element: HTMLDivElement | null) => void;
+    errorMsg?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/observability/components/trace-timeline-span.d.ts

@@ -7,6 +7,7 @@ type TraceTimelineSpanProps = {
     isLastChild?: boolean;
     overallLatency?: number;
     overallStartTime?: string;
+    overallEndTime?: string;
 };
-export declare function TraceTimelineSpan({ span, depth, onSpanClick, selectedSpanId, isLastChild, overallLatency, overallStartTime, }: TraceTimelineSpanProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceTimelineSpan({ span, depth, onSpanClick, selectedSpanId, isLastChild, overallLatency, overallStartTime, overallEndTime, }: TraceTimelineSpanProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -6,3 +6,4 @@ export * from './workflow/workflow-trigger';
 export * from './context/use-current-run';
 export * from './runs/workflow-runs';
 export * from './components/workflow-table/workflow-table';
+export * from './utils';

package/dist/src/domains/workflows/utils.d.ts

@@ -1,3 +1,5 @@
 import { WorkflowRunState } from '@mastra/core/workflows';
 import { WorkflowWatchResult } from '@mastra/client-js';
+import { StreamChunk } from '../../types';
 export declare function convertWorkflowRunStateToWatchResult(runState: WorkflowRunState): WorkflowWatchResult;
+export declare const mapWorkflowStreamChunkToWatchResult: (prev: WorkflowWatchResult, chunk: StreamChunk) => WorkflowWatchResult;

package/dist/src/hooks/use-workflow-runs.d.ts

@@ -1,6 +1,3 @@
 export declare const useWorkflowRuns: (workflowId: string, { enabled }?: {
     enabled?: boolean;
-}) => {
-    runs: import('@mastra/core').WorkflowRuns | null;
-    isLoading: boolean;
-};
+}) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core').WorkflowRuns, Error>;

package/dist/src/hooks/use-workflows.d.ts

@@ -14,10 +14,7 @@ export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
         stack?: string;
     } | null;
 };
-export declare const useWorkflow: (workflowId: string) => {
-    workflow: GetWorkflowResponse | null;
-    isLoading: boolean;
-};
+export declare const useWorkflow: (workflowId: string) => import('@tanstack/react-query').UseQueryResult<GetWorkflowResponse, Error>;
 export declare const useLegacyWorkflow: (workflowId: string) => {
     legacyWorkflow: LegacyWorkflow<import('@mastra/core/workflows/legacy').LegacyStep<string, any, any, import('@mastra/core/workflows/legacy').StepExecutionContext<any, import('@mastra/core/workflows/legacy').WorkflowContext<any, import('@mastra/core/workflows/legacy').LegacyStep<string, any, any, any>[], Record<string, any>>>>[], string, any, any> | null;
     isLoading: boolean;

package/dist/src/types.d.ts

@@ -87,4 +87,10 @@ export type RefinedTrace = {
     trace: Span[];
     runId?: string;
 };
+export type StreamChunk = {
+    type: string;
+    payload: any;
+    runId: string;
+    from: 'AGENT' | 'WORKFLOW';
+};
 export * from './domains/traces/types';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "6.1.1-alpha.0",
+  "version": "6.1.1-alpha.2",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -99,10 +99,10 @@
     "use-debounce": "^10.0.5",
     "zod": "^4.1.5",
     "zustand": "^5.0.7",
-    "@mastra/client-js": "^0.12.1-alpha.0"
+    "@mastra/client-js": "^0.12.1-alpha.3"
   },
   "peerDependencies": {
-    "@mastra/core": ">=0.16.0-0 <0.17.0-0",
+    "@mastra/core": ">=0.16.1-0 <0.17.0-0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
@@ -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.1-alpha.0"
+    "@mastra/core": "0.16.1-alpha.3"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/src/components/assistant-ui/context/agent-provider.d.ts

@@ -1,12 +0,0 @@
-import { GetAgentResponse } from '@mastra/client-js';
-type AgentContextType = {
-    isLoading: boolean;
-    agentDetails: GetAgentResponse | null;
-};
-export interface AgentProviderProps {
-    agentId?: string;
-    children: React.ReactNode;
-}
-export declare function AgentProvider({ agentId, children }: AgentProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useAgent(): AgentContextType;
-export {};