@mastra/playground-ui 5.0.0 → 5.0.1-alpha.2

package/dist/components/assistant-ui/assistant-modal.d.ts

@@ -1,3 +1 @@
-import { FC } from '../../../node_modules/@types/react';
-
-export declare const AssistantModal: FC;
+export {};

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

@@ -1,7 +1,6 @@
 import { ToolCallContentPartComponent } from '@assistant-ui/react';
-import { FC } from '../../../node_modules/@types/react';
 
-export declare const Thread: FC<{
-    memory?: boolean;
+export interface ThreadProps {
     ToolFallback?: ToolCallContentPartComponent;
-}>;
+}
+export declare const Thread: ({ ToolFallback }: ThreadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/assistant-ui/user-message.d.ts

@@ -1,3 +1 @@
-import { FC } from '../../../node_modules/@types/react';
-
-export declare const UserMessage: FC;
+export declare const UserMessage: () => import("react/jsx-runtime").JSX.Element;

package/dist/domains/agents/agent/agent-traces.d.ts

@@ -1,8 +1,5 @@
-import { ReactNode } from '../../../../node_modules/@types/react';
-
 export interface AgentTracesProps {
     agentName: string;
     baseUrl: string;
-    sidebarChild: ReactNode;
 }
-export declare function AgentTraces({ agentName, baseUrl, sidebarChild }: AgentTracesProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentTraces({ agentName, baseUrl }: AgentTracesProps): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/context/trace-context.d.ts

@@ -13,8 +13,6 @@ type TraceContextType = {
     prevTrace: () => void;
     span: Span | null;
     setSpan: React.Dispatch<React.SetStateAction<Span | null>>;
-    openDetail: boolean;
-    setOpenDetail: React.Dispatch<React.SetStateAction<boolean>>;
     clearData: () => void;
 };
 export declare const TraceContext: import('../../../../node_modules/@types/react').Context<TraceContextType>;

package/dist/domains/traces/trace-details.d.ts

@@ -1 +1 @@
-export declare function TraceDetails(): import("react/jsx-runtime").JSX.Element;
+export declare function TraceDetails(): import("react/jsx-runtime").JSX.Element | null;

package/dist/domains/traces/trace-span-details.d.ts

@@ -1 +1 @@
-export declare function SpanDetail(): import("react/jsx-runtime").JSX.Element;
+export declare function SpanDetail(): import("react/jsx-runtime").JSX.Element | null;

package/dist/domains/traces/trace-span-view.d.ts

@@ -1,8 +1,6 @@
-import { Span, SpanNode } from './types';
+import { Span } from './types';
 
-export declare function TreeView({ tree }: {
-    tree: SpanNode[];
-}): import("react/jsx-runtime").JSX.Element;
-export default function SpanView({ trace }: {
+export interface SpanViewProps {
     trace: Span[];
-}): import("react/jsx-runtime").JSX.Element;
+}
+export default function SpanView({ trace }: SpanViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/traces-sidebar.d.ts

@@ -1,9 +1,6 @@
-import { ReactNode } from '../../../node_modules/@types/react';
-
 export interface TracesSidebarProps {
     className?: string;
     onResize?: (width: number) => void;
     width: number;
-    children: ReactNode;
 }
-export declare const TracesSidebar: ({ className, onResize, width, children }: TracesSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TracesSidebar: ({ onResize }: TracesSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/utils/getSpanVariant.d.ts

@@ -0,0 +1,4 @@
+import { SpanProps } from '../../../ds/components/TraceTree/Span';
+import { Span } from '../types';
+
+export declare const getSpanVariant: (span: Span) => SpanProps["variant"];

package/dist/domains/traces/utils.d.ts

@@ -9,7 +9,7 @@ import { RefinedTrace, Span } from './types';
 export declare function formatDuration(duration: number, fixedPoint?: number): string;
 export declare function formatOtelTimestamp(otelTimestamp: number): string;
 export declare function formatOtelTimestamp2(otelTimestamp: number): string;
-export declare function transformKey(key: string): string[] | "Input" | "Output";
+export declare function transformKey(key: string): string;
 export declare function cleanString(string: string): string;
 export declare const refineTraces: (traces: Span[], isWorkflow?: boolean) => RefinedTrace[];
 export declare const allowedAiSpanAttributes: string[];

package/dist/domains/workflows/context/v-next-workflow-nested-graph-context.d.ts

@@ -0,0 +1,14 @@
+import { StepFlowEntry } from '@mastra/core/workflows/vNext';
+
+type VNextWorkflowNestedGraphContextType = {
+    showNestedGraph: ({ label, stepGraph }: {
+        label: string;
+        stepGraph: StepFlowEntry[];
+    }) => void;
+    closeNestedGraph: () => void;
+};
+export declare const VNextWorkflowNestedGraphContext: import('../../../../node_modules/@types/react').Context<VNextWorkflowNestedGraphContextType>;
+export declare function VNextWorkflowNestedGraphProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/domains/workflows/context/workflow-run-context.d.ts

@@ -1,8 +1,10 @@
-import { ExtendedWorkflowRunResult } from '../../../hooks/use-workflows';
+import { ExtendedVNextWorkflowWatchResult, ExtendedWorkflowRunResult } from '../../../hooks/use-workflows';
 
 type WorkflowRunContextType = {
     result: ExtendedWorkflowRunResult | null;
     setResult: React.Dispatch<React.SetStateAction<any>>;
+    vNextResult: ExtendedVNextWorkflowWatchResult | null;
+    setVNextResult: React.Dispatch<React.SetStateAction<any>>;
     payload: any;
     setPayload: React.Dispatch<React.SetStateAction<any>>;
     clearData: () => void;

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

@@ -2,3 +2,5 @@ export * from './workflow/workflow-traces';
 export * from './workflow/workflow-graph';
 export * from './workflow/workflow-trigger';
 export * from './context/workflow-run-context';
+export * from './workflow/v-next-workflow-graph';
+export * from './workflow/v-next-workflow-trigger';

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

@@ -1,7 +1,8 @@
 import { StepCondition } from '@mastra/core/workflows';
+import { NewWorkflow } from '@mastra/core/workflows/vNext';
 import { Node, Edge } from '@xyflow/react';
 
-export type ConditionConditionType = 'if' | 'else' | 'when' | 'until' | 'while';
+export type ConditionConditionType = 'if' | 'else' | 'when' | 'until' | 'while' | 'dountil' | 'dowhile';
 export type Condition = {
     type: ConditionConditionType;
     ref: {
@@ -39,3 +40,9 @@ export declare const contructNodesAndEdges: ({ stepGraph, stepSubscriberGraph, s
     nodes: Node[];
     edges: Edge[];
 };
+export declare const constructVNextNodesAndEdges: ({ stepGraph, }: {
+    stepGraph: NewWorkflow["stepGraph"];
+}) => {
+    nodes: Node[];
+    edges: Edge[];
+};

package/dist/domains/workflows/workflow/v-next-workflow-graph-inner.d.ts

@@ -0,0 +1,5 @@
+import { GetVNextWorkflowResponse } from '@mastra/client-js';
+
+export declare function VNextWorkflowGraphInner({ workflow }: {
+    workflow: GetVNextWorkflowResponse;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/v-next-workflow-graph.d.ts

@@ -0,0 +1,5 @@
+
+export declare function VNextWorkflowGraph({ workflowId, baseUrl }: {
+    workflowId: string;
+    baseUrl: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/v-next-workflow-nested-graph.d.ts

@@ -0,0 +1,6 @@
+import { StepFlowEntry } from '@mastra/core/workflows/vNext';
+
+export declare function VNextWorkflowNestedGraph({ stepGraph, open }: {
+    stepGraph: StepFlowEntry[];
+    open: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/v-next-workflow-nested-node.d.ts

@@ -0,0 +1,11 @@
+import { NodeProps, Node } from '@xyflow/react';
+import { StepFlowEntry } from '@mastra/core/workflows/vNext';
+
+export type NestedNode = Node<{
+    label: string;
+    description?: string;
+    withoutTopHandle?: boolean;
+    withoutBottomHandle?: boolean;
+    stepGraph: StepFlowEntry[];
+}, 'nested-node'>;
+export declare function VNextWorkflowNestedNode({ data }: NodeProps<NestedNode>): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/v-next-workflow-trigger.d.ts

@@ -0,0 +1,5 @@
+export declare function VNextWorkflowTrigger({ workflowId, baseUrl, setRunId, }: {
+    workflowId: string;
+    baseUrl: string;
+    setRunId?: (runId: string) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/domains/workflows/workflow/workflow-traces.d.ts

@@ -1,8 +1,5 @@
-import { ReactNode } from '../../../../node_modules/@types/react';
-
 export interface WorkflowTracesProps {
     workflowName: string;
     baseUrl: string;
-    sidebarChild: ReactNode;
 }
-export declare function WorkflowTraces({ workflowName, baseUrl, sidebarChild }: WorkflowTracesProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowTraces({ workflowName, baseUrl }: WorkflowTracesProps): import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/Span.d.ts

@@ -8,5 +8,26 @@ export interface SpanProps {
     spans?: React.ReactNode;
     isRoot?: boolean;
     onClick?: () => void;
+    isActive?: boolean;
 }
-export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick }: SpanProps) => import("react/jsx-runtime").JSX.Element;
+export declare const spanIconMap: {
+    tool: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    agent: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    workflow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    memory: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    rag: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    storage: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    eval: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    other: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const spanVariantClasses: {
+    tool: string;
+    agent: string;
+    workflow: string;
+    memory: string;
+    rag: string;
+    storage: string;
+    eval: string;
+    other: string;
+};
+export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick, isActive }: SpanProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/Trace.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from '../../../../node_modules/@types/react';
+import { SpanProps } from './Span';
 
 export interface TraceProps {
     name: string;
@@ -6,5 +7,7 @@ export interface TraceProps {
     durationMs: number;
     tokenCount?: number;
     onClick?: () => void;
+    variant: SpanProps['variant'];
+    isActive?: boolean;
 }
-export declare const Trace: ({ name, spans, durationMs, tokenCount, onClick }: TraceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Trace: ({ name, spans, durationMs, tokenCount, onClick, variant, isActive }: TraceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/LatencyIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from '../../../node_modules/@types/react';
+
+export declare const LatencyIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/index.d.ts

@@ -36,3 +36,4 @@ export * from './TsIcon';
 export * from './VariablesIcon';
 export * from './WorkflowIcon';
 export * from './WorkflowCoinIcon';
+export * from './LatencyIcon';

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

@@ -1,5 +1,6 @@
 import { Workflow } from '@mastra/core/workflows';
-import { WorkflowRunResult as BaseWorkflowRunResult } from '@mastra/client-js';
+import { WorkflowRunResult as BaseWorkflowRunResult, VNextWorkflowWatchResult, GetVNextWorkflowResponse } from '@mastra/client-js';
+import { RuntimeContext } from '@mastra/core/runtime-context';
 
 export type ExtendedWorkflowRunResult = BaseWorkflowRunResult & {
     sanitizedOutput?: string | null;
@@ -8,10 +9,21 @@ export type ExtendedWorkflowRunResult = BaseWorkflowRunResult & {
         stack?: string;
     } | null;
 };
+export type ExtendedVNextWorkflowWatchResult = VNextWorkflowWatchResult & {
+    sanitizedOutput?: string | null;
+    sanitizedError?: {
+        message: string;
+        stack?: string;
+    } | null;
+};
 export declare const useWorkflow: (workflowId: string, baseUrl: string) => {
     workflow: Workflow<import('@mastra/core').Step<string, any, any, import('@mastra/core').StepExecutionContext<any, import('@mastra/core').WorkflowContext<any, import('@mastra/core').Step<string, any, any, any>[], Record<string, any>>>>[], string, any, any> | null;
     isLoading: boolean;
 };
+export declare const useVNextWorkflow: (workflowId: string, baseUrl: string) => {
+    vNextWorkflow: GetVNextWorkflowResponse | null;
+    isLoading: boolean;
+};
 export declare const useExecuteWorkflow: (baseUrl: string) => {
     startWorkflowRun: ({ workflowId, runId, input }: {
         workflowId: string;
@@ -24,7 +36,22 @@ export declare const useExecuteWorkflow: (baseUrl: string) => {
     }) => Promise<{
         runId: string;
     }>;
-    isExecutingWorkflow: boolean;
+    startVNextWorkflowRun: ({ workflowId, runId, input, }: {
+        workflowId: string;
+        runId: string;
+        input: any;
+    }) => Promise<void>;
+    createVNextWorkflowRun: ({ workflowId, prevRunId }: {
+        workflowId: string;
+        prevRunId?: string;
+    }) => Promise<{
+        runId: string;
+    }>;
+    startAsyncVNextWorkflowRun: ({ workflowId, runId, input, }: {
+        workflowId: string;
+        runId?: string;
+        input: any;
+    }) => Promise<import('@mastra/client-js').VNextWorkflowRunResult>;
 };
 export declare const useWatchWorkflow: (baseUrl: string) => {
     watchWorkflow: ({ workflowId, runId }: {
@@ -33,6 +60,12 @@ export declare const useWatchWorkflow: (baseUrl: string) => {
     }) => Promise<void>;
     isWatchingWorkflow: boolean;
     watchResult: ExtendedWorkflowRunResult | null;
+    watchVNextWorkflow: ({ workflowId, runId }: {
+        workflowId: string;
+        runId: string;
+    }) => Promise<void>;
+    isWatchingVNextWorkflow: boolean;
+    watchVNextResult: ExtendedVNextWorkflowWatchResult | null;
 };
 export declare const useResumeWorkflow: (baseUrl: string) => {
     resumeWorkflow: ({ workflowId, stepId, runId, context, }: {
@@ -44,4 +77,14 @@ export declare const useResumeWorkflow: (baseUrl: string) => {
         message: string;
     }>;
     isResumingWorkflow: boolean;
+    resumeVNextWorkflow: ({ workflowId, step, runId, resumeData, runtimeContext, }: {
+        workflowId: string;
+        step: string | string[];
+        runId: string;
+        resumeData: any;
+        runtimeContext?: RuntimeContext;
+    }) => Promise<{
+        message: string;
+    }>;
+    isResumingVNextWorkflow: boolean;
 };