@mastra/playground-ui 7.0.0-beta.8 → 7.0.0

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

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

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

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

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

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

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

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

package/dist/src/domains/traces/types.d.ts

@@ -0,0 +1,55 @@
+export type SpanStatus = {
+    code: number;
+};
+export type SpanOther = {
+    droppedAttributesCount: number;
+    droppedEventsCount: number;
+    droppedLinksCount: number;
+};
+export type SpanEventAttributes = {
+    key: string;
+    value: {
+        [key: string]: string | number | boolean | null;
+    };
+};
+export type SpanEvent = {
+    attributes: SpanEventAttributes[];
+    name: string;
+    timeUnixNano: string;
+    droppedAttributesCount: number;
+};
+export type Span = {
+    id: string;
+    parentSpanId: string | null;
+    traceId: string;
+    name: string;
+    scope: string;
+    kind: number;
+    status: SpanStatus;
+    events: SpanEvent[];
+    links: any[];
+    attributes: Record<string, string | number | boolean | null>;
+    startTime: number;
+    endTime: number;
+    duration: number;
+    other: SpanOther;
+    createdAt: string;
+};
+export type RefinedTrace = {
+    traceId: string;
+    serviceName: string;
+    duration: number;
+    started: number;
+    status: SpanStatus;
+    trace: Span[];
+    runId?: string;
+};
+export type EnhancedSpan = Span & {
+    offset: number;
+    totalDurationMs: number;
+};
+export type SpanNode = Span & {
+    children: SpanNode[];
+    totalDurationMs: number;
+    offset: number;
+};

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

@@ -0,0 +1,2 @@
+import { Span, SpanNode } from '../types';
+export declare const createSpanTree: (spans: Span[]) => SpanNode[];

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

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

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

@@ -0,0 +1,12 @@
+/**
+ *
+ * @param duration duration of the span
+ * @param fixedPoint how many fixed point
+ * @returns duration in milliseconds in fixed points
+ */
+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;
+export declare function cleanString(string: string): string;
+export declare const allowedAiSpanAttributes: string[];

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

@@ -1,4 +1,5 @@
 import { SerializedStepFlowEntry } from '@mastra/core/workflows';
+import { WorkflowSendEventFormProps } from '../workflow/workflow-run-event-form';
 type WorkflowNestedGraphContextType = {
     showNestedGraph: ({ label, stepGraph, fullStep, }: {
         label: string;
@@ -8,7 +9,12 @@ type WorkflowNestedGraphContextType = {
     closeNestedGraph: () => void;
 };
 export declare const WorkflowNestedGraphContext: import('../../../../node_modules/@types/react').Context<WorkflowNestedGraphContextType>;
-export declare function WorkflowNestedGraphProvider({ children }: {
+export declare function WorkflowNestedGraphProvider({ children, onShowTrace, onSendEvent, }: {
     children: React.ReactNode;
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
+    onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
 }): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -21,8 +21,8 @@ type WorkflowRunContextType = {
     closeStreamsAndReset: () => void;
     timeTravelWorkflowStream: (params: {
         workflowId: string;
-        requestContext: Record<string, unknown>;
-    } & Omit<TimeTravelParams, 'requestContext'>) => Promise<void>;
+        runtimeContext: Record<string, unknown>;
+    } & Omit<TimeTravelParams, 'runtimeContext'>) => Promise<void>;
     runSnapshot?: WorkflowRunState;
     isLoadingRunExecutionResult?: boolean;
     withoutTimeTravel?: boolean;

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

@@ -1,11 +1,18 @@
-import { TimeTravelParams } from '@mastra/client-js';
+import { TimeTravelParams, WorkflowWatchResult } from '@mastra/client-js';
 import { WorkflowStreamResult as CoreWorkflowStreamResult } from '@mastra/core/workflows';
+export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
+    sanitizedOutput?: string | null;
+    sanitizedError?: {
+        message: string;
+        stack?: string;
+    } | null;
+};
 export declare const useExecuteWorkflow: () => {
     startWorkflowRun: import('@tanstack/react-query').UseMutationResult<void, Error, {
         workflowId: string;
         runId: string;
         input: Record<string, unknown>;
-        requestContext: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
     }, unknown>;
     createWorkflowRun: import('@tanstack/react-query').UseMutationResult<{
         runId: string;
@@ -17,7 +24,7 @@ export declare const useExecuteWorkflow: () => {
         workflowId: string;
         runId?: string;
         input: Record<string, unknown>;
-        requestContext: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
     }, unknown>;
 };
 type WorkflowStreamResult = CoreWorkflowStreamResult<any, any, any, any>;
@@ -26,7 +33,7 @@ export declare const useStreamWorkflow: () => {
         workflowId: string;
         runId: string;
         inputData: Record<string, unknown>;
-        requestContext: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
     }, unknown>;
     streamResult: WorkflowStreamResult;
     isStreaming: boolean;
@@ -41,12 +48,12 @@ export declare const useStreamWorkflow: () => {
         step: string | string[];
         runId: string;
         resumeData: Record<string, unknown>;
-        requestContext: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
     }, unknown>;
     timeTravelWorkflowStream: import('@tanstack/react-query').UseMutationResult<void, Error, {
         workflowId: string;
-        requestContext: Record<string, unknown>;
-    } & Omit<TimeTravelParams, "requestContext">, unknown>;
+        runtimeContext: Record<string, unknown>;
+    } & Omit<TimeTravelParams, "runtimeContext">, unknown>;
 };
 export declare const useCancelWorkflowRun: () => import('@tanstack/react-query').UseMutationResult<{
     message: string;
@@ -54,4 +61,11 @@ export declare const useCancelWorkflowRun: () => import('@tanstack/react-query')
     workflowId: string;
     runId: string;
 }, unknown>;
+export declare const useSendWorkflowRunEvent: (workflowId: string) => import('@tanstack/react-query').UseMutationResult<{
+    message: string;
+}, Error, {
+    runId: string;
+    event: string;
+    data: unknown;
+}, unknown>;
 export {};

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

@@ -5,6 +5,5 @@ export * from './context/use-current-run';
 export * from './runs/workflow-run-details';
 export * from './components/workflow-table/workflow-table';
 export * from './components/workflow-information';
-export * from './components/workflow-combobox';
 export * from './utils';
 export * from './hooks';

package/dist/src/domains/workflows/workflow/workflow-default-node.d.ts

@@ -1,18 +1,21 @@
 import { NodeProps, Node } from '@xyflow/react';
+import { WorkflowSendEventFormProps } from './workflow-run-event-form';
 export type DefaultNode = Node<{
     label: string;
-    stepId?: string;
     description?: string;
     withoutTopHandle?: boolean;
     withoutBottomHandle?: boolean;
     mapConfig?: string;
+    event?: string;
     duration?: number;
     date?: Date;
-    isParallel?: boolean;
-    canSuspend?: boolean;
-    isForEach?: boolean;
 }, 'default-node'>;
 export interface WorkflowDefaultNodeProps {
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
+    onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
     parentWorkflowName?: string;
 }
-export declare function WorkflowDefaultNode({ data, parentWorkflowName }: NodeProps<DefaultNode> & WorkflowDefaultNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowDefaultNode({ data, onShowTrace, parentWorkflowName, onSendEvent, }: NodeProps<DefaultNode> & WorkflowDefaultNodeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,13 @@
 import { GetWorkflowResponse } from '@mastra/client-js';
+import { WorkflowSendEventFormProps } from './workflow-run-event-form';
 export interface WorkflowGraphInnerProps {
     workflow: {
         stepGraph: GetWorkflowResponse['stepGraph'];
     };
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
+    onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
 }
-export declare function WorkflowGraphInner({ workflow }: WorkflowGraphInnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowGraphInner({ workflow, onShowTrace, onSendEvent }: WorkflowGraphInnerProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-graph.d.ts

@@ -1,7 +1,13 @@
 import { GetWorkflowResponse } from '@mastra/client-js';
+import { WorkflowSendEventFormProps } from './workflow-run-event-form';
 export interface WorkflowGraphProps {
     workflowId: string;
     isLoading?: boolean;
     workflow?: GetWorkflowResponse;
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
+    onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
 }
-export declare function WorkflowGraph({ workflowId, workflow, isLoading }: WorkflowGraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowGraph({ workflowId, onShowTrace, workflow, isLoading, onSendEvent }: WorkflowGraphProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,13 @@
 import { SerializedStepFlowEntry } from '@mastra/core/workflows';
+import { WorkflowSendEventFormProps } from './workflow-run-event-form';
 export interface WorkflowNestedGraphProps {
     stepGraph: SerializedStepFlowEntry[];
     open: boolean;
     workflowName: string;
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
+    onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
 }
-export declare function WorkflowNestedGraph({ stepGraph, open, workflowName }: WorkflowNestedGraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowNestedGraph({ stepGraph, open, workflowName, onShowTrace, onSendEvent, }: WorkflowNestedGraphProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,18 +1,21 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { SerializedStepFlowEntry } from '@mastra/core/workflows';
+import { WorkflowSendEventFormProps } from './workflow-run-event-form';
 export type NestedNode = Node<{
     label: string;
-    stepId?: string;
     description?: string;
     withoutTopHandle?: boolean;
     withoutBottomHandle?: boolean;
     stepGraph: SerializedStepFlowEntry[];
     mapConfig?: string;
-    isParallel?: boolean;
-    canSuspend?: boolean;
-    isForEach?: boolean;
+    event?: string;
 }, 'nested-node'>;
 export interface WorkflowNestedNodeProps {
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
+    onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
     parentWorkflowName?: string;
 }
-export declare function WorkflowNestedNode({ data, parentWorkflowName }: NodeProps<NestedNode> & WorkflowNestedNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowNestedNode({ data, parentWorkflowName, onShowTrace, onSendEvent, }: NodeProps<NestedNode> & WorkflowNestedNodeProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-result.d.ts

@@ -0,0 +1,5 @@
+export interface WorkflowResultProps {
+    jsonResult: string;
+    sanitizedJsonResult?: string | null;
+}
+export declare const WorkflowResult: ({ jsonResult, sanitizedJsonResult }: WorkflowResultProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-run-event-form.d.ts

@@ -0,0 +1,12 @@
+export type WorkflowSendEventFormProps = {
+    event: string;
+    runId: string;
+    onSendEvent: (params: {
+        event: string;
+        data: unknown;
+        runId: string;
+    }) => Promise<{
+        message: string;
+    }>;
+};
+export declare const WorkflowRunEventForm: ({ event, runId, onSendEvent }: WorkflowSendEventFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-step-action-bar.d.ts

@@ -1,14 +1,17 @@
+import { WorkflowSendEventFormProps } from './workflow-run-event-form';
 export interface WorkflowStepActionBarProps {
     input?: any;
     output?: any;
-    suspendOutput?: any;
     resumeData?: any;
     error?: any;
     stepName: string;
-    stepId?: string;
     mapConfig?: string;
+    event?: string;
+    onShowTrace?: () => void;
     onShowNestedGraph?: () => void;
+    onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
+    runId?: string;
     status?: 'running' | 'success' | 'failed' | 'suspended' | 'waiting';
     stepKey?: string;
 }
-export declare const WorkflowStepActionBar: ({ input, output, resumeData, suspendOutput, error, mapConfig, stepName, stepId, onShowNestedGraph, status, stepKey, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowStepActionBar: ({ input, output, resumeData, error, mapConfig, stepName, event, onShowTrace, onShowNestedGraph, onSendEvent, runId, status, stepKey, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-trigger.d.ts

@@ -13,22 +13,22 @@ export interface WorkflowTriggerProps {
         runId: string;
     }>;
     isStreamingWorkflow: boolean;
-    streamWorkflow: ({ workflowId, runId, inputData, requestContext, }: {
+    streamWorkflow: ({ workflowId, runId, inputData, runtimeContext, }: {
         workflowId: string;
         runId: string;
         inputData: Record<string, unknown>;
-        requestContext: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
     }) => Promise<void>;
     observeWorkflowStream?: ({ workflowId, runId }: {
         workflowId: string;
         runId: string;
     }) => void;
-    resumeWorkflow: ({ workflowId, step, runId, resumeData, requestContext, }: {
+    resumeWorkflow: ({ workflowId, step, runId, resumeData, runtimeContext, }: {
         workflowId: string;
         step: string | string[];
         runId: string;
         resumeData: Record<string, unknown>;
-        requestContext: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
     }) => Promise<void>;
     streamResult: WorkflowRunStreamResult | null;
     isCancellingWorkflowRun: boolean;

package/dist/src/ds/components/Alert/Alert.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from '../../../../node_modules/@types/react';
 import { TxtProps } from '../Txt';
-type AlertVariant = 'warning' | 'destructive' | 'info';
+type AlertVariant = 'warning' | 'destructive';
 export interface AlertProps {
     children: React.ReactNode;
     variant: AlertVariant;

package/dist/src/ds/components/Breadcrumb/Breadcrumb.d.ts

@@ -11,6 +11,5 @@ export interface CrumbProps {
     to: string;
     prefetch?: boolean | null;
     children: React.ReactNode;
-    action?: React.ReactNode;
 }
-export declare const Crumb: ({ className, as, isCurrent, action, ...props }: CrumbProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Crumb: ({ className, as, isCurrent, ...props }: CrumbProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Button/Button.d.ts

@@ -9,6 +9,5 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     size?: 'md' | 'lg';
     variant?: 'default' | 'light';
     target?: string;
-    type?: 'button' | 'submit' | 'reset';
 }
 export declare const Button: ({ className, as, size, variant, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Logo/MastraLogo.d.ts

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

package/dist/src/ds/components/Table/Cells.d.ts

@@ -5,6 +5,9 @@ export interface CellProps extends React.TdHTMLAttributes<HTMLTableCellElement>
 }
 export declare const Cell: ({ className, children, ...props }: CellProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TxtCell: ({ className, children }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnitCell: ({ className, children, unit }: CellProps & {
+    unit: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export interface DateTimeCellProps extends Omit<CellProps, 'children'> {
     dateTime: Date;
 }

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

@@ -2,7 +2,7 @@ import { default as React } from '../../../../node_modules/@types/react';
 export interface SpanProps {
     children: React.ReactNode;
     durationMs: number;
-    variant: 'tool' | 'agent' | 'workflow' | 'memory' | 'rag' | 'storage' | 'other';
+    variant: 'tool' | 'agent' | 'workflow' | 'memory' | 'rag' | 'storage' | 'eval' | 'other';
     tokenCount?: number;
     spans?: React.ReactNode;
     isRoot?: boolean;
@@ -18,6 +18,7 @@ export declare const spanIconMap: {
     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: {
@@ -27,6 +28,7 @@ export declare const spanVariantClasses: {
     memory: string;
     rag: string;
     storage: string;
+    eval: string;
     other: string;
 };
 export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick, isActive, offsetMs, totalDurationMs, }: SpanProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/EvaluatorCoinIcon.d.ts

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

package/dist/src/ds/icons/ScoreIcon.d.ts

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

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

@@ -13,6 +13,7 @@ export * from './DeploymentIcon';
 export * from './DividerIcon';
 export * from './DocsIcon';
 export * from './EnvIcon';
+export * from './EvaluatorCoinIcon';
 export * from './FiltersIcon';
 export * from './GithubCoinIcon';
 export * from './GithubIcon';
@@ -26,6 +27,7 @@ export * from './LogsIcon';
 export * from './MemoryIcon';
 export * from './OpenAIIcon';
 export * from './PromptIcon';
+export * from './ScoreIcon';
 export * from './SettingsIcon';
 export * from './SlashIcon';
 export * from './ToolsIcon';

package/dist/src/hooks/use-agent-messages.d.ts

@@ -1,6 +1,5 @@
-export interface UseAgentMessagesProps {
-    threadId?: string;
+export declare const useAgentMessages: ({ threadId, agentId, memory, }: {
+    threadId: string;
     agentId: string;
     memory: boolean;
-}
-export declare const useAgentMessages: ({ threadId, agentId, memory }: UseAgentMessagesProps) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListMemoryThreadMessagesResponse | null, Error>;
+}) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetMemoryThreadMessagesResponse, Error>;

package/dist/src/hooks/use-resize-column.d.ts

@@ -0,0 +1,12 @@
+import { MouseEvent as ReactMouseEvent } from '../../node_modules/@types/react';
+export declare const useResizeColumn: ({ defaultWidth, minimumWidth, maximumWidth, setCurrentWidth, }: {
+    defaultWidth: number;
+    minimumWidth: number;
+    maximumWidth: number;
+    setCurrentWidth?: (width: number) => void;
+}) => {
+    sidebarWidth: number;
+    isDragging: boolean;
+    handleMouseDown: (e: ReactMouseEvent) => void;
+    containerRef: import('../../node_modules/@types/react').RefObject<HTMLDivElement | null>;
+};