@mastra/playground-ui 5.1.5 → 5.1.6-alpha.0

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 (14) hide show
  1. package/dist/index.cjs.js +302 -128
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +302 -128
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/src/components/ui/form.d.ts +1 -1
  6. package/dist/src/components/ui/resizable.d.ts +1 -1
  7. package/dist/src/domains/agents/agent/agent-evals.d.ts +9 -3
  8. package/dist/src/{hooks/use-evals.d.ts → domains/evals/types.d.ts} +8 -3
  9. package/dist/src/domains/workflows/workflow/workflow-graph.d.ts +4 -1
  10. package/dist/src/domains/workflows/workflow/workflow-trigger.d.ts +5 -1
  11. package/dist/src/hooks/use-workflows.d.ts +1 -5
  12. package/package.json +46 -46
  13. package/dist/src/components/syntax-highlighter.d.ts +0 -4
  14. package/dist/src/components/ui/syntax-highlighter.d.ts +0 -6
package/dist/src/components/ui/form.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
2
2
  import * as React from 'react';
3
3
  import * as LabelPrimitive from '@radix-ui/react-label';
4
- declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
4
+ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
5
5
  declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
6
6
  declare const useFormField: () => {
7
7
  invalid: boolean;
package/dist/src/components/ui/resizable.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as ResizablePrimitive from 'react-resizable-panels';
2
2
  declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
3
- declare const ResizablePanel: import('../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('../../../node_modules/@types/react').HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
3
+ declare const ResizablePanel: import('../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('../../../node_modules/@types/react').HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
4
4
  className?: string | undefined;
5
5
  collapsedSize?: number | undefined;
6
6
  collapsible?: boolean | undefined;
package/dist/src/domains/agents/agent/agent-evals.d.ts CHANGED
@@ -1,3 +1,9 @@
1
- export declare function AgentEvals({ agentId }: {
2
- agentId: string;
3
- }): import("react/jsx-runtime").JSX.Element;
1
+ import { Evals } from '../../evals/types';
2
+
3
+ export interface AgentEvalsProps {
4
+ liveEvals: Array<Evals>;
5
+ ciEvals: Array<Evals>;
6
+ onRefetchLiveEvals: () => void;
7
+ onRefetchCiEvals: () => void;
8
+ }
9
+ export declare function AgentEvals({ liveEvals, ciEvals, onRefetchLiveEvals, onRefetchCiEvals }: AgentEvalsProps): import("react/jsx-runtime").JSX.Element;
package/dist/src/{hooks/use-evals.d.ts → domains/evals/types.d.ts} RENAMED
@@ -12,8 +12,13 @@ export type Evals = {
12
12
  globalRunId: string;
13
13
  testInfo?: TestInfo;
14
14
  };
15
- export declare const useEvalsByAgentId: (agentId: string, type: "ci" | "live") => {
15
+ export type GroupedEvals = {
16
+ metricName: string;
17
+ averageScore: number;
16
18
  evals: Evals[];
17
- isLoading: boolean;
18
- refetchEvals: (_agentId?: string) => Promise<void>;
19
+ };
20
+ export type SortDirection = 'asc' | 'desc';
21
+ export type SortConfig = {
22
+ field: keyof GroupedEvals | 'timestamp' | 'score';
23
+ direction: SortDirection;
19
24
  };
package/dist/src/domains/workflows/workflow/workflow-graph.d.ts CHANGED
@@ -1,9 +1,12 @@
1
+ import { GetWorkflowResponse } from '@mastra/client-js';
1
2
 
2
3
  export interface WorkflowGraphProps {
3
4
  workflowId: string;
5
+ isLoading?: boolean;
6
+ workflow?: GetWorkflowResponse;
4
7
  onShowTrace: ({ runId, stepName }: {
5
8
  runId: string;
6
9
  stepName: string;
7
10
  }) => void;
8
11
  }
9
- export declare function WorkflowGraph({ workflowId, onShowTrace }: WorkflowGraphProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function WorkflowGraph({ workflowId, onShowTrace, workflow, isLoading }: WorkflowGraphProps): import("react/jsx-runtime").JSX.Element;
package/dist/src/domains/workflows/workflow/workflow-trigger.d.ts CHANGED
@@ -1,4 +1,8 @@
1
- export declare function WorkflowTrigger({ workflowId, setRunId }: {
1
+ import { GetWorkflowResponse } from '@mastra/client-js';
2
+
3
+ export declare function WorkflowTrigger({ workflowId, setRunId, workflow, isLoading, }: {
2
4
  workflowId: string;
3
5
  setRunId?: (runId: string) => void;
6
+ workflow?: GetWorkflowResponse;
7
+ isLoading?: boolean;
4
8
  }): import("react/jsx-runtime").JSX.Element | null;
package/dist/src/hooks/use-workflows.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { LegacyWorkflowRunResult, WorkflowWatchResult, GetWorkflowResponse } from '@mastra/client-js';
1
+ import { LegacyWorkflowRunResult, WorkflowWatchResult } from '@mastra/client-js';
2
2
  import { LegacyWorkflow } from '@mastra/core/workflows/legacy';
3
3
 
4
4
  export type ExtendedLegacyWorkflowRunResult = LegacyWorkflowRunResult & {
@@ -19,10 +19,6 @@ export declare const useLegacyWorkflow: (workflowId: string) => {
19
19
  legacyWorkflow: LegacyWorkflow<import('@mastra/core/workflows/legacy').LegacyStep<string, any, any, import('@mastra/core/workflows/legacy').StepExecutionContext<any, import('@mastra/core/workflows/legacy').WorkflowContext<any, import('@mastra/core/workflows/legacy').LegacyStep<string, any, any, any>[], Record<string, any>>>>[], string, any, any> | null;
20
20
  isLoading: boolean;
21
21
  };
22
- export declare const useWorkflow: (workflowId: string) => {
23
- workflow: GetWorkflowResponse | null;
24
- isLoading: boolean;
25
- };
26
22
  export declare const useExecuteWorkflow: () => {
27
23
  startWorkflowRun: ({ workflowId, runId, input, runtimeContext: playgroundRuntimeContext, }: {
28
24
  workflowId: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "5.1.5",
4
+ "version": "5.1.6-alpha.0",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -36,63 +36,63 @@
36
36
  "author": "Mastra",
37
37
  "license": "Elastic-2.0",
38
38
  "dependencies": {
39
- "@ai-sdk/ui-utils": "^1.1.19",
39
+ "@ai-sdk/ui-utils": "^1.2.11",
40
40
  "@assistant-ui/react": "^0.7.91",
41
41
  "@assistant-ui/react-markdown": "^0.7.21",
42
42
  "@assistant-ui/react-syntax-highlighter": "^0.7.10",
43
- "@autoform/core": "^2.1.0",
44
- "@autoform/react": "^3.0.0",
45
- "@autoform/zod": "^2.1.0",
43
+ "@autoform/core": "^2.2.0",
44
+ "@autoform/react": "^3.1.0",
45
+ "@autoform/zod": "^2.2.0",
46
46
  "@codemirror/lang-json": "^6.0.1",
47
47
  "@dagrejs/dagre": "^1.1.4",
48
48
  "@hookform/resolvers": "^3.10.0",
49
49
  "@lezer/highlight": "^1.2.1",
50
50
  "@lukeed/uuid": "^2.0.1",
51
- "@radix-ui/react-avatar": "^1.1.3",
52
- "@radix-ui/react-checkbox": "^1.1.4",
53
- "@radix-ui/react-collapsible": "^1.1.3",
54
- "@radix-ui/react-dialog": "^1.1.6",
55
- "@radix-ui/react-label": "^2.1.2",
56
- "@radix-ui/react-popover": "^1.1.6",
57
- "@radix-ui/react-scroll-area": "^1.2.3",
58
- "@radix-ui/react-select": "^2.1.6",
59
- "@radix-ui/react-slider": "^1.2.3",
60
- "@radix-ui/react-slot": "^1.1.2",
61
- "@radix-ui/react-switch": "^1.1.3",
62
- "@radix-ui/react-tabs": "^1.1.2",
63
- "@radix-ui/react-toggle": "^1.1.2",
64
- "@radix-ui/react-tooltip": "^1.1.8",
65
- "@tanstack/react-table": "^8.21.2",
51
+ "@radix-ui/react-avatar": "^1.1.10",
52
+ "@radix-ui/react-checkbox": "^1.3.2",
53
+ "@radix-ui/react-collapsible": "^1.1.11",
54
+ "@radix-ui/react-dialog": "^1.1.14",
55
+ "@radix-ui/react-label": "^2.1.7",
56
+ "@radix-ui/react-popover": "^1.1.14",
57
+ "@radix-ui/react-scroll-area": "^1.2.9",
58
+ "@radix-ui/react-select": "^2.2.5",
59
+ "@radix-ui/react-slider": "^1.3.5",
60
+ "@radix-ui/react-slot": "^1.2.3",
61
+ "@radix-ui/react-switch": "^1.2.5",
62
+ "@radix-ui/react-tabs": "^1.1.12",
63
+ "@radix-ui/react-toggle": "^1.1.9",
64
+ "@radix-ui/react-tooltip": "^1.2.7",
65
+ "@tanstack/react-table": "^8.21.3",
66
66
  "@types/react-syntax-highlighter": "^15.5.13",
67
- "@uiw/codemirror-theme-dracula": "^4.23.10",
68
- "@uiw/react-codemirror": "^4.23.8",
69
- "@xyflow/react": "^12.3.6",
70
- "cmdk": "^1.0.0",
67
+ "@uiw/codemirror-theme-dracula": "^4.23.13",
68
+ "@uiw/react-codemirror": "^4.23.13",
69
+ "@xyflow/react": "^12.6.4",
70
+ "cmdk": "^1.1.1",
71
71
  "date-fns": "^4.1.0",
72
- "json-schema-to-zod": "^2.5.0",
73
- "motion": "^12.4.2",
74
- "prism-react-renderer": "^2.4.0",
72
+ "json-schema-to-zod": "^2.6.1",
73
+ "motion": "^12.16.0",
74
+ "prism-react-renderer": "^2.4.1",
75
75
  "react-code-block": "1.1.1",
76
76
  "react-day-picker": "^8.10.1",
77
- "react-hook-form": "^7.54.2",
77
+ "react-hook-form": "^7.57.0",
78
78
  "react-markdown": "^9.1.0",
79
- "react-resizable-panels": "^2.1.7",
79
+ "react-resizable-panels": "^2.1.9",
80
80
  "react-syntax-highlighter": "^15.6.1",
81
81
  "rehype-stringify": "^10.0.1",
82
82
  "remark-gfm": "^4.0.1",
83
83
  "remark-parse": "^11.0.0",
84
- "remark-rehype": "^11.1.1",
85
- "remeda": "^2.21.1",
84
+ "remark-rehype": "^11.1.2",
85
+ "remeda": "^2.23.0",
86
86
  "shiki": "^1.29.2",
87
- "sonner": "^2.0.1",
87
+ "sonner": "^2.0.5",
88
88
  "superjson": "^2.2.2",
89
89
  "swr": "^2.3.3",
90
90
  "tailwindcss-animate": "^1.0.7",
91
91
  "unified": "^11.0.5",
92
- "use-debounce": "^10.0.4",
93
- "zod": "^3.25.56",
94
- "zustand": "^5.0.3",
95
- "@mastra/client-js": "^0.10.4"
92
+ "use-debounce": "^10.0.5",
93
+ "zod": "^3.25.57",
94
+ "zustand": "^5.0.5",
95
+ "@mastra/client-js": "^0.10.5-alpha.0"
96
96
  },
97
97
  "peerDependencies": {
98
98
  "@mastra/core": "^0.10.0-alpha.0",
@@ -102,22 +102,22 @@
102
102
  "tailwindcss": "^3.0.0"
103
103
  },
104
104
  "devDependencies": {
105
- "@types/node": "^20.17.57",
106
- "@types/react": "^19.0.10",
107
- "@types/react-dom": "^19.0.4",
108
- "@vitejs/plugin-react": "^4.3.4",
105
+ "@types/node": "^20.19.0",
106
+ "@types/react": "^19.1.7",
107
+ "@types/react-dom": "^19.1.6",
108
+ "@vitejs/plugin-react": "^4.5.2",
109
109
  "autoprefixer": "^10.4.21",
110
110
  "class-variance-authority": "^0.7.1",
111
111
  "clsx": "^2.1.1",
112
- "postcss": "^8.5.3",
112
+ "postcss": "^8.5.4",
113
113
  "rollup-plugin-node-externals": "^8.0.0",
114
- "tailwind-merge": "^3.0.2",
114
+ "tailwind-merge": "^3.3.1",
115
115
  "tailwindcss": "^3.4.17",
116
- "typescript": "^5.8.2",
117
- "vite": "^6.0.0",
116
+ "typescript": "^5.8.3",
117
+ "vite": "^6.3.5",
118
118
  "vite-plugin-dts": "^3.9.1",
119
- "vite-plugin-lib-inject-css": "^2.2.1",
120
- "@mastra/core": "0.10.5"
119
+ "vite-plugin-lib-inject-css": "^2.2.2",
120
+ "@mastra/core": "0.10.6-alpha.0"
121
121
  },
122
122
  "scripts": {
123
123
  "dev": "vite",
package/dist/src/components/syntax-highlighter.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export declare const useCodemirrorTheme: () => import('@uiw/react-codemirror').Extension;
2
- export declare const SyntaxHighlighter: ({ data }: {
3
- data: Record<string, unknown>;
4
- }) => import("react/jsx-runtime").JSX.Element;
package/dist/src/components/ui/syntax-highlighter.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export declare const useCodemirrorTheme: () => import('@uiw/react-codemirror').Extension;
2
- export declare const SyntaxHighlighter: ({ data, className }: {
3
- data: Record<string, unknown>;
4
- className?: string;
5
- }) => import("react/jsx-runtime").JSX.Element;
6
- export declare function highlight(code: string, language: string): Promise<import('shiki').ThemedToken[][] | null>;