@mastra/playground-ui 5.1.1-alpha.2 → 5.1.1-alpha.5
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.
- package/dist/colors-CBG_Mm7P.js +26 -0
- package/dist/colors-CBG_Mm7P.js.map +1 -0
- package/dist/colors-Du4i-E0i.cjs +30 -0
- package/dist/colors-Du4i-E0i.cjs.map +1 -0
- package/dist/index.cjs.js +465 -74
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +466 -77
- package/dist/index.es.js.map +1 -1
- package/dist/src/components/ui/slider.d.ts +4 -0
- package/dist/src/domains/agents/agent/context/agent-context.d.ts +4 -1
- package/dist/src/domains/workflows/context/use-current-run.d.ts +14 -0
- package/dist/src/domains/workflows/context/workflow-run-context.d.ts +3 -1
- package/dist/src/domains/workflows/index.d.ts +1 -0
- package/dist/src/domains/workflows/utils.d.ts +4 -0
- package/dist/src/domains/workflows/workflow/workflow-clock.d.ts +6 -0
- package/dist/src/domains/workflows/workflow/workflow-code-dialog-content.d.ts +3 -0
- package/dist/src/domains/workflows/workflow/workflow-condition-node.d.ts +2 -0
- package/dist/src/domains/workflows/workflow/workflow-default-node.d.ts +1 -0
- package/dist/src/domains/workflows/workflow/workflow-nested-node.d.ts +1 -0
- package/dist/src/domains/workflows/workflow/zoom-slider.d.ts +4 -0
- package/dist/src/ds/components/Button/Button.d.ts +1 -0
- package/dist/src/store/agent-store.d.ts +2 -2
- package/dist/tokens.cjs.js +5 -27
- package/dist/tokens.cjs.js.map +1 -1
- package/dist/tokens.es.js +3 -25
- package/dist/tokens.es.js.map +1 -1
- package/package.json +4 -3
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
3
|
+
declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
4
|
+
export { Slider };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from '../../../../../node_modules/@types/react';
|
|
2
2
|
import { ModelSettings } from '../../../../types';
|
|
3
|
+
import { GetAgentResponse } from '@mastra/client-js';
|
|
3
4
|
|
|
4
5
|
type AgentContextType = {
|
|
5
6
|
modelSettings: ModelSettings;
|
|
@@ -9,8 +10,10 @@ type AgentContextType = {
|
|
|
9
10
|
setChatWithGenerate: (chatWithGenerate: boolean) => void;
|
|
10
11
|
};
|
|
11
12
|
export declare const AgentContext: import('../../../../../node_modules/@types/react').Context<AgentContextType>;
|
|
12
|
-
export declare function AgentProvider({ agentId, children }: {
|
|
13
|
+
export declare function AgentProvider({ agentId, defaultGenerateOptions, defaultStreamOptions, children, }: {
|
|
13
14
|
agentId: string;
|
|
15
|
+
defaultGenerateOptions?: GetAgentResponse['defaultGenerateOptions'];
|
|
16
|
+
defaultStreamOptions?: GetAgentResponse['defaultStreamOptions'];
|
|
14
17
|
children: ReactNode;
|
|
15
18
|
}): import("react/jsx-runtime").JSX.Element;
|
|
16
19
|
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
type Step = {
|
|
2
|
+
error?: any;
|
|
3
|
+
startedAt: number;
|
|
4
|
+
endedAt?: number;
|
|
5
|
+
status: 'running' | 'success' | 'failed' | 'suspended';
|
|
6
|
+
output?: any;
|
|
7
|
+
input?: any;
|
|
8
|
+
};
|
|
9
|
+
type UseCurrentRunReturnType = {
|
|
10
|
+
steps: Record<string, Step>;
|
|
11
|
+
isRunning: boolean;
|
|
12
|
+
};
|
|
13
|
+
export declare const useCurrentRun: () => UseCurrentRunReturnType;
|
|
14
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ExtendedLegacyWorkflowRunResult, ExtendedWorkflowWatchResult } from '../../../hooks/use-workflows';
|
|
2
|
+
import { WorkflowRunState } from '@mastra/core';
|
|
2
3
|
|
|
3
4
|
type WorkflowRunContextType = {
|
|
4
5
|
legacyResult: ExtendedLegacyWorkflowRunResult | null;
|
|
@@ -10,7 +11,8 @@ type WorkflowRunContextType = {
|
|
|
10
11
|
clearData: () => void;
|
|
11
12
|
};
|
|
12
13
|
export declare const WorkflowRunContext: import('../../../../node_modules/@types/react').Context<WorkflowRunContextType>;
|
|
13
|
-
export declare function WorkflowRunProvider({ children }: {
|
|
14
|
+
export declare function WorkflowRunProvider({ children, snapshot, }: {
|
|
14
15
|
children: React.ReactNode;
|
|
16
|
+
snapshot?: WorkflowRunState;
|
|
15
17
|
}): import("react/jsx-runtime").JSX.Element;
|
|
16
18
|
export {};
|
|
@@ -3,5 +3,7 @@ import { Condition } from './utils';
|
|
|
3
3
|
|
|
4
4
|
export type ConditionNode = Node<{
|
|
5
5
|
conditions: Condition[];
|
|
6
|
+
previousStepId: string;
|
|
7
|
+
nextStepId: string;
|
|
6
8
|
}, 'condition-node'>;
|
|
7
9
|
export declare function WorkflowConditionNode({ data }: NodeProps<ConditionNode>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,5 +5,6 @@ export type DefaultNode = Node<{
|
|
|
5
5
|
description?: string;
|
|
6
6
|
withoutTopHandle?: boolean;
|
|
7
7
|
withoutBottomHandle?: boolean;
|
|
8
|
+
mapConfig?: string;
|
|
8
9
|
}, 'default-node'>;
|
|
9
10
|
export declare function WorkflowDefaultNode({ data }: NodeProps<DefaultNode>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,5 +7,6 @@ export type NestedNode = Node<{
|
|
|
7
7
|
withoutTopHandle?: boolean;
|
|
8
8
|
withoutBottomHandle?: boolean;
|
|
9
9
|
stepGraph: StepFlowEntry[];
|
|
10
|
+
mapConfig?: string;
|
|
10
11
|
}, 'nested-node'>;
|
|
11
12
|
export declare function WorkflowNestedNode({ data }: NodeProps<NestedNode>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ModelSettings } from '../types';
|
|
2
2
|
|
|
3
3
|
interface AgentStore {
|
|
4
|
-
modelSettings: Record<string, ModelSettings>;
|
|
5
|
-
setModelSettings: (modelSettings: Record<string, ModelSettings>) => void;
|
|
4
|
+
modelSettings: Record<string, ModelSettings | null>;
|
|
5
|
+
setModelSettings: (modelSettings: Record<string, ModelSettings | null>) => void;
|
|
6
6
|
chatWithGenerate: Record<string, boolean>;
|
|
7
7
|
setChatWithGenerate: (chatWithGenerate: Record<string, boolean>) => void;
|
|
8
8
|
}
|
package/dist/tokens.cjs.js
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
+
const colors = require('./colors-Du4i-E0i.cjs');
|
|
6
|
+
|
|
5
7
|
const BorderWidth = {
|
|
6
8
|
sm: "0.5px"
|
|
7
9
|
};
|
|
@@ -12,30 +14,6 @@ const BorderRadius = {
|
|
|
12
14
|
lg: "6px"
|
|
13
15
|
};
|
|
14
16
|
|
|
15
|
-
const Colors = {
|
|
16
|
-
surface1: "#000000",
|
|
17
|
-
surface2: "#0F0F0F",
|
|
18
|
-
surface3: "#141414",
|
|
19
|
-
surface4: "#1A1A1A",
|
|
20
|
-
surface5: "rgba(46, 46, 46, 0.9)",
|
|
21
|
-
accent1: "#1AFB6F",
|
|
22
|
-
accent2: "#FF4931",
|
|
23
|
-
accent3: "#267AD2",
|
|
24
|
-
accent4: "#9E57B3"
|
|
25
|
-
};
|
|
26
|
-
const BorderColors = {
|
|
27
|
-
border1: "rgba(48, 48, 48, 1)",
|
|
28
|
-
border2: "rgba(66, 66, 66, 1)"
|
|
29
|
-
};
|
|
30
|
-
const IconColors = {
|
|
31
|
-
icon1: "#5C5C5C",
|
|
32
|
-
icon2: "#707070",
|
|
33
|
-
icon3: "#939393",
|
|
34
|
-
icon4: "#A9A9A9",
|
|
35
|
-
icon5: "#E6E6E6",
|
|
36
|
-
icon6: "#FFFFFF"
|
|
37
|
-
};
|
|
38
|
-
|
|
39
17
|
const FontSizes = {
|
|
40
18
|
"header-md": "1rem",
|
|
41
19
|
// 16px
|
|
@@ -76,12 +54,12 @@ const Spacings = {
|
|
|
76
54
|
lg: "8px"
|
|
77
55
|
};
|
|
78
56
|
|
|
79
|
-
exports.BorderColors = BorderColors;
|
|
57
|
+
exports.BorderColors = colors.BorderColors;
|
|
58
|
+
exports.Colors = colors.Colors;
|
|
59
|
+
exports.IconColors = colors.IconColors;
|
|
80
60
|
exports.BorderRadius = BorderRadius;
|
|
81
61
|
exports.BorderWidth = BorderWidth;
|
|
82
|
-
exports.Colors = Colors;
|
|
83
62
|
exports.FontSizes = FontSizes;
|
|
84
|
-
exports.IconColors = IconColors;
|
|
85
63
|
exports.LineHeights = LineHeights;
|
|
86
64
|
exports.Sizes = Sizes;
|
|
87
65
|
exports.Spacings = Spacings;
|
package/dist/tokens.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/
|
|
1
|
+
{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n sm: '0.5px',\n};\n\nexport const BorderRadius = {\n none: '0px',\n sm: '2px',\n md: '4px',\n lg: '6px',\n};\n","export const FontSizes = {\n 'header-md': '1rem', // 16px\n 'ui-lg': '0.813rem', // 13px\n 'ui-md': '0.75rem', // 12px\n 'ui-sm': '0.688rem', // 11px\n 'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n 'header-md': '125%',\n 'ui-lg': '153.846%',\n 'ui-md': '166.667%',\n 'ui-sm': '181.818%',\n 'ui-xs': '200%',\n};\n","export const Sizes = {\n 'icon-default': '16px',\n 'icon-lg': '20px',\n 'icon-sm': '12px',\n 'button-md': '24px',\n 'button-lg': '40px',\n 'header-default': '40px',\n 'table-header': '28px',\n 'table-row': '44px',\n 'table-row-small': '32px',\n 'badge-default': '20px',\n 'avatar-default': '24px',\n};\n","export const Spacings = {\n sm: '2px',\n md: '4px',\n lg: '8px',\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,SAAW,EAAA,MAAA;AAAA,EACX,WAAa,EAAA,MAAA;AAAA,EACb,WAAa,EAAA,MAAA;AAAA,EACb,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA,MAAA;AAAA,EACjB,gBAAkB,EAAA;AACpB;;ACZO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;;;;;;;;;"}
|
package/dist/tokens.es.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { B as BorderColors, C as Colors, I as IconColors } from './colors-CBG_Mm7P.js';
|
|
2
|
+
|
|
1
3
|
const BorderWidth = {
|
|
2
4
|
sm: "0.5px"
|
|
3
5
|
};
|
|
@@ -8,30 +10,6 @@ const BorderRadius = {
|
|
|
8
10
|
lg: "6px"
|
|
9
11
|
};
|
|
10
12
|
|
|
11
|
-
const Colors = {
|
|
12
|
-
surface1: "#000000",
|
|
13
|
-
surface2: "#0F0F0F",
|
|
14
|
-
surface3: "#141414",
|
|
15
|
-
surface4: "#1A1A1A",
|
|
16
|
-
surface5: "rgba(46, 46, 46, 0.9)",
|
|
17
|
-
accent1: "#1AFB6F",
|
|
18
|
-
accent2: "#FF4931",
|
|
19
|
-
accent3: "#267AD2",
|
|
20
|
-
accent4: "#9E57B3"
|
|
21
|
-
};
|
|
22
|
-
const BorderColors = {
|
|
23
|
-
border1: "rgba(48, 48, 48, 1)",
|
|
24
|
-
border2: "rgba(66, 66, 66, 1)"
|
|
25
|
-
};
|
|
26
|
-
const IconColors = {
|
|
27
|
-
icon1: "#5C5C5C",
|
|
28
|
-
icon2: "#707070",
|
|
29
|
-
icon3: "#939393",
|
|
30
|
-
icon4: "#A9A9A9",
|
|
31
|
-
icon5: "#E6E6E6",
|
|
32
|
-
icon6: "#FFFFFF"
|
|
33
|
-
};
|
|
34
|
-
|
|
35
13
|
const FontSizes = {
|
|
36
14
|
"header-md": "1rem",
|
|
37
15
|
// 16px
|
|
@@ -72,5 +50,5 @@ const Spacings = {
|
|
|
72
50
|
lg: "8px"
|
|
73
51
|
};
|
|
74
52
|
|
|
75
|
-
export {
|
|
53
|
+
export { BorderRadius, BorderWidth, FontSizes, LineHeights, Sizes, Spacings };
|
|
76
54
|
//# sourceMappingURL=tokens.es.js.map
|
package/dist/tokens.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/
|
|
1
|
+
{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n sm: '0.5px',\n};\n\nexport const BorderRadius = {\n none: '0px',\n sm: '2px',\n md: '4px',\n lg: '6px',\n};\n","export const FontSizes = {\n 'header-md': '1rem', // 16px\n 'ui-lg': '0.813rem', // 13px\n 'ui-md': '0.75rem', // 12px\n 'ui-sm': '0.688rem', // 11px\n 'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n 'header-md': '125%',\n 'ui-lg': '153.846%',\n 'ui-md': '166.667%',\n 'ui-sm': '181.818%',\n 'ui-xs': '200%',\n};\n","export const Sizes = {\n 'icon-default': '16px',\n 'icon-lg': '20px',\n 'icon-sm': '12px',\n 'button-md': '24px',\n 'button-lg': '40px',\n 'header-default': '40px',\n 'table-header': '28px',\n 'table-row': '44px',\n 'table-row-small': '32px',\n 'badge-default': '20px',\n 'avatar-default': '24px',\n};\n","export const Spacings = {\n sm: '2px',\n md: '4px',\n lg: '8px',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,SAAW,EAAA,MAAA;AAAA,EACX,WAAa,EAAA,MAAA;AAAA,EACb,WAAa,EAAA,MAAA;AAAA,EACb,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA,MAAA;AAAA,EACjB,gBAAkB,EAAA;AACpB;;ACZO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mastra/playground-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.1.1-alpha.
|
|
4
|
+
"version": "5.1.1-alpha.5",
|
|
5
5
|
"description": "Mastra Playground components",
|
|
6
6
|
"main": "dist/index.umd.js",
|
|
7
7
|
"module": "dist/index.es.js",
|
|
@@ -56,6 +56,7 @@
|
|
|
56
56
|
"@radix-ui/react-popover": "^1.1.6",
|
|
57
57
|
"@radix-ui/react-scroll-area": "^1.2.3",
|
|
58
58
|
"@radix-ui/react-select": "^2.1.6",
|
|
59
|
+
"@radix-ui/react-slider": "^1.2.3",
|
|
59
60
|
"@radix-ui/react-slot": "^1.1.2",
|
|
60
61
|
"@radix-ui/react-switch": "^1.1.3",
|
|
61
62
|
"@radix-ui/react-tabs": "^1.1.2",
|
|
@@ -91,7 +92,7 @@
|
|
|
91
92
|
"use-debounce": "^10.0.4",
|
|
92
93
|
"zod": "^3.24.3",
|
|
93
94
|
"zustand": "^5.0.3",
|
|
94
|
-
"@mastra/client-js": "^0.10.1-alpha.
|
|
95
|
+
"@mastra/client-js": "^0.10.1-alpha.3"
|
|
95
96
|
},
|
|
96
97
|
"peerDependencies": {
|
|
97
98
|
"@mastra/core": "^0.10.0",
|
|
@@ -116,7 +117,7 @@
|
|
|
116
117
|
"vite": "^6.0.0",
|
|
117
118
|
"vite-plugin-dts": "^3.9.1",
|
|
118
119
|
"vite-plugin-lib-inject-css": "^2.2.1",
|
|
119
|
-
"@mastra/core": "0.10.1-alpha.
|
|
120
|
+
"@mastra/core": "0.10.1-alpha.3"
|
|
120
121
|
},
|
|
121
122
|
"scripts": {
|
|
122
123
|
"dev": "vite",
|