@mastra/playground-ui 7.0.0-beta.2 → 7.0.0-beta.20

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

@@ -1,3 +1,4 @@
+import { InputTokenDetails, OutputTokenDetails } from '@mastra/core/observability';
 import { SpanRecord } from '@mastra/core/storage';
 type V5TokenUsage = {
     inputTokens: number;
@@ -5,13 +6,15 @@ type V5TokenUsage = {
     reasoningTokens?: number;
     cachedInputTokens?: number;
     totalTokens: number;
+    inputDetails?: InputTokenDetails;
+    outputDetails?: OutputTokenDetails;
 };
 type LegacyTokenUsage = {
     promptTokens: number;
     completionTokens: number;
     totalTokens: number;
 };
-type TokenUsage = V5TokenUsage | LegacyTokenUsage;
+export type TokenUsage = V5TokenUsage | LegacyTokenUsage;
 type TraceSpanUsageProps = {
     traceUsage?: TokenUsage;
     traceSpans?: SpanRecord[];

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

@@ -8,6 +8,11 @@ type TraceTimelineSpanProps = {
     overallLatency?: number;
     overallStartTime?: string;
     overallEndTime?: string;
+    fadedTypes?: string[];
+    searchPhrase?: string;
+    featuredSpanIds?: string[];
+    expandedSpanIds?: string[];
+    setExpandedSpanIds?: React.Dispatch<React.SetStateAction<string[]>>;
 };
-export declare function TraceTimelineSpan({ span, depth, onSpanClick, selectedSpanId, isLastChild, overallLatency, overallStartTime, overallEndTime, }: TraceTimelineSpanProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceTimelineSpan({ span, depth, onSpanClick, selectedSpanId, isLastChild, overallLatency, overallStartTime, overallEndTime, fadedTypes, searchPhrase, featuredSpanIds, expandedSpanIds, setExpandedSpanIds, }: TraceTimelineSpanProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,12 @@
+import { SpanRecord } from '@mastra/core/storage';
+type TraceTimelineLegendProps = {
+    spans?: SpanRecord[];
+    fadedTypes?: string[];
+    onLegendClick?: (val: string) => void;
+    onLegendReset?: () => void;
+    searchPhrase?: string;
+    onSearchPhraseChange?: (val: string) => void;
+    traceId?: string;
+};
+export declare function TraceTimelineTools({ spans, fadedTypes, onLegendClick, onLegendReset, onSearchPhraseChange, traceId, }: TraceTimelineLegendProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -4,6 +4,10 @@ type TraceTimelineProps = {
     onSpanClick: (id: string) => void;
     selectedSpanId?: string;
     isLoading?: boolean;
+    fadedTypes?: string[];
+    expandedSpanIds?: string[];
+    setExpandedSpanIds?: React.Dispatch<React.SetStateAction<string[]>>;
+    featuredSpanIds?: string[];
 };
-export declare function TraceTimeline({ hierarchicalSpans, onSpanClick, selectedSpanId, isLoading }: TraceTimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceTimeline({ hierarchicalSpans, onSpanClick, selectedSpanId, isLoading, fadedTypes, expandedSpanIds, setExpandedSpanIds, featuredSpanIds, }: TraceTimelineProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/observability/components/traces-list.d.ts

@@ -4,7 +4,7 @@ export declare const tracesListColumns: {
     label: string;
     size: string;
 }[];
-type Trace = Pick<SpanRecord, 'traceId' | 'name'> & {
+type Trace = Pick<SpanRecord, 'traceId' | 'name' | 'entityType' | 'entityId' | 'entityName'> & {
     attributes?: Record<string, any> | null;
     createdAt: Date | string;
 };

package/dist/src/domains/observability/components/traces-tools.d.ts

@@ -1,7 +1,16 @@
+import { EntityType } from '@mastra/core/observability';
 export type EntityOptions = {
     value: string;
     label: string;
-    type: 'agent' | 'workflow' | 'all';
+    type: EntityType.AGENT;
+} | {
+    value: string;
+    label: string;
+    type: EntityType.WORKFLOW_RUN;
+} | {
+    value: string;
+    label: string;
+    type: 'all';
 };
 type TracesToolsProps = {
     selectedEntity?: EntityOptions;

package/dist/src/domains/observability/components/tracing-run-options.d.ts

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

package/dist/src/domains/observability/context/tracing-settings-context.d.ts

@@ -0,0 +1,19 @@
+import { TracingOptions } from '@mastra/core/observability';
+import { ReactNode } from '../../../../node_modules/@types/react';
+export type TracingSettings = {
+    tracingOptions?: TracingOptions;
+};
+export type TracingSettingsContextType = {
+    setSettings: (settings: TracingSettings) => void;
+    resetAll: () => void;
+    settings?: TracingSettings;
+    entityType?: 'workflow' | 'agent';
+};
+export declare const TracingSettingsContext: import('../../../../node_modules/@types/react').Context<TracingSettingsContextType>;
+export interface TracingSettingsProviderProps {
+    children: ReactNode;
+    entityId: string;
+    entityType: 'workflow' | 'agent';
+}
+export declare const TracingSettingsProvider: ({ children, entityId, entityType }: TracingSettingsProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useTracingSettings: () => TracingSettingsContextType;

package/dist/src/domains/observability/hooks/use-tracing-settings-state.d.ts

@@ -0,0 +1,11 @@
+import { TracingSettings } from '../context/tracing-settings-context';
+export interface TracingSettingsStateProps {
+    entityId: string;
+    entityType: 'workflow' | 'agent';
+}
+export declare function useTracingSettingsState({ entityId, entityType }: TracingSettingsStateProps): {
+    settings: TracingSettings | undefined;
+    setSettings: (settingsValue: TracingSettings) => void;
+    resetAll: () => void;
+    entityType: "workflow" | "agent";
+};

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

@@ -1,3 +1,4 @@
 export * from './utils/format-hierarchical-spans';
 export * from './types';
 export * from './components';
+export * from './context/tracing-settings-context';

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

@@ -6,4 +6,17 @@ export type UISpan = {
     startTime: string;
     endTime?: string;
     spans?: UISpan[];
+    parentSpanId?: string | null;
 };
+export type UISpanStyle = {
+    icon?: React.ReactNode;
+    color?: string;
+    label?: string;
+    bgColor?: string;
+    typePrefix: string;
+};
+export type UISpanState = {
+    spanId: string;
+    expanded: boolean;
+};
+export type UISpanType = 'agent' | 'workflow' | 'tool' | 'model' | 'other';

package/dist/src/domains/observability/utils/__tests__/span-utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/domains/observability/utils/get-descendant-ids.d.ts

@@ -0,0 +1,2 @@
+import { UISpan } from '../types';
+export declare function getSpanDescendantIds(span: UISpan): string[];

package/dist/src/domains/observability/utils/span-utils.d.ts

@@ -0,0 +1,9 @@
+import { SpanRecord } from '@mastra/core/storage';
+/**
+ * Check if a span indicates that the token limit was exceeded
+ */
+export declare function isTokenLimitExceeded(span?: SpanRecord): boolean;
+/**
+ * Get a human-readable message for token limit exceeded
+ */
+export declare function getTokenLimitMessage(span?: SpanRecord): string;

package/dist/src/domains/scores/components/score-dialog.d.ts

@@ -1,7 +1,7 @@
 import { SideDialogRootProps } from '../../../components/ui/elements';
-import { ClientScoreRowData } from '@mastra/client-js';
+import { ScoreRowData } from '@mastra/core/evals';
 type ScoreDialogProps = {
-    score?: ClientScoreRowData;
+    score?: ScoreRowData;
     scorerName?: string;
     isOpen: boolean;
     onClose: () => void;

package/dist/src/domains/scores/components/scorer-combobox.d.ts

@@ -6,7 +6,5 @@ export interface ScorerComboboxProps {
     emptyText?: string;
     className?: string;
     disabled?: boolean;
-    buttonClassName?: string;
-    contentClassName?: string;
 }
-export declare function ScorerCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: ScorerComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScorerCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, }: ScorerComboboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/scores/hooks/use-trace-span-scores.d.ts

@@ -3,5 +3,45 @@ type useTraceSpanScoresProps = {
     spanId?: string;
     page?: number;
 };
-export declare const useTraceSpanScores: ({ traceId, spanId, page }: useTraceSpanScoresProps) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListScoresResponse, Error>;
+export declare const useTraceSpanScores: ({ traceId, spanId, page }: useTraceSpanScoresProps) => import('@tanstack/react-query').UseQueryResult<{
+    pagination: {
+        total: number;
+        hasMore: boolean;
+        page: number;
+        perPage: number | false;
+    };
+    scores: {
+        runId: string;
+        source: "LIVE" | "TEST";
+        id: string;
+        createdAt: Date;
+        updatedAt: Date | null;
+        scorer: Record<string, unknown>;
+        entity: Record<string, unknown>;
+        score: number;
+        scorerId: string;
+        entityId: string;
+        input?: unknown;
+        threadId?: string | undefined;
+        resourceId?: string | undefined;
+        metadata?: Record<string, unknown> | undefined;
+        output?: unknown;
+        additionalContext?: Record<string, unknown> | undefined;
+        requestContext?: Record<string, unknown> | undefined;
+        entityType?: string | undefined;
+        structuredOutput?: boolean | undefined;
+        traceId?: string | undefined;
+        spanId?: string | undefined;
+        extractStepResult?: Record<string, unknown> | undefined;
+        extractPrompt?: string | undefined;
+        analyzeStepResult?: Record<string, unknown> | undefined;
+        analyzePrompt?: string | undefined;
+        reason?: string | undefined;
+        reasonPrompt?: string | undefined;
+        preprocessStepResult?: Record<string, unknown> | undefined;
+        preprocessPrompt?: string | undefined;
+        generateScorePrompt?: string | undefined;
+        generateReasonPrompt?: string | undefined;
+    }[];
+}, Error>;
 export {};

package/dist/src/domains/templates/template-form.d.ts

@@ -12,6 +12,7 @@ type TemplateFormProps = {
     handleInstallTemplate: () => void;
     handleVariableChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     isLoadingEnvVars?: boolean;
+    isInstalling?: boolean;
     defaultModelProvider?: string;
     defaultModelId?: string;
     onModelUpdate?: (params: {
@@ -21,5 +22,5 @@ type TemplateFormProps = {
         message: string;
     }>;
 };
-export declare function TemplateForm({ providerOptions, selectedProvider, onProviderChange, variables, errors, handleInstallTemplate, handleVariableChange, isLoadingEnvVars, defaultModelProvider, defaultModelId, onModelUpdate, }: TemplateFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function TemplateForm({ providerOptions, selectedProvider, onProviderChange, variables, errors, handleInstallTemplate, handleVariableChange, isLoadingEnvVars, isInstalling, defaultModelProvider, defaultModelId, onModelUpdate, }: TemplateFormProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/tools/components/tool-combobox.d.ts

@@ -6,7 +6,5 @@ export interface ToolComboboxProps {
     emptyText?: string;
     className?: string;
     disabled?: boolean;
-    buttonClassName?: string;
-    contentClassName?: string;
 }
-export declare function ToolCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: ToolComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, }: ToolComboboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/components/workflow-combobox.d.ts

@@ -6,7 +6,5 @@ export interface WorkflowComboboxProps {
     emptyText?: string;
     className?: string;
     disabled?: boolean;
-    buttonClassName?: string;
-    contentClassName?: string;
 }
-export declare function WorkflowCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: WorkflowComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, }: WorkflowComboboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/components/workflow-layout.d.ts

@@ -0,0 +1,7 @@
+export interface WorkflowLayoutProps {
+    workflowId: string;
+    children: React.ReactNode;
+    leftSlot?: React.ReactNode;
+    rightSlot?: React.ReactNode;
+}
+export declare const WorkflowLayout: ({ workflowId, children, leftSlot, rightSlot }: WorkflowLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/components/workflow-step-detail.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Content for the step detail tab panel (Map Config or Nested Workflow)
+ */
+export declare function WorkflowStepDetailContent(): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,20 @@
+/**
+ * Tripwire data from workflow steps.
+ * This matches the core TripwireData schema in packages/core/src/agent/trip-wire.ts
+ */
+export type TripwireData = {
+    /** The reason for the tripwire */
+    reason: string;
+    /** If true, the agent should retry with the tripwire reason as feedback */
+    retry?: boolean;
+    /** Strongly typed metadata from the processor */
+    metadata?: unknown;
+    /** The ID of the processor that triggered the tripwire */
+    processorId?: string;
+};
 export type Step = {
     error?: any;
+    tripwire?: TripwireData;
     startedAt: number;
     endedAt?: number;
     status: 'running' | 'success' | 'failed' | 'suspended' | 'waiting';

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

@@ -1,18 +1,41 @@
 import { WorkflowRunState, WorkflowStreamResult } from '@mastra/core/workflows';
+import { Dispatch, SetStateAction, ReactNode } from '../../../../node_modules/@types/react';
+import { WorkflowTriggerProps } from '../workflow/workflow-trigger';
+import { TimeTravelParams } from '@mastra/client-js';
 export type WorkflowRunStreamResult = WorkflowStreamResult<any, any, any, any>;
 type WorkflowRunContextType = {
     result: WorkflowRunStreamResult | null;
-    setResult: React.Dispatch<React.SetStateAction<WorkflowRunStreamResult | null>>;
+    setResult: Dispatch<SetStateAction<WorkflowRunStreamResult | null>>;
     payload: any;
-    setPayload: React.Dispatch<React.SetStateAction<any>>;
+    setPayload: Dispatch<SetStateAction<any>>;
     clearData: () => void;
     snapshot?: WorkflowRunState;
     runId?: string;
-    setRunId: React.Dispatch<React.SetStateAction<string>>;
-};
+    setRunId: Dispatch<SetStateAction<string>>;
+    workflowError: Error | null;
+    observeWorkflowStream?: ({ workflowId, runId, storeRunResult, }: {
+        workflowId: string;
+        runId: string;
+        storeRunResult: WorkflowRunStreamResult | null;
+    }) => void;
+    closeStreamsAndReset: () => void;
+    timeTravelWorkflowStream: (params: {
+        workflowId: string;
+        requestContext: Record<string, unknown>;
+        runId?: string;
+    } & Omit<TimeTravelParams, 'requestContext'>) => Promise<void>;
+    runSnapshot?: WorkflowRunState;
+    isLoadingRunExecutionResult?: boolean;
+    withoutTimeTravel?: boolean;
+    debugMode: boolean;
+    setDebugMode: Dispatch<SetStateAction<boolean>>;
+} & Omit<WorkflowTriggerProps, 'paramsRunId' | 'setRunId' | 'observeWorkflowStream'>;
 export declare const WorkflowRunContext: import('../../../../node_modules/@types/react').Context<WorkflowRunContextType>;
-export declare function WorkflowRunProvider({ children, snapshot, }: {
-    children: React.ReactNode;
+export declare function WorkflowRunProvider({ children, snapshot, workflowId, initialRunId, withoutTimeTravel, }: {
+    children: ReactNode;
     snapshot?: WorkflowRunState;
+    workflowId: string;
+    initialRunId?: string;
+    withoutTimeTravel?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,34 @@
+import { SerializedStepFlowEntry } from '@mastra/core/workflows';
+import { ReactNode } from '../../../../node_modules/@types/react';
+export type StepDetailType = 'map-config' | 'nested-graph' | null;
+export type StepDetailData = {
+    type: StepDetailType;
+    stepName: string;
+    stepId?: string;
+    mapConfig?: string;
+    nestedGraph?: {
+        label: string;
+        stepGraph: SerializedStepFlowEntry[];
+        fullStep: string;
+    };
+};
+type WorkflowStepDetailContextType = {
+    stepDetail: StepDetailData | null;
+    showMapConfig: (params: {
+        stepName: string;
+        stepId?: string;
+        mapConfig: string;
+    }) => void;
+    showNestedGraph: (params: {
+        label: string;
+        stepGraph: SerializedStepFlowEntry[];
+        fullStep: string;
+    }) => void;
+    closeStepDetail: () => void;
+};
+export declare const WorkflowStepDetailContext: import('../../../../node_modules/@types/react').Context<WorkflowStepDetailContextType | null>;
+export declare function useWorkflowStepDetail(): WorkflowStepDetailContextType;
+export declare function WorkflowStepDetailProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,3 +1,4 @@
+import { TimeTravelParams } from '@mastra/client-js';
 import { WorkflowStreamResult as CoreWorkflowStreamResult } from '@mastra/core/workflows';
 export declare const useExecuteWorkflow: () => {
     startWorkflowRun: import('@tanstack/react-query').UseMutationResult<void, Error, {
@@ -20,12 +21,16 @@ export declare const useExecuteWorkflow: () => {
     }, unknown>;
 };
 type WorkflowStreamResult = CoreWorkflowStreamResult<any, any, any, any>;
-export declare const useStreamWorkflow: () => {
+export declare const useStreamWorkflow: ({ debugMode }: {
+    debugMode: boolean;
+}) => {
     streamWorkflow: import('@tanstack/react-query').UseMutationResult<void, Error, {
         workflowId: string;
         runId: string;
         inputData: Record<string, unknown>;
+        initialState?: Record<string, unknown>;
         requestContext: Record<string, unknown>;
+        perStep?: boolean;
     }, unknown>;
     streamResult: WorkflowStreamResult;
     isStreaming: boolean;
@@ -41,7 +46,13 @@ export declare const useStreamWorkflow: () => {
         runId: string;
         resumeData: Record<string, unknown>;
         requestContext: Record<string, unknown>;
+        perStep?: boolean;
     }, unknown>;
+    timeTravelWorkflowStream: import('@tanstack/react-query').UseMutationResult<void, Error, {
+        runId?: string;
+        workflowId: string;
+        requestContext: Record<string, unknown>;
+    } & Omit<TimeTravelParams, "requestContext">, unknown>;
 };
 export declare const useCancelWorkflowRun: () => import('@tanstack/react-query').UseMutationResult<{
     message: string;

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

@@ -1,4 +1,5 @@
 export * from './context/workflow-run-context';
+export * from './context/workflow-step-detail-context';
 export * from './workflow/workflow-graph';
 export * from './workflow/workflow-trigger';
 export * from './context/use-current-run';
@@ -8,3 +9,4 @@ export * from './components/workflow-information';
 export * from './components/workflow-combobox';
 export * from './utils';
 export * from './hooks';
+export * from './components/workflow-layout';

package/dist/src/domains/workflows/workflow/workflow-code-dialog-content.d.ts

@@ -1,3 +1,4 @@
-export declare const CodeDialogContent: ({ data }: {
+export declare const CodeDialogContent: ({ data, language, }: {
     data: any;
+    language?: "json" | "javascript" | "auto";
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -14,5 +14,6 @@ export type DefaultNode = Node<{
 }, 'default-node'>;
 export interface WorkflowDefaultNodeProps {
     parentWorkflowName?: string;
+    stepsFlow: Record<string, string[]>;
 }
-export declare function WorkflowDefaultNode({ data, parentWorkflowName }: NodeProps<DefaultNode> & WorkflowDefaultNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowDefaultNode({ data, parentWorkflowName, stepsFlow, }: NodeProps<DefaultNode> & WorkflowDefaultNodeProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-input-data.d.ts

@@ -6,5 +6,6 @@ export interface WorkflowInputDataProps {
     submitButtonLabel: string;
     onSubmit: (data: any) => void;
     withoutSubmit?: boolean;
+    children?: React.ReactNode;
 }
-export declare const WorkflowInputData: ({ schema, defaultValues, withoutSubmit, isSubmitLoading, submitButtonLabel, onSubmit, }: WorkflowInputDataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowInputData: ({ schema, defaultValues, withoutSubmit, isSubmitLoading, submitButtonLabel, onSubmit, children, }: WorkflowInputDataProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -14,5 +14,6 @@ export type NestedNode = Node<{
 }, 'nested-node'>;
 export interface WorkflowNestedNodeProps {
     parentWorkflowName?: string;
+    stepsFlow: Record<string, string[]>;
 }
-export declare function WorkflowNestedNode({ data, parentWorkflowName }: NodeProps<NestedNode> & WorkflowNestedNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowNestedNode({ data, parentWorkflowName, stepsFlow, }: NodeProps<NestedNode> & WorkflowNestedNodeProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,6 +1,13 @@
+export interface TripwireInfo {
+    reason?: string;
+    retry?: boolean;
+    metadata?: unknown;
+    processorId?: string;
+}
 export interface WorkflowStatusProps {
     stepId: string;
     status: string;
     result: Record<string, unknown>;
+    tripwire?: TripwireInfo;
 }
-export declare const WorkflowStatus: ({ stepId, status, result }: WorkflowStatusProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowStatus: ({ stepId, status, result, tripwire }: WorkflowStatusProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,18 @@
+import { TripwireData } from '../context/use-current-run';
+import { WorkflowRunStatus } from '@mastra/core/workflows';
 export interface WorkflowStepActionBarProps {
     input?: any;
     output?: any;
     suspendOutput?: any;
     resumeData?: any;
     error?: any;
+    tripwire?: TripwireData;
     stepName: string;
     stepId?: string;
     mapConfig?: string;
     onShowNestedGraph?: () => void;
-    status?: 'running' | 'success' | 'failed' | 'suspended' | 'waiting';
+    status?: WorkflowRunStatus;
+    stepKey?: string;
+    stepsFlow?: Record<string, string[]>;
 }
-export declare const WorkflowStepActionBar: ({ input, output, resumeData, suspendOutput, error, mapConfig, stepName, stepId, onShowNestedGraph, status, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowStepActionBar: ({ input, output, resumeData, suspendOutput, error, tripwire, mapConfig, stepName, stepId, onShowNestedGraph, status, stepKey, stepsFlow, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-time-travel-form.d.ts

@@ -0,0 +1,9 @@
+export type WorkflowTimeTravelFormProps = {
+    stepKey: string;
+    closeModal: () => void;
+    isPerStepRun?: boolean;
+    isContinueRun?: boolean;
+    buttonText?: string;
+    inputData?: unknown;
+};
+export declare const WorkflowTimeTravelForm: ({ stepKey, closeModal, isPerStepRun, isContinueRun, buttonText, inputData, }: WorkflowTimeTravelFormProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,5 +1,7 @@
-export interface AvatarProps {
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export type AvatarProps = {
     src?: string;
     name: string;
-}
-export declare const Avatar: ({ src, name }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+    size?: AvatarSize;
+};
+export declare const Avatar: ({ src, name, size }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,7 +7,12 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     prefetch?: boolean | null;
     children: React.ReactNode;
     size?: 'md' | 'lg';
-    variant?: 'default' | 'light';
+    variant?: 'default' | 'light' | 'outline' | 'ghost';
     target?: string;
+    type?: 'button' | 'submit' | 'reset';
 }
-export declare const Button: ({ className, as, size, variant, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare function buttonVariants(options?: {
+    variant?: ButtonProps['variant'];
+    size?: ButtonProps['size'];
+}): string;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/ds/components/CodeEditor/code-editor.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from '../../../../node_modules/@types/react';
+import { Extension } from '@codemirror/state';
+export declare const useCodemirrorTheme: () => Extension;
+export type CodeEditorProps = {
+    data?: Record<string, unknown> | Array<Record<string, unknown>>;
+    value?: string;
+    onChange?: (value: string) => void;
+    showCopyButton?: boolean;
+    className?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
+export declare const CodeEditor: ({ data, value, onChange, showCopyButton, className, ...props }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare function highlight(code: string, language: string): Promise<import('shiki').ThemedToken[][] | null>;

package/dist/src/ds/components/CodeEditor/index.d.ts

@@ -0,0 +1 @@
+export * from './code-editor';

package/dist/src/ds/tokens/sizes.d.ts

@@ -9,5 +9,8 @@ export declare const Sizes: {
     'table-row': string;
     'table-row-small': string;
     'badge-default': string;
-    'avatar-default': string;
+    'avatar-sm': string;
+    'avatar-md': string;
+    'avatar-lg': string;
+    'dropdown-max-height': string;
 };

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

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