@mastra/playground-ui 7.0.0-beta.1 → 7.0.0-beta.10

package/dist/src/components/dynamic-form/index.d.ts

@@ -7,6 +7,7 @@ interface DynamicFormProps<T extends z.ZodSchema> {
     submitButtonLabel?: string;
     className?: string;
     readOnly?: boolean;
+    children?: React.ReactNode;
 }
-export declare function DynamicForm<T extends z.ZodSchema>({ schema, onSubmit, defaultValues, isSubmitLoading, submitButtonLabel, className, readOnly, }: DynamicFormProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare function DynamicForm<T extends z.ZodSchema>({ schema, onSubmit, defaultValues, isSubmitLoading, submitButtonLabel, className, readOnly, children, }: DynamicFormProps<T>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/components/ui/autoform/CustomAutoForm.d.ts

@@ -0,0 +1,2 @@
+import { AutoFormProps } from '@autoform/react';
+export declare function CustomAutoForm<T extends Record<string, any>>({ schema, onSubmit, defaultValues, values, children, uiComponents, formComponents, withSubmit, onFormInit, formProps, }: AutoFormProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/buttons/button.d.ts

@@ -3,5 +3,6 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     className?: string;
     children: React.ReactNode;
     variant?: 'primary' | 'outline' | 'ghost';
+    isFaded?: boolean;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/ui/elements/buttons/combined-buttons.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+export interface CombinedButtonsProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const CombinedButtons: ({ className, children }: CombinedButtonsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/buttons/index.d.ts

@@ -1 +1,2 @@
 export * from './button';
+export * from './combined-buttons';

package/dist/src/components/ui/elements/form-fields/search-field.d.ts

@@ -1,2 +1,5 @@
 import { InputFieldProps } from '..';
-export declare function SearchField(props: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+export type SearchFieldProps = InputFieldProps & {
+    onReset?: () => void;
+};
+export declare function SearchField({ onReset, ...props }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/notification/notification.d.ts

@@ -4,6 +4,8 @@ type Notification = {
     isVisible?: boolean;
     autoDismiss?: boolean;
     dismissTime?: number;
+    dismissible?: boolean;
+    type?: 'info' | 'error';
 };
-export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime }: Notification): import("react/jsx-runtime").JSX.Element | null;
+export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime, dismissible, type, }: Notification): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/components/ui/elements/side-dialog/side-dialog-top.d.ts

@@ -1,6 +1,5 @@
 export type SideDialogTopProps = {
     children?: React.ReactNode;
-    withTopSeparator?: boolean;
     className?: string;
 };
-export declare function SideDialogTop({ children, withTopSeparator, className }: SideDialogTopProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideDialogTop({ children, className }: SideDialogTopProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/input.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const inputVariants: (props?: ({
-    variant?: "default" | "filled" | "unstyled" | null | undefined;
+    variant?: "default" | "unstyled" | "filled" | null | undefined;
     customSize?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {

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

@@ -1,4 +1,5 @@
 import { ChatProps } from '../../../types';
-export declare const AgentChat: ({ agentId, agentName, threadId, memory, refreshThreadList, modelVersion, modelList, messageId, }: Omit<ChatProps, "initialMessages" | "initialLegacyMessages"> & {
+export declare const AgentChat: ({ agentId, agentName, threadId, memory, refreshThreadList, modelVersion, modelList, messageId, isNewThread, }: Omit<ChatProps, "initialMessages" | "initialLegacyMessages"> & {
     messageId?: string;
+    isNewThread?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,6 +1,4 @@
 export interface AgentEntityHeaderProps {
     agentId: string;
-    isLoading: boolean;
-    agentName: string;
 }
-export declare const AgentEntityHeader: ({ agentId, isLoading, agentName }: AgentEntityHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentEntityHeader: ({ agentId }: AgentEntityHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,3 +3,28 @@ export interface AgentInformationProps {
     threadId: string;
 }
 export declare function AgentInformation({ agentId, threadId }: AgentInformationProps): import("react/jsx-runtime").JSX.Element;
+export interface UseAgentInformationTabArgs {
+    isMemoryLoading: boolean;
+    hasMemory: boolean;
+}
+export declare const useAgentInformationTab: ({ isMemoryLoading, hasMemory }: UseAgentInformationTabArgs) => {
+    selectedTab: string;
+    handleTabChange: (value: string) => void;
+};
+export interface UseAgentInformationSettingsArgs {
+    modelId: string;
+}
+export declare const useAgentInformationSettings: ({ modelId }: UseAgentInformationSettingsArgs) => {
+    settings: import('../../../..').AgentSettingsType | undefined;
+    setSettings: (settings: import('../../../..').AgentSettingsType) => void;
+};
+export interface AgentInformationLayoutProps {
+    children: React.ReactNode;
+    agentId?: string;
+}
+export declare const AgentInformationLayout: ({ children, agentId }: AgentInformationLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export interface AgentInformationTabLayoutProps {
+    children: React.ReactNode;
+    agentId: string;
+}
+export declare const AgentInformationTabLayout: ({ children, agentId }: AgentInformationTabLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,6 @@
-import { GetAgentResponse, GetToolResponse, GetWorkflowResponse } from '@mastra/client-js';
-import { AgentMetadataModelSwitcherProps } from './agent-metadata-model-switcher';
-import { AgentMetadataModelListProps } from './agent-metadata-model-list';
+import { GetToolResponse, GetWorkflowResponse } from '@mastra/client-js';
 export interface AgentMetadataProps {
     agentId: string;
-    agent: GetAgentResponse;
-    hasMemoryEnabled: boolean;
-    modelVersion: string;
-    updateModel: AgentMetadataModelSwitcherProps['updateModel'];
-    resetModel: AgentMetadataModelSwitcherProps['resetModel'];
-    updateModelInModelList: AgentMetadataModelListProps['updateModelInModelList'];
-    reorderModelList: AgentMetadataModelListProps['reorderModelList'];
 }
 export interface AgentMetadataNetworkListProps {
     agents: {
@@ -18,7 +9,7 @@ export interface AgentMetadataNetworkListProps {
     }[];
 }
 export declare const AgentMetadataNetworkList: ({ agents }: AgentMetadataNetworkListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AgentMetadata: ({ agentId, agent, hasMemoryEnabled, updateModel, resetModel, updateModelInModelList, reorderModelList, modelVersion, }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentMetadata: ({ agentId }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
 export interface AgentMetadataToolListProps {
     tools: GetToolResponse[];
     agentId: string;

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

@@ -1,6 +1,4 @@
 export interface AgentSettingsProps {
-    modelVersion: string;
-    hasMemory?: boolean;
-    hasSubAgents?: boolean;
+    agentId: string;
 }
-export declare const AgentSettings: ({ modelVersion, hasMemory, hasSubAgents }: AgentSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentSettings: ({ agentId }: AgentSettingsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -14,3 +14,5 @@ export * from './hooks/use-agent';
 export * from './hooks/use-execute-agent-tool';
 export * from './components/AgentToolPanel';
 export * from './components/agent-information/agent-information';
+export * from './components/agent-entity-header';
+export * from './components/agent-information/agent-memory';

package/dist/src/domains/configuration/components/header-list-form.d.ts

@@ -0,0 +1,10 @@
+export type HeaderListFormItem = {
+    name: string;
+    value: string;
+};
+export interface HeaderListFormProps {
+    headers: Array<HeaderListFormItem>;
+    onAddHeader: (header: HeaderListFormItem) => void;
+    onRemoveHeader: (index: number) => void;
+}
+export declare const HeaderListForm: ({ headers, onAddHeader, onRemoveHeader }: HeaderListFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/configuration/components/playground-config-guard.d.ts

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

package/dist/src/domains/configuration/components/studio-config-form.d.ts

@@ -0,0 +1,5 @@
+import { StudioConfig } from '../types';
+export interface StudioConfigFormProps {
+    initialConfig?: StudioConfig;
+}
+export declare const StudioConfigForm: ({ initialConfig }: StudioConfigFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/configuration/context/studio-config-context.d.ts

@@ -0,0 +1,12 @@
+import { StudioConfig } from '../types';
+export type StudioConfigContextType = StudioConfig & {
+    isLoading: boolean;
+    setConfig: (partialNewConfig: Partial<StudioConfig>) => void;
+};
+export declare const StudioConfigContext: import('../../../../node_modules/@types/react').Context<StudioConfigContextType>;
+export declare const useStudioConfig: () => StudioConfigContextType;
+export interface StudioConfigProviderProps {
+    children: React.ReactNode;
+    endpoint?: string;
+}
+export declare const StudioConfigProvider: ({ children, endpoint }: StudioConfigProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/configuration/hooks/use-mastra-instance-status.d.ts

@@ -0,0 +1,4 @@
+export type UseMastraInstanceStatusResponse = {
+    status: 'active' | 'inactive';
+};
+export declare const useMastraInstanceStatus: (endpoint?: string) => import('@tanstack/react-query').UseQueryResult<UseMastraInstanceStatusResponse, Error>;

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

@@ -0,0 +1,4 @@
+export * from './context/studio-config-context';
+export * from './components/studio-config-form';
+export * from './types';
+export * from './components/playground-config-guard';

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

@@ -0,0 +1,4 @@
+export type StudioConfig = {
+    baseUrl: string;
+    headers: Record<string, string>;
+};

package/dist/src/domains/observability/components/helpers.d.ts

@@ -6,10 +6,8 @@ export declare function useTraceInfo(trace: SpanRecord | undefined): {
 }[];
 type getSpanInfoProps = {
     span: SpanRecord | undefined;
-    withTraceId?: boolean;
-    withSpanId?: boolean;
 };
-export declare function getSpanInfo({ span, withTraceId, withSpanId }: getSpanInfoProps): {
+export declare function getSpanInfo({ span }: getSpanInfoProps): {
     key: string;
     label: string;
     value: string;

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

@@ -1,5 +1,5 @@
 export * from './trace-timeline';
-export * from './trace-timeline-legend';
+export * from './trace-timeline-tools';
 export * from './trace-timeline-span';
 export * from './shared';
 export * from './trace-dialog';

package/dist/src/domains/observability/components/shared.d.ts

@@ -1,6 +1,3 @@
+import { UISpanStyle } from '../types';
 export declare const spanTypePrefixes: string[];
-export declare function getSpanTypeUi(type: string): {
-    icon: React.ReactNode;
-    color: string;
-    label: string;
-} | null;
+export declare function getSpanTypeUi(type: string): UISpanStyle | null;

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

@@ -1,6 +1,6 @@
 import { KeyValueListItemData } from '../../../components/ui/elements';
 import { SpanRecord } from '@mastra/core/storage';
-import { ListScoresResponse } from '@mastra/client-js';
+import { ListScoresResponse, GetScorerResponse } from '@mastra/client-js';
 type SpanDialogProps = {
     trace: SpanRecord;
     span?: SpanRecord;
@@ -16,6 +16,8 @@ type SpanDialogProps = {
     defaultActiveTab?: string;
     initialScoreId?: string;
     computeTraceLink: (traceId: string, spanId?: string) => string;
+    scorers?: Record<string, GetScorerResponse>;
+    isLoadingScorers?: boolean;
 };
-export declare function SpanDialog({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, isOpen, onClose, onNext, onPrevious, onViewToggle, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, }: SpanDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpanDialog({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, isOpen, onClose, onNext, onPrevious, onViewToggle, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, scorers, isLoadingScorers, }: SpanDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,10 @@
+import { GetScorerResponse } from '@mastra/client-js';
 export interface SpanScoringProps {
     traceId?: string;
     spanId?: string;
     entityType?: string;
+    isTopLevelSpan?: boolean;
+    scorers?: Record<string, GetScorerResponse>;
+    isLoadingScorers?: boolean;
 }
-export declare const SpanScoring: ({ traceId, spanId, entityType }: SpanScoringProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpanScoring: ({ traceId, spanId, entityType, isTopLevelSpan, scorers, isLoadingScorers, }: SpanScoringProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { KeyValueListItemData } from '../../../index';
-import { ListScoresResponse } from '@mastra/client-js';
+import { ListScoresResponse, GetScorerResponse } from '@mastra/client-js';
 import { SpanRecord } from '@mastra/core/storage';
 type SpanTabsProps = {
     trace?: SpanRecord;
@@ -11,6 +11,8 @@ type SpanTabsProps = {
     defaultActiveTab?: string;
     initialScoreId?: string;
     computeTraceLink: (traceId: string, spanId?: string) => string;
+    scorers?: Record<string, GetScorerResponse>;
+    isLoadingScorers?: boolean;
 };
-export declare function SpanTabs({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, }: SpanTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpanTabs({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, scorers, isLoadingScorers, }: SpanTabsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/observability/components/span-type-icon.d.ts

@@ -0,0 +1,6 @@
+type SpanTypeIconProps = {
+    icon: React.ReactNode;
+    color?: string;
+};
+export declare function SpanTypeIcon({ icon, color }: SpanTypeIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+type TimelineExpandColProps = {
+    isSelected?: boolean;
+    isFaded?: boolean;
+    isExpanded?: boolean;
+    toggleChildren?: () => void;
+    expandAllDescendants?: () => void;
+    expandedSpanIds?: string[];
+    totalDescendants?: number;
+    allDescendantsExpanded?: boolean;
+    numOfChildren?: number;
+};
+export declare function TimelineExpandCol({ isSelected, isFaded, isExpanded, toggleChildren, expandAllDescendants, totalDescendants, allDescendantsExpanded, numOfChildren, }: TimelineExpandColProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import { UISpan, UISpanStyle } from '../types';
+type TimelineNameColProps = {
+    span: UISpan;
+    spanUI?: UISpanStyle | null;
+    isFaded?: boolean;
+    depth?: number;
+    onSpanClick?: (id: string) => void;
+    selectedSpanId?: string;
+    isLastChild?: boolean;
+    hasChildren?: boolean;
+    isRootSpan?: boolean;
+    isExpanded?: boolean;
+    toggleChildren?: () => void;
+};
+export declare function TimelineNameCol({ span, spanUI, isFaded, depth, onSpanClick, selectedSpanId, isLastChild, hasChildren, isRootSpan, isExpanded, toggleChildren, }: TimelineNameColProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+type TimelineStructureSignProps = {
+    isLastChild?: boolean;
+    hasChildren?: boolean;
+    expanded?: boolean;
+};
+export declare function TimelineStructureSign({ isLastChild, hasChildren, expanded, }: TimelineStructureSignProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import { UISpan } from '../types';
+type TimelineTimingColProps = {
+    span: UISpan;
+    selectedSpanId?: string;
+    isFaded?: boolean;
+    overallLatency?: number;
+    overallStartTime?: string;
+    overallEndTime?: string;
+    color?: string;
+};
+export declare function TimelineTimingCol({ span, selectedSpanId, isFaded, overallLatency, overallStartTime, color, }: TimelineTimingColProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,5 @@
 import { SpanRecord } from '@mastra/core/storage';
+import { GetScorerResponse } from '@mastra/client-js';
 type TraceDialogProps = {
     traceSpans?: SpanRecord[];
     traceId?: string;
@@ -14,6 +15,8 @@ type TraceDialogProps = {
     initialSpanId?: string;
     initialSpanTab?: string;
     initialScoreId?: string;
+    scorers?: Record<string, GetScorerResponse>;
+    isLoadingScorers?: boolean;
 };
-export declare function TraceDialog({ traceId, traceSpans, traceDetails, isOpen, onClose, onNext, onPrevious, isLoadingSpans, computeAgentsLink, computeWorkflowsLink, computeTraceLink, initialSpanId, initialSpanTab, initialScoreId, }: TraceDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceDialog({ traceId, traceSpans, traceDetails, isOpen, onClose, onNext, onPrevious, isLoadingSpans, computeTraceLink, initialSpanId, initialSpanTab, initialScoreId, scorers, isLoadingScorers, }: TraceDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

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/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,18 @@
+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;
+};
+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,10 @@
+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;
+};

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/workflows/context/use-current-run.d.ts

@@ -6,6 +6,8 @@ export type Step = {
     output?: any;
     input?: any;
     resumeData?: any;
+    suspendOutput?: any;
+    suspendPayload?: any;
 };
 type UseCurrentRunReturnType = {
     steps: Record<string, Step>;

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

@@ -1,18 +1,38 @@
 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>;
+    } & Omit<TimeTravelParams, 'requestContext'>) => Promise<void>;
+    runSnapshot?: WorkflowRunState;
+    isLoadingRunExecutionResult?: boolean;
+    withoutTimeTravel?: 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/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, {
@@ -42,6 +43,10 @@ export declare const useStreamWorkflow: () => {
         resumeData: Record<string, unknown>;
         requestContext: Record<string, unknown>;
     }, unknown>;
+    timeTravelWorkflowStream: import('@tanstack/react-query').UseMutationResult<void, Error, {
+        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/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-step-action-bar.d.ts

@@ -1,6 +1,7 @@
 export interface WorkflowStepActionBarProps {
     input?: any;
     output?: any;
+    suspendOutput?: any;
     resumeData?: any;
     error?: any;
     stepName: string;
@@ -8,5 +9,6 @@ export interface WorkflowStepActionBarProps {
     mapConfig?: string;
     onShowNestedGraph?: () => void;
     status?: 'running' | 'success' | 'failed' | 'suspended' | 'waiting';
+    stepKey?: string;
 }
-export declare const WorkflowStepActionBar: ({ input, output, resumeData, error, mapConfig, stepName, stepId, onShowNestedGraph, status, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowStepActionBar: ({ input, output, resumeData, suspendOutput, error, mapConfig, stepName, stepId, onShowNestedGraph, status, stepKey, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export type WorkflowTimeTravelFormProps = {
+    stepKey: string;
+    closeModal: () => void;
+};
+export declare const WorkflowTimeTravelForm: ({ stepKey, closeModal }: WorkflowTimeTravelFormProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -9,5 +9,6 @@ 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/tokens/sizes.d.ts

@@ -10,4 +10,5 @@ export declare const Sizes: {
     'table-row-small': string;
     'badge-default': string;
     'avatar-default': string;
+    'dropdown-max-height': string;
 };