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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/CHANGELOG.md +275 -87
  2. package/dist/index.cjs.js +1812 -3366
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.es.js +1802 -3342
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/src/components/assistant-ui/memory-search.d.ts +1 -1
  7. package/dist/src/components/assistant-ui/messages/user-messages.d.ts +0 -1
  8. package/dist/src/components/assistant-ui/tooltip-icon-button.d.ts +6 -1
  9. package/dist/src/components/syntax-highlighter.d.ts +2 -1
  10. package/dist/src/components/ui/button.d.ts +8 -3
  11. package/dist/src/components/ui/combobox.d.ts +17 -0
  12. package/dist/src/components/ui/elements/form-fields/index.d.ts +0 -4
  13. package/dist/src/components/ui/elements/headers/index.d.ts +0 -1
  14. package/dist/src/components/ui/elements/main-sidebar/main-sidebar.d.ts +1 -1
  15. package/dist/src/components/ui/input.d.ts +1 -1
  16. package/dist/src/components/ui/syntax-highlighter.d.ts +1 -1
  17. package/dist/src/components/ui/textarea.d.ts +1 -1
  18. package/dist/src/domains/agents/components/agent-combobox.d.ts +12 -0
  19. package/dist/src/domains/agents/components/agent-information/agent-instructions-enhancer.d.ts +2 -4
  20. package/dist/src/domains/agents/components/agent-metadata/agent-metadata-model-switcher.d.ts +1 -2
  21. package/dist/src/domains/agents/components/agent-metadata/agent-metadata.d.ts +1 -3
  22. package/dist/src/domains/agents/components/agent-metadata/index.d.ts +0 -1
  23. package/dist/src/domains/agents/components/{runtime-context.d.ts → request-context.d.ts} +2 -2
  24. package/dist/src/domains/agents/context/agent-context.d.ts +2 -1
  25. package/dist/src/domains/agents/context/agent-prompt-experiment-context.d.ts +15 -0
  26. package/dist/src/domains/agents/context/index.d.ts +1 -1
  27. package/dist/src/domains/agents/context/model-reset-context.d.ts +0 -4
  28. package/dist/src/domains/agents/hooks/use-agent-settings-state.d.ts +2 -1
  29. package/dist/src/domains/agents/hooks/use-agents-model-providers.d.ts +1 -0
  30. package/dist/src/domains/agents/hooks/use-execute-agent-tool.d.ts +1 -1
  31. package/dist/src/domains/agents/hooks/use-prompt-enhancer.d.ts +5 -13
  32. package/dist/src/domains/agents/index.d.ts +2 -2
  33. package/dist/src/domains/mcps/components/mcp-server-combobox.d.ts +12 -0
  34. package/dist/src/domains/mcps/index.d.ts +1 -0
  35. package/dist/src/domains/memory/hooks/use-memory.d.ts +8 -9
  36. package/dist/src/domains/observability/components/helpers.d.ts +3 -3
  37. package/dist/src/domains/observability/components/span-details.d.ts +2 -2
  38. package/dist/src/domains/observability/components/span-dialog.d.ts +5 -5
  39. package/dist/src/domains/observability/components/span-score-list.d.ts +2 -2
  40. package/dist/src/domains/observability/components/span-tabs.d.ts +5 -5
  41. package/dist/src/domains/observability/components/trace-dialog.d.ts +3 -3
  42. package/dist/src/domains/observability/components/trace-span-usage.d.ts +2 -2
  43. package/dist/src/domains/observability/components/trace-timeline-legend.d.ts +2 -2
  44. package/dist/src/domains/observability/components/traces-list.d.ts +3 -3
  45. package/dist/src/domains/observability/utils/format-hierarchical-spans.d.ts +2 -2
  46. package/dist/src/domains/scores/components/score-dialog.d.ts +1 -1
  47. package/dist/src/domains/scores/components/scorer-combobox.d.ts +12 -0
  48. package/dist/src/domains/scores/hooks/use-scorers.d.ts +3 -6
  49. package/dist/src/domains/scores/hooks/use-trace-span-scores.d.ts +1 -1
  50. package/dist/src/domains/scores/index.d.ts +2 -1
  51. package/dist/src/domains/tools/components/ToolExecutor.d.ts +1 -1
  52. package/dist/src/domains/tools/components/index.d.ts +1 -0
  53. package/dist/src/domains/tools/components/tool-combobox.d.ts +12 -0
  54. package/dist/src/domains/tools/hooks/use-all-tools.d.ts +3 -1
  55. package/dist/src/domains/tools/hooks/use-execute-tool.d.ts +1 -1
  56. package/dist/src/domains/workflows/components/workflow-combobox.d.ts +12 -0
  57. package/dist/src/domains/workflows/components/workflow-information.d.ts +5 -0
  58. package/dist/src/domains/workflows/context/workflow-nested-graph-context.d.ts +1 -7
  59. package/dist/src/domains/workflows/hooks/use-workflows-actions.d.ts +4 -19
  60. package/dist/src/domains/workflows/index.d.ts +2 -0
  61. package/dist/src/domains/workflows/workflow/workflow-default-node.d.ts +5 -8
  62. package/dist/src/domains/workflows/workflow/workflow-graph-inner.d.ts +1 -7
  63. package/dist/src/domains/workflows/workflow/workflow-graph.d.ts +1 -7
  64. package/dist/src/domains/workflows/workflow/workflow-nested-graph.d.ts +1 -7
  65. package/dist/src/domains/workflows/workflow/workflow-nested-node.d.ts +5 -8
  66. package/dist/src/domains/workflows/workflow/workflow-node-badges.d.ts +55 -0
  67. package/dist/src/domains/workflows/workflow/workflow-step-action-bar.d.ts +2 -6
  68. package/dist/src/domains/workflows/workflow/workflow-trigger.d.ts +4 -4
  69. package/dist/src/ds/components/Alert/Alert.d.ts +1 -1
  70. package/dist/src/ds/components/Breadcrumb/Breadcrumb.d.ts +2 -1
  71. package/dist/src/ds/components/Logo/MastraLogo.d.ts +1 -1
  72. package/dist/src/ds/components/Table/Cells.d.ts +0 -3
  73. package/dist/src/ds/components/TraceTree/Span.d.ts +1 -3
  74. package/dist/src/ds/icons/index.d.ts +0 -2
  75. package/dist/src/hooks/use-agent-messages.d.ts +1 -1
  76. package/dist/src/hooks/use-workflow-runs.d.ts +2 -1
  77. package/dist/src/index.d.ts +2 -5
  78. package/dist/src/services/mastra-runtime-provider.d.ts +1 -1
  79. package/dist/src/store/playground-store.d.ts +2 -2
  80. package/dist/src/types/memory.d.ts +0 -7
  81. package/dist/src/types.d.ts +1 -3
  82. package/package.json +21 -19
  83. package/dist/src/components/assistant-ui/thread-list.d.ts +0 -2
  84. package/dist/src/components/assistant-ui/tools/tool-approval.d.ts +0 -8
  85. package/dist/src/components/icons/agent-icon.d.ts +0 -3
  86. package/dist/src/components/icons/automation-icon.d.ts +0 -3
  87. package/dist/src/components/ui/copyable-content.d.ts +0 -7
  88. package/dist/src/components/ui/dropdown-menu.d.ts +0 -42
  89. package/dist/src/components/ui/elements/entry-list/entry-list-toolbar.d.ts +0 -6
  90. package/dist/src/components/ui/elements/form-fields/form-actions.d.ts +0 -12
  91. package/dist/src/components/ui/elements/form-fields/radio-group-field.d.ts +0 -21
  92. package/dist/src/components/ui/elements/form-fields/slider-field.d.ts +0 -15
  93. package/dist/src/components/ui/elements/form-fields/textarea-field.d.ts +0 -11
  94. package/dist/src/components/ui/elements/headers/entity-main-header.d.ts +0 -11
  95. package/dist/src/components/ui/elements/side-dialog/side-dialog-footer.d.ts +0 -10
  96. package/dist/src/components/ui/formatted-date.d.ts +0 -3
  97. package/dist/src/components/ui/resizable.d.ts +0 -23
  98. package/dist/src/components/ui/score-indicator.d.ts +0 -3
  99. package/dist/src/components/ui/toggle.d.ts +0 -12
  100. package/dist/src/domains/agents/components/agent-evals.d.ts +0 -8
  101. package/dist/src/domains/agents/components/agent-information/current-instructions.d.ts +0 -15
  102. package/dist/src/domains/agents/components/agent-information/version-actions.d.ts +0 -8
  103. package/dist/src/domains/agents/components/agent-information/version-history-dialog.d.ts +0 -9
  104. package/dist/src/domains/agents/components/agent-information/version-history.d.ts +0 -10
  105. package/dist/src/domains/agents/components/agent-information/version-item.d.ts +0 -14
  106. package/dist/src/domains/agents/components/agent-metadata/agent-metadata-prompt.d.ts +0 -4
  107. package/dist/src/domains/agents/components/agent-metadata/connection-dot.d.ts +0 -6
  108. package/dist/src/domains/agents/components/agent-metadata/models.d.ts +0 -5
  109. package/dist/src/domains/agents/components/agent-metadata/provider-status-indicator.d.ts +0 -7
  110. package/dist/src/domains/agents/hooks/use-prompt-versions.d.ts +0 -12
  111. package/dist/src/domains/evals/hooks/index.d.ts +0 -1
  112. package/dist/src/domains/evals/hooks/use-evals-by-agent-id.d.ts +0 -14
  113. package/dist/src/domains/evals/index.d.ts +0 -1
  114. package/dist/src/domains/evals/types.d.ts +0 -23
  115. package/dist/src/domains/resizable-panel.d.ts +0 -11
  116. package/dist/src/domains/scores/components/score-table.d.ts +0 -11
  117. package/dist/src/domains/tools/components/tool-table/types.d.ts +0 -2
  118. package/dist/src/domains/traces/components/traces-table.d.ts +0 -8
  119. package/dist/src/domains/traces/components/traces-view.d.ts +0 -12
  120. package/dist/src/domains/traces/context/trace-context.d.ts +0 -20
  121. package/dist/src/domains/traces/hooks/use-open-trace.d.ts +0 -4
  122. package/dist/src/domains/traces/index.d.ts +0 -2
  123. package/dist/src/domains/traces/mock-data.d.ts +0 -1356
  124. package/dist/src/domains/traces/trace-details.d.ts +0 -1
  125. package/dist/src/domains/traces/trace-span-details.d.ts +0 -1
  126. package/dist/src/domains/traces/trace-span-view.d.ts +0 -5
  127. package/dist/src/domains/traces/traces-sidebar.d.ts +0 -6
  128. package/dist/src/domains/traces/types.d.ts +0 -55
  129. package/dist/src/domains/traces/utils/createSpanTree.d.ts +0 -2
  130. package/dist/src/domains/traces/utils/getSpanVariant.d.ts +0 -3
  131. package/dist/src/domains/traces/utils.d.ts +0 -12
  132. package/dist/src/domains/workflows/workflow/workflow-result.d.ts +0 -5
  133. package/dist/src/domains/workflows/workflow/workflow-run-event-form.d.ts +0 -12
  134. package/dist/src/ds/icons/EvaluatorCoinIcon.d.ts +0 -2
  135. package/dist/src/ds/icons/ScoreIcon.d.ts +0 -2
  136. package/dist/src/hooks/use-resize-column.d.ts +0 -12
  137. package/dist/src/lib/mastra-client.d.ts +0 -2
  138. package/dist/src/lib/pagination/types.d.ts +0 -11
  139. package/dist/src/lib/polls.d.ts +0 -36
@@ -0,0 +1,12 @@
1
+ export interface WorkflowComboboxProps {
2
+ value?: string;
3
+ onValueChange?: (value: string) => void;
4
+ placeholder?: string;
5
+ searchPlaceholder?: string;
6
+ emptyText?: string;
7
+ className?: string;
8
+ disabled?: boolean;
9
+ buttonClassName?: string;
10
+ contentClassName?: string;
11
+ }
12
+ export declare function WorkflowCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: WorkflowComboboxProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export interface WorkflowInformationProps {
2
+ workflowId: string;
3
+ initialRunId?: string;
4
+ }
5
+ export declare function WorkflowInformation({ workflowId, initialRunId }: WorkflowInformationProps): import("react/jsx-runtime").JSX.Element | null;
@@ -1,5 +1,4 @@
1
1
  import { SerializedStepFlowEntry } from '@mastra/core/workflows';
2
- import { WorkflowSendEventFormProps } from '../workflow/workflow-run-event-form';
3
2
  type WorkflowNestedGraphContextType = {
4
3
  showNestedGraph: ({ label, stepGraph, fullStep, }: {
5
4
  label: string;
@@ -9,12 +8,7 @@ type WorkflowNestedGraphContextType = {
9
8
  closeNestedGraph: () => void;
10
9
  };
11
10
  export declare const WorkflowNestedGraphContext: import('../../../../node_modules/@types/react').Context<WorkflowNestedGraphContextType>;
12
- export declare function WorkflowNestedGraphProvider({ children, onShowTrace, onSendEvent, }: {
11
+ export declare function WorkflowNestedGraphProvider({ children }: {
13
12
  children: React.ReactNode;
14
- onShowTrace?: ({ runId, stepName }: {
15
- runId: string;
16
- stepName: string;
17
- }) => void;
18
- onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
19
13
  }): import("react/jsx-runtime").JSX.Element;
20
14
  export {};
@@ -1,18 +1,10 @@
1
- import { WorkflowWatchResult } from '@mastra/client-js';
2
1
  import { WorkflowStreamResult as CoreWorkflowStreamResult } from '@mastra/core/workflows';
3
- export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
4
- sanitizedOutput?: string | null;
5
- sanitizedError?: {
6
- message: string;
7
- stack?: string;
8
- } | null;
9
- };
10
2
  export declare const useExecuteWorkflow: () => {
11
3
  startWorkflowRun: import('@tanstack/react-query').UseMutationResult<void, Error, {
12
4
  workflowId: string;
13
5
  runId: string;
14
6
  input: Record<string, unknown>;
15
- runtimeContext: Record<string, unknown>;
7
+ requestContext: Record<string, unknown>;
16
8
  }, unknown>;
17
9
  createWorkflowRun: import('@tanstack/react-query').UseMutationResult<{
18
10
  runId: string;
@@ -24,7 +16,7 @@ export declare const useExecuteWorkflow: () => {
24
16
  workflowId: string;
25
17
  runId?: string;
26
18
  input: Record<string, unknown>;
27
- runtimeContext: Record<string, unknown>;
19
+ requestContext: Record<string, unknown>;
28
20
  }, unknown>;
29
21
  };
30
22
  type WorkflowStreamResult = CoreWorkflowStreamResult<any, any, any, any>;
@@ -33,7 +25,7 @@ export declare const useStreamWorkflow: () => {
33
25
  workflowId: string;
34
26
  runId: string;
35
27
  inputData: Record<string, unknown>;
36
- runtimeContext: Record<string, unknown>;
28
+ requestContext: Record<string, unknown>;
37
29
  }, unknown>;
38
30
  streamResult: WorkflowStreamResult;
39
31
  isStreaming: boolean;
@@ -48,7 +40,7 @@ export declare const useStreamWorkflow: () => {
48
40
  step: string | string[];
49
41
  runId: string;
50
42
  resumeData: Record<string, unknown>;
51
- runtimeContext: Record<string, unknown>;
43
+ requestContext: Record<string, unknown>;
52
44
  }, unknown>;
53
45
  };
54
46
  export declare const useCancelWorkflowRun: () => import('@tanstack/react-query').UseMutationResult<{
@@ -57,11 +49,4 @@ export declare const useCancelWorkflowRun: () => import('@tanstack/react-query')
57
49
  workflowId: string;
58
50
  runId: string;
59
51
  }, unknown>;
60
- export declare const useSendWorkflowRunEvent: (workflowId: string) => import('@tanstack/react-query').UseMutationResult<{
61
- message: string;
62
- }, Error, {
63
- runId: string;
64
- event: string;
65
- data: unknown;
66
- }, unknown>;
67
52
  export {};
@@ -4,5 +4,7 @@ export * from './workflow/workflow-trigger';
4
4
  export * from './context/use-current-run';
5
5
  export * from './runs/workflow-run-details';
6
6
  export * from './components/workflow-table/workflow-table';
7
+ export * from './components/workflow-information';
8
+ export * from './components/workflow-combobox';
7
9
  export * from './utils';
8
10
  export * from './hooks';
@@ -1,21 +1,18 @@
1
1
  import { NodeProps, Node } from '@xyflow/react';
2
- import { WorkflowSendEventFormProps } from './workflow-run-event-form';
3
2
  export type DefaultNode = Node<{
4
3
  label: string;
4
+ stepId?: string;
5
5
  description?: string;
6
6
  withoutTopHandle?: boolean;
7
7
  withoutBottomHandle?: boolean;
8
8
  mapConfig?: string;
9
- event?: string;
10
9
  duration?: number;
11
10
  date?: Date;
11
+ isParallel?: boolean;
12
+ canSuspend?: boolean;
13
+ isForEach?: boolean;
12
14
  }, 'default-node'>;
13
15
  export interface WorkflowDefaultNodeProps {
14
- onShowTrace?: ({ runId, stepName }: {
15
- runId: string;
16
- stepName: string;
17
- }) => void;
18
- onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
19
16
  parentWorkflowName?: string;
20
17
  }
21
- export declare function WorkflowDefaultNode({ data, onShowTrace, parentWorkflowName, onSendEvent, }: NodeProps<DefaultNode> & WorkflowDefaultNodeProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function WorkflowDefaultNode({ data, parentWorkflowName }: NodeProps<DefaultNode> & WorkflowDefaultNodeProps): import("react/jsx-runtime").JSX.Element;
@@ -1,13 +1,7 @@
1
1
  import { GetWorkflowResponse } from '@mastra/client-js';
2
- import { WorkflowSendEventFormProps } from './workflow-run-event-form';
3
2
  export interface WorkflowGraphInnerProps {
4
3
  workflow: {
5
4
  stepGraph: GetWorkflowResponse['stepGraph'];
6
5
  };
7
- onShowTrace?: ({ runId, stepName }: {
8
- runId: string;
9
- stepName: string;
10
- }) => void;
11
- onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
12
6
  }
13
- export declare function WorkflowGraphInner({ workflow, onShowTrace, onSendEvent }: WorkflowGraphInnerProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function WorkflowGraphInner({ workflow }: WorkflowGraphInnerProps): import("react/jsx-runtime").JSX.Element;
@@ -1,13 +1,7 @@
1
1
  import { GetWorkflowResponse } from '@mastra/client-js';
2
- import { WorkflowSendEventFormProps } from './workflow-run-event-form';
3
2
  export interface WorkflowGraphProps {
4
3
  workflowId: string;
5
4
  isLoading?: boolean;
6
5
  workflow?: GetWorkflowResponse;
7
- onShowTrace?: ({ runId, stepName }: {
8
- runId: string;
9
- stepName: string;
10
- }) => void;
11
- onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
12
6
  }
13
- export declare function WorkflowGraph({ workflowId, onShowTrace, workflow, isLoading, onSendEvent }: WorkflowGraphProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function WorkflowGraph({ workflowId, workflow, isLoading }: WorkflowGraphProps): import("react/jsx-runtime").JSX.Element;
@@ -1,13 +1,7 @@
1
1
  import { SerializedStepFlowEntry } from '@mastra/core/workflows';
2
- import { WorkflowSendEventFormProps } from './workflow-run-event-form';
3
2
  export interface WorkflowNestedGraphProps {
4
3
  stepGraph: SerializedStepFlowEntry[];
5
4
  open: boolean;
6
5
  workflowName: string;
7
- onShowTrace?: ({ runId, stepName }: {
8
- runId: string;
9
- stepName: string;
10
- }) => void;
11
- onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
12
6
  }
13
- export declare function WorkflowNestedGraph({ stepGraph, open, workflowName, onShowTrace, onSendEvent, }: WorkflowNestedGraphProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function WorkflowNestedGraph({ stepGraph, open, workflowName }: WorkflowNestedGraphProps): import("react/jsx-runtime").JSX.Element;
@@ -1,21 +1,18 @@
1
1
  import { NodeProps, Node } from '@xyflow/react';
2
2
  import { SerializedStepFlowEntry } from '@mastra/core/workflows';
3
- import { WorkflowSendEventFormProps } from './workflow-run-event-form';
4
3
  export type NestedNode = Node<{
5
4
  label: string;
5
+ stepId?: string;
6
6
  description?: string;
7
7
  withoutTopHandle?: boolean;
8
8
  withoutBottomHandle?: boolean;
9
9
  stepGraph: SerializedStepFlowEntry[];
10
10
  mapConfig?: string;
11
- event?: string;
11
+ isParallel?: boolean;
12
+ canSuspend?: boolean;
13
+ isForEach?: boolean;
12
14
  }, 'nested-node'>;
13
15
  export interface WorkflowNestedNodeProps {
14
- onShowTrace?: ({ runId, stepName }: {
15
- runId: string;
16
- stepName: string;
17
- }) => void;
18
- onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
19
16
  parentWorkflowName?: string;
20
17
  }
21
- export declare function WorkflowNestedNode({ data, parentWorkflowName, onShowTrace, onSendEvent, }: NodeProps<NestedNode> & WorkflowNestedNodeProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function WorkflowNestedNode({ data, parentWorkflowName }: NodeProps<NestedNode> & WorkflowNestedNodeProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,55 @@
1
+ import { LucideIcon } from 'lucide-react';
2
+ export declare const BADGE_COLORS: {
3
+ readonly sleep: "#A855F7";
4
+ readonly forEach: "#F97316";
5
+ readonly map: "#F97316";
6
+ readonly parallel: "#3B82F6";
7
+ readonly suspend: "#EC4899";
8
+ readonly after: "#14B8A6";
9
+ readonly workflow: "#8B5CF6";
10
+ readonly when: "#ECB047";
11
+ readonly dountil: "#8B5CF6";
12
+ readonly dowhile: "#06B6D4";
13
+ readonly until: "#F59E0B";
14
+ readonly while: "#10B981";
15
+ readonly if: "#3B82F6";
16
+ readonly else: "#6B7280";
17
+ };
18
+ export declare const BADGE_ICONS: {
19
+ readonly sleep: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
20
+ readonly sleepUntil: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
21
+ readonly forEach: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
22
+ readonly map: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
23
+ readonly parallel: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
24
+ readonly suspend: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
25
+ readonly after: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
26
+ readonly workflow: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
27
+ readonly when: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
28
+ readonly dountil: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
29
+ readonly dowhile: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
30
+ readonly until: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
31
+ readonly while: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
32
+ readonly if: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
33
+ readonly else: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
34
+ };
35
+ export interface ConditionIconConfig {
36
+ icon: LucideIcon | undefined;
37
+ color: string | undefined;
38
+ }
39
+ export declare const getConditionIconAndColor: (type: string) => ConditionIconConfig;
40
+ export interface NodeBadgeInfo {
41
+ isSleepNode: boolean;
42
+ isForEachNode: boolean;
43
+ isMapNode: boolean;
44
+ isNestedWorkflow: boolean;
45
+ hasSpecialBadge: boolean;
46
+ }
47
+ export declare const getNodeBadgeInfo: (data: {
48
+ duration?: number;
49
+ date?: Date;
50
+ isForEach?: boolean;
51
+ mapConfig?: string;
52
+ canSuspend?: boolean;
53
+ isParallel?: boolean;
54
+ stepGraph?: any;
55
+ }) => NodeBadgeInfo;
@@ -1,16 +1,12 @@
1
- import { WorkflowSendEventFormProps } from './workflow-run-event-form';
2
1
  export interface WorkflowStepActionBarProps {
3
2
  input?: any;
4
3
  output?: any;
5
4
  resumeData?: any;
6
5
  error?: any;
7
6
  stepName: string;
7
+ stepId?: string;
8
8
  mapConfig?: string;
9
- event?: string;
10
- onShowTrace?: () => void;
11
9
  onShowNestedGraph?: () => void;
12
- onSendEvent?: WorkflowSendEventFormProps['onSendEvent'];
13
- runId?: string;
14
10
  status?: 'running' | 'success' | 'failed' | 'suspended' | 'waiting';
15
11
  }
16
- export declare const WorkflowStepActionBar: ({ input, output, resumeData, error, mapConfig, stepName, event, onShowTrace, onShowNestedGraph, onSendEvent, runId, status, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const WorkflowStepActionBar: ({ input, output, resumeData, error, mapConfig, stepName, stepId, onShowNestedGraph, status, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;
@@ -13,22 +13,22 @@ export interface WorkflowTriggerProps {
13
13
  runId: string;
14
14
  }>;
15
15
  isStreamingWorkflow: boolean;
16
- streamWorkflow: ({ workflowId, runId, inputData, runtimeContext, }: {
16
+ streamWorkflow: ({ workflowId, runId, inputData, requestContext, }: {
17
17
  workflowId: string;
18
18
  runId: string;
19
19
  inputData: Record<string, unknown>;
20
- runtimeContext: Record<string, unknown>;
20
+ requestContext: Record<string, unknown>;
21
21
  }) => Promise<void>;
22
22
  observeWorkflowStream?: ({ workflowId, runId }: {
23
23
  workflowId: string;
24
24
  runId: string;
25
25
  }) => void;
26
- resumeWorkflow: ({ workflowId, step, runId, resumeData, runtimeContext, }: {
26
+ resumeWorkflow: ({ workflowId, step, runId, resumeData, requestContext, }: {
27
27
  workflowId: string;
28
28
  step: string | string[];
29
29
  runId: string;
30
30
  resumeData: Record<string, unknown>;
31
- runtimeContext: Record<string, unknown>;
31
+ requestContext: Record<string, unknown>;
32
32
  }) => Promise<void>;
33
33
  streamResult: WorkflowRunStreamResult | null;
34
34
  isCancellingWorkflowRun: boolean;
@@ -1,6 +1,6 @@
1
1
  import { default as React } from '../../../../node_modules/@types/react';
2
2
  import { TxtProps } from '../Txt';
3
- type AlertVariant = 'warning' | 'destructive';
3
+ type AlertVariant = 'warning' | 'destructive' | 'info';
4
4
  export interface AlertProps {
5
5
  children: React.ReactNode;
6
6
  variant: AlertVariant;
@@ -11,5 +11,6 @@ export interface CrumbProps {
11
11
  to: string;
12
12
  prefetch?: boolean | null;
13
13
  children: React.ReactNode;
14
+ action?: React.ReactNode;
14
15
  }
15
- export declare const Crumb: ({ className, as, isCurrent, ...props }: CrumbProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const Crumb: ({ className, as, isCurrent, action, ...props }: CrumbProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
1
  import { default as React } from '../../../../node_modules/@types/react';
2
- export declare const DarkLogo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const LogoWithoutText: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -5,9 +5,6 @@ export interface CellProps extends React.TdHTMLAttributes<HTMLTableCellElement>
5
5
  }
6
6
  export declare const Cell: ({ className, children, ...props }: CellProps) => import("react/jsx-runtime").JSX.Element;
7
7
  export declare const TxtCell: ({ className, children }: CellProps) => import("react/jsx-runtime").JSX.Element;
8
- export declare const UnitCell: ({ className, children, unit }: CellProps & {
9
- unit: string;
10
- }) => import("react/jsx-runtime").JSX.Element;
11
8
  export interface DateTimeCellProps extends Omit<CellProps, 'children'> {
12
9
  dateTime: Date;
13
10
  }
@@ -2,7 +2,7 @@ import { default as React } from '../../../../node_modules/@types/react';
2
2
  export interface SpanProps {
3
3
  children: React.ReactNode;
4
4
  durationMs: number;
5
- variant: 'tool' | 'agent' | 'workflow' | 'memory' | 'rag' | 'storage' | 'eval' | 'other';
5
+ variant: 'tool' | 'agent' | 'workflow' | 'memory' | 'rag' | 'storage' | 'other';
6
6
  tokenCount?: number;
7
7
  spans?: React.ReactNode;
8
8
  isRoot?: boolean;
@@ -18,7 +18,6 @@ export declare const spanIconMap: {
18
18
  memory: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
19
19
  rag: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
20
20
  storage: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
21
- eval: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
22
21
  other: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
23
22
  };
24
23
  export declare const spanVariantClasses: {
@@ -28,7 +27,6 @@ export declare const spanVariantClasses: {
28
27
  memory: string;
29
28
  rag: string;
30
29
  storage: string;
31
- eval: string;
32
30
  other: string;
33
31
  };
34
32
  export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick, isActive, offsetMs, totalDurationMs, }: SpanProps) => import("react/jsx-runtime").JSX.Element;
@@ -13,7 +13,6 @@ export * from './DeploymentIcon';
13
13
  export * from './DividerIcon';
14
14
  export * from './DocsIcon';
15
15
  export * from './EnvIcon';
16
- export * from './EvaluatorCoinIcon';
17
16
  export * from './FiltersIcon';
18
17
  export * from './GithubCoinIcon';
19
18
  export * from './GithubIcon';
@@ -27,7 +26,6 @@ export * from './LogsIcon';
27
26
  export * from './MemoryIcon';
28
27
  export * from './OpenAIIcon';
29
28
  export * from './PromptIcon';
30
- export * from './ScoreIcon';
31
29
  export * from './SettingsIcon';
32
30
  export * from './SlashIcon';
33
31
  export * from './ToolsIcon';
@@ -2,4 +2,4 @@ export declare const useAgentMessages: ({ threadId, agentId, memory, }: {
2
2
  threadId: string;
3
3
  agentId: string;
4
4
  memory: boolean;
5
- }) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetMemoryThreadMessagesResponse, Error>;
5
+ }) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListMemoryThreadMessagesResponse, Error>;
@@ -1,3 +1,4 @@
1
1
  export declare const useWorkflowRuns: (workflowId: string, { enabled }?: {
2
2
  enabled?: boolean;
3
- }) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core').WorkflowRuns, Error>;
3
+ }) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core/storage').WorkflowRuns, Error>;
4
+ export declare const useWorkflowRunExecutionResult: (workflowId: string, runId: string) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core/workflows').WorkflowState, Error>;
@@ -3,9 +3,7 @@ export * from './domains/scores/index';
3
3
  export * from './domains/tools/index';
4
4
  export * from './domains/workflows/index';
5
5
  export * from './domains/templates/index';
6
- export * from './domains/traces/index';
7
6
  export * from './domains/observability/index';
8
- export * from './domains/resizable-panel';
9
7
  export * from './components/dynamic-form/index';
10
8
  export * from './components/ui/containers';
11
9
  export * from './components/ui/elements';
@@ -25,14 +23,12 @@ export * from './ds/components/Entity/index';
25
23
  export * from './ds/components/EmptyState/index';
26
24
  export * from './ds/icons/index';
27
25
  export * from './ds/components/Alert';
28
- export * from './lib/polls';
29
26
  export * from './domains/voice/hooks/use-speech-recognition';
30
27
  export * from './components/ui/radio-group';
31
28
  export * from './components/ui/entry';
32
29
  export * from './hooks';
33
30
  export * from './lib/tanstack-query';
34
31
  export * from './domains/memory/hooks';
35
- export type { TraceContextType } from './domains/traces/context/trace-context';
36
32
  export * from './store/playground-store';
37
33
  export * from './lib/framework';
38
34
  export { MemorySearch } from './components/assistant-ui/memory-search';
@@ -41,10 +37,11 @@ export * from './components/ui/searchbar';
41
37
  export * from './components/ui/tooltip';
42
38
  export * from './components/ui/kbd';
43
39
  export * from './components/ui/collapsible';
40
+ export * from './components/ui/combobox';
41
+ export * from './components/ui/skeleton';
44
42
  export * from './domains/conversation/index';
45
43
  export * from './lib/errors';
46
44
  export * from './components/assistant-ui/tools/tool-fallback';
47
45
  export * from './domains/workflows/runs/workflow-run-list';
48
46
  export * from './domains/mcps/index';
49
- export * from './domains/evals/index';
50
47
  export * from './lib/toast';
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from '../../node_modules/@types/react';
2
2
  import { ChatProps } from '../types';
3
- export declare function MastraRuntimeProvider({ children, agentId, initialMessages, initialLegacyMessages, memory, threadId, refreshThreadList, settings, runtimeContext, modelVersion, }: Readonly<{
3
+ export declare function MastraRuntimeProvider({ children, agentId, initialMessages, initialLegacyMessages, memory, threadId, refreshThreadList, settings, requestContext, modelVersion, }: Readonly<{
4
4
  children: ReactNode;
5
5
  }> & ChatProps): import("react/jsx-runtime").JSX.Element | null;
@@ -1,6 +1,6 @@
1
1
  interface PlaygroundStore {
2
- runtimeContext: Record<string, any>;
3
- setRuntimeContext: (runtimeContext: Record<string, any>) => void;
2
+ requestContext: Record<string, any>;
3
+ setRequestContext: (requestContext: Record<string, any>) => void;
4
4
  }
5
5
  export declare const usePlaygroundStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<PlaygroundStore>, "setState" | "persist"> & {
6
6
  setState(partial: PlaygroundStore | Partial<PlaygroundStore> | ((state: PlaygroundStore) => PlaygroundStore | Partial<PlaygroundStore>), replace?: false | undefined): unknown;
@@ -20,13 +20,6 @@ export interface MemorySearchResult {
20
20
  }>;
21
21
  };
22
22
  }
23
- export interface MemorySearchResponse {
24
- results: MemorySearchResult[];
25
- count: number;
26
- query: string;
27
- searchType?: string;
28
- searchScope?: 'thread' | 'resource';
29
- }
30
23
  export interface MemorySearchParams {
31
24
  lastMessages?: number | false;
32
25
  }
@@ -34,7 +34,6 @@ export interface ModelSettings {
34
34
  temperature?: number;
35
35
  topK?: number;
36
36
  topP?: number;
37
- instructions?: string;
38
37
  providerOptions?: LLMStepResult['providerMetadata'];
39
38
  chatWithGenerateLegacy?: boolean;
40
39
  chatWithGenerate?: boolean;
@@ -54,7 +53,7 @@ export interface ChatProps {
54
53
  memory?: boolean;
55
54
  refreshThreadList?: () => void;
56
55
  settings?: AgentSettingsType;
57
- runtimeContext?: Record<string, any>;
56
+ requestContext?: Record<string, any>;
58
57
  onInputChange?: (value: string) => void;
59
58
  modelList?: GetAgentResponse['modelList'];
60
59
  }
@@ -104,4 +103,3 @@ export type StreamChunk = {
104
103
  runId: string;
105
104
  from: 'AGENT' | 'WORKFLOW';
106
105
  };
107
- export * from './domains/traces/types';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "6.9.0",
4
+ "version": "7.0.0-beta.1",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -46,10 +46,14 @@
46
46
  "@autoform/react": "^4.0.0",
47
47
  "@autoform/zod": "^4.0.0",
48
48
  "@codemirror/lang-json": "^6.0.2",
49
+ "@codemirror/lang-markdown": "^6.5.0",
50
+ "@codemirror/language-data": "^6.5.2",
51
+ "@codemirror/state": "^6.5.2",
52
+ "@codemirror/view": "^6.38.6",
49
53
  "@dagrejs/dagre": "^1.1.5",
50
54
  "@hello-pangea/dnd": "^18.0.1",
51
55
  "@hookform/resolvers": "^3.10.0",
52
- "@lezer/highlight": "^1.2.1",
56
+ "@lezer/highlight": "^1.2.3",
53
57
  "@lukeed/uuid": "^2.0.1",
54
58
  "@radix-ui/react-alert-dialog": "^1.1.14",
55
59
  "@radix-ui/react-avatar": "^1.1.10",
@@ -73,6 +77,7 @@
73
77
  "@tanstack/react-table": "^8.21.3",
74
78
  "@types/react-syntax-highlighter": "^15.5.13",
75
79
  "@uiw/codemirror-theme-dracula": "^4.23.14",
80
+ "@uiw/codemirror-theme-github": "^4.25.2",
76
81
  "@uiw/react-codemirror": "^4.23.14",
77
82
  "@xyflow/react": "^12.8.6",
78
83
  "cmdk": "^1.1.1",
@@ -98,21 +103,23 @@
98
103
  "unified": "^11.0.5",
99
104
  "use-debounce": "^10.0.6",
100
105
  "zod": "^4.1.12",
101
- "zustand": "^5.0.8"
106
+ "zustand": "^5.0.8",
107
+ "@mastra/ai-sdk": "^1.0.0-beta.0"
102
108
  },
103
109
  "peerDependencies": {
104
- "@mastra/core": ">=0.24.0-0 <0.25.0-0",
110
+ "@mastra/core": ">=1.0.0-0 <2.0.0-0",
111
+ "@tanstack/react-query": "^5.81.5",
105
112
  "lucide-react": "^0.474.0",
106
113
  "react": ">=19.0.0",
107
114
  "react-dom": ">=19.0.0",
108
115
  "tailwindcss": "^3.0.0",
109
- "@tanstack/react-query": "^5.81.5",
110
- "@mastra/client-js": "^0.16.9",
111
- "@mastra/react": "0.0.15"
116
+ "@mastra/client-js": "^1.0.0-beta.1",
117
+ "@mastra/react": "0.1.0-beta.1"
112
118
  },
113
119
  "devDependencies": {
114
- "@storybook/addon-docs": "^9.1.10",
115
- "@storybook/react-vite": "^9.1.10",
120
+ "@storybook/addon-docs": "^9.1.16",
121
+ "@storybook/react-vite": "^9.1.16",
122
+ "@tanstack/react-query": "^5.90.6",
116
123
  "@types/node": "^20.19.0",
117
124
  "@types/react": "^19.1.9",
118
125
  "@types/react-dom": "^19.1.7",
@@ -130,10 +137,9 @@
130
137
  "vite-plugin-dts": "^4.5.4",
131
138
  "vite-plugin-lib-inject-css": "^2.2.2",
132
139
  "vitest": "^3.2.4",
133
- "@tanstack/react-query": "^5.81.5",
134
- "@mastra/client-js": "^0.16.9",
135
- "@mastra/core": "0.24.0",
136
- "@mastra/react": "0.0.15"
140
+ "@mastra/core": "1.0.0-beta.1",
141
+ "@mastra/client-js": "^1.0.0-beta.1",
142
+ "@mastra/react": "0.1.0-beta.1"
137
143
  },
138
144
  "homepage": "https://mastra.ai",
139
145
  "repository": {
@@ -144,12 +150,8 @@
144
150
  "bugs": {
145
151
  "url": "https://github.com/mastra-ai/mastra/issues"
146
152
  },
147
- "publishConfig": {
148
- "access": "public",
149
- "publish-branch": [
150
- "main",
151
- "0.x"
152
- ]
153
+ "engines": {
154
+ "node": ">=22.13.0"
153
155
  },
154
156
  "scripts": {
155
157
  "build": "tsc && vite build",
@@ -1,2 +0,0 @@
1
- import { FC } from '../../../node_modules/@types/react';
2
- export declare const ThreadList: FC;
@@ -1,8 +0,0 @@
1
- export interface ToolApprovalProps {
2
- toolCallId: string;
3
- toolName: string;
4
- args: any;
5
- onApprove: () => void;
6
- onDecline: () => void;
7
- }
8
- export declare const ToolApproval: ({ toolName, args, onApprove, onDecline }: ToolApprovalProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- export declare const AgentIcon: ({ className }: {
2
- className?: string;
3
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- export declare const AutomationIcon: ({ className }: {
2
- className?: string;
3
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- interface CopyableCell {
2
- content: string;
3
- label: string;
4
- multiline?: boolean;
5
- }
6
- export declare function CopyableContent({ content, label, multiline }: CopyableCell): import("react/jsx-runtime").JSX.Element;
7
- export {};