@mastra/playground-ui 5.1.8 → 5.1.9

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

@@ -0,0 +1,7 @@
+import { ReactNode } from '../../../node_modules/@types/react';
+
+export interface EntryProps {
+    label: ReactNode;
+    children: ReactNode;
+}
+export declare const Entry: ({ label, children }: EntryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/radio-group.d.ts

@@ -0,0 +1,5 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

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

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

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

@@ -0,0 +1 @@
+export declare function AgentModelSettings(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/context/agent-context.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+import { ModelSettings } from '../../../types';
+
+type AgentContextType = {
+    modelSettings: ModelSettings;
+    chatWithGenerate: boolean;
+    setModelSettings: (modelSettings: ModelSettings) => void;
+    resetModelSettings: () => void;
+    setChatWithGenerate: (chatWithGenerate: boolean) => void;
+};
+export declare const AgentSettingsContext: import('../../../../node_modules/@types/react').Context<AgentContextType>;
+export interface AgentSettingsProviderProps {
+    children: ReactNode;
+    agentId: string;
+}
+export declare function AgentSettingsProvider({ children, agentId }: AgentSettingsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useAgentSettings: () => AgentContextType;
+export {};

package/dist/src/domains/agents/hooks/use-agent-model-settings-state.d.ts

@@ -0,0 +1,15 @@
+import { ModelSettings } from '../../../types';
+
+export interface AgentModelSettingsStateProps {
+    initialModelSettings?: ModelSettings;
+    initialChatWithGenerate?: boolean;
+    agentId: string;
+}
+export declare const defaultModelSettings: ModelSettings;
+export declare function useAgentModelSettingsState({ agentId }: AgentModelSettingsStateProps): {
+    modelSettings: ModelSettings | undefined;
+    chatWithGenerate: boolean;
+    setModelSettings: (modelSettingsValue: ModelSettings) => void;
+    setChatWithGenerate: (chatWithGenerateValue: boolean) => void;
+    resetAll: () => void;
+};

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

@@ -1,4 +1,5 @@
-export * from './agent/agent-chat';
-export * from './agent/agent-evals';
-export * from './agent/agent-traces';
-export * from './agent/context/agent-context';
+export * from './components/agent-chat';
+export * from './components/agent-evals';
+export * from './components/agent-traces';
+export * from './context/agent-context';
+export * from './components/agent-model-settings';

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

@@ -2,9 +2,10 @@ export type Step = {
     error?: any;
     startedAt: number;
     endedAt?: number;
-    status: 'running' | 'success' | 'failed' | 'suspended';
+    status: 'running' | 'success' | 'failed' | 'suspended' | 'waiting';
     output?: any;
     input?: any;
+    resumeData?: any;
 };
 type UseCurrentRunReturnType = {
     steps: Record<string, Step>;

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

@@ -9,7 +9,11 @@ type WorkflowNestedGraphContextType = {
     closeNestedGraph: () => void;
 };
 export declare const WorkflowNestedGraphContext: import('../../../../node_modules/@types/react').Context<WorkflowNestedGraphContextType>;
-export declare function WorkflowNestedGraphProvider({ children }: {
+export declare function WorkflowNestedGraphProvider({ children, onShowTrace, }: {
     children: React.ReactNode;
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,11 @@
-import { ExtendedLegacyWorkflowRunResult, ExtendedWorkflowWatchResult } from '../../../hooks/use-workflows';
+import { ExtendedLegacyWorkflowRunResult } from '../../../hooks/use-workflows';
 import { WorkflowRunState } from '@mastra/core';
+import { WorkflowWatchResult } from '@mastra/client-js';
 
 type WorkflowRunContextType = {
     legacyResult: ExtendedLegacyWorkflowRunResult | null;
     setLegacyResult: React.Dispatch<React.SetStateAction<any>>;
-    result: ExtendedWorkflowWatchResult | null;
+    result: WorkflowWatchResult | null;
     setResult: React.Dispatch<React.SetStateAction<any>>;
     payload: any;
     setPayload: React.Dispatch<React.SetStateAction<any>>;

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

@@ -1,4 +1,4 @@
 import { WorkflowRunState } from '@mastra/core/workflows';
-import { ExtendedWorkflowWatchResult } from '../../hooks/use-workflows';
+import { WorkflowWatchResult } from '@mastra/client-js';
 
-export declare function convertWorkflowRunStateToWatchResult(runState: WorkflowRunState): ExtendedWorkflowWatchResult;
+export declare function convertWorkflowRunStateToWatchResult(runState: WorkflowRunState): WorkflowWatchResult;

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

@@ -6,9 +6,11 @@ export type DefaultNode = Node<{
     withoutTopHandle?: boolean;
     withoutBottomHandle?: boolean;
     mapConfig?: string;
+    event?: string;
+    duration?: number;
+    date?: Date;
 }, 'default-node'>;
 export interface WorkflowDefaultNodeProps {
-    data: DefaultNode['data'];
     onShowTrace?: ({ runId, stepName }: {
         runId: string;
         stepName: string;

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

@@ -4,5 +4,9 @@ export interface WorkflowNestedGraphProps {
     stepGraph: SerializedStepFlowEntry[];
     open: boolean;
     workflowName: string;
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
 }
-export declare function WorkflowNestedGraph({ stepGraph, open, workflowName }: WorkflowNestedGraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowNestedGraph({ stepGraph, open, workflowName, onShowTrace }: WorkflowNestedGraphProps): import("react/jsx-runtime").JSX.Element;

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

@@ -9,6 +9,11 @@ export type NestedNode = Node<{
     stepGraph: StepFlowEntry[];
     mapConfig?: string;
 }, 'nested-node'>;
-export declare function WorkflowNestedNode({ data, parentWorkflowName, }: NodeProps<NestedNode> & {
+export interface WorkflowNestedNodeProps {
+    onShowTrace?: ({ runId, stepName }: {
+        runId: string;
+        stepName: string;
+    }) => void;
     parentWorkflowName?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}
+export declare function WorkflowNestedNode({ data, parentWorkflowName, onShowTrace, }: NodeProps<NestedNode> & WorkflowNestedNodeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 export interface WorkflowStatusProps {
     stepId: string;
     status: string;
+    result: Record<string, unknown>;
 }
-export declare const WorkflowStatus: ({ stepId, status }: WorkflowStatusProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowStatus: ({ stepId, status, result }: WorkflowStatusProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,11 @@
 export interface WorkflowStepActionBarProps {
     input?: any;
     output?: any;
+    resumeData?: any;
     error?: any;
     stepName: string;
     mapConfig?: string;
     onShowTrace?: () => void;
+    onShowNestedGraph?: () => void;
 }
-export declare const WorkflowStepActionBar: ({ input, output, error, mapConfig, stepName, onShowTrace, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowStepActionBar: ({ input, output, resumeData, error, mapConfig, stepName, onShowTrace, onShowNestedGraph, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
-import { ExtendedWorkflowWatchResult } from '../../../hooks/use-workflows';
-import { GetWorkflowResponse } from '@mastra/client-js';
+import { GetWorkflowResponse, WorkflowWatchResult } from '@mastra/client-js';
 
 interface WorkflowTriggerProps {
     workflowId: string;
@@ -12,10 +11,11 @@ interface WorkflowTriggerProps {
     }) => Promise<{
         runId: string;
     }>;
-    startWorkflowRun: ({ workflowId, runId, input, runtimeContext, }: {
+    isStreamingWorkflow: boolean;
+    streamWorkflow: ({ workflowId, runId, inputData, runtimeContext, }: {
         workflowId: string;
         runId: string;
-        input: Record<string, unknown>;
+        inputData: Record<string, unknown>;
         runtimeContext: Record<string, unknown>;
     }) => Promise<void>;
     resumeWorkflow: ({ workflowId, step, runId, resumeData, runtimeContext, }: {
@@ -27,13 +27,15 @@ interface WorkflowTriggerProps {
     }) => Promise<{
         message: string;
     }>;
-    watchWorkflow: ({ workflowId, runId }: {
+    streamResult: WorkflowWatchResult | null;
+    isResumingWorkflow: boolean;
+    isCancellingWorkflowRun: boolean;
+    cancelWorkflowRun: ({ workflowId, runId }: {
         workflowId: string;
         runId: string;
-    }) => Promise<void>;
-    watchResult: ExtendedWorkflowWatchResult | null;
-    isWatchingWorkflow: boolean;
-    isResumingWorkflow: boolean;
+    }) => Promise<{
+        message: string;
+    }>;
 }
-export declare function WorkflowTrigger({ workflowId, setRunId, workflow, isLoading, createWorkflowRun, startWorkflowRun, resumeWorkflow, watchWorkflow, watchResult, isWatchingWorkflow, isResumingWorkflow, }: WorkflowTriggerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function WorkflowTrigger({ workflowId, setRunId, workflow, isLoading, createWorkflowRun, resumeWorkflow, streamWorkflow, isStreamingWorkflow, streamResult, isResumingWorkflow, isCancellingWorkflowRun, cancelWorkflowRun, }: WorkflowTriggerProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -8,6 +8,7 @@ export declare const Colors: {
     accent2: string;
     accent3: string;
     accent4: string;
+    accent5: string;
 };
 export declare const BorderColors: {
     border1: string;

package/dist/src/index.d.ts

@@ -21,5 +21,7 @@ export * from './ds/components/EmptyState/index';
 export * from './ds/icons/index';
 export * from './lib/polls';
 export * from './hooks/use-speech-recognition';
+export * from './components/ui/radio-group';
+export * from './components/ui/entry';
 export type { TraceContextType } from './domains/traces/context/trace-context';
 export * from './store/playground-store';

package/dist/src/types.d.ts

@@ -8,6 +8,23 @@ export interface Message {
         text?: string;
     }>;
 }
+export interface AssistantMessage {
+    id: string;
+    formattedMessageId: string;
+    finalStepId: string;
+    routingDecision?: {
+        resourceId: string;
+        resourceType: string;
+        selectionReason: string;
+        prompt: string;
+    };
+    finalResponse: string;
+    taskCompleteDecision?: {
+        isComplete: boolean;
+        finalResult: string;
+        completionReason: string;
+    };
+}
 export interface ModelSettings {
     frequencyPenalty?: number;
     presencePenalty?: number;

package/dist/tokens.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const colors = require('./colors-Du4i-E0i.cjs');
+const colors = require('./colors-BjoU9dWU.cjs');
 
 const BorderWidth = {
   sm: "0.5px"

package/dist/tokens.es.js

@@ -1,4 +1,4 @@
-export { B as BorderColors, C as Colors, I as IconColors } from './colors-CBG_Mm7P.js';
+export { B as BorderColors, C as Colors, I as IconColors } from './colors-BauMYA7t.js';
 
 const BorderWidth = {
   sm: "0.5px"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "5.1.8",
+  "version": "5.1.9",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -54,6 +54,7 @@
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-radio-group": "^1.3.7",
     "@radix-ui/react-scroll-area": "^1.2.9",
     "@radix-ui/react-select": "^2.2.5",
     "@radix-ui/react-slider": "^1.3.5",
@@ -69,9 +70,9 @@
     "@xyflow/react": "^12.6.4",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
-    "prettier": "^3.5.3",
     "json-schema-to-zod": "^2.6.1",
     "motion": "^12.16.0",
+    "prettier": "^3.5.3",
     "prism-react-renderer": "^2.4.1",
     "react-code-block": "1.1.3",
     "react-day-picker": "^8.10.1",
@@ -92,10 +93,10 @@
     "use-debounce": "^10.0.5",
     "zod": "^3.25.67",
     "zustand": "^5.0.5",
-    "@mastra/client-js": "^0.10.7"
+    "@mastra/client-js": "^0.10.8"
   },
   "peerDependencies": {
-    "@mastra/core": "^0.10.0-alpha.0",
+    "@mastra/core": ">=0.10.9-0 <0.11.0-0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
@@ -117,7 +118,7 @@
     "vite": "^6.3.5",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.10.8"
+    "@mastra/core": "0.10.9"
   },
   "scripts": {
     "dev": "vite",

package/dist/colors-CBG_Mm7P.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-CBG_Mm7P.js","sources":["../src/ds/tokens/colors.ts"],"sourcesContent":["export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n\nexport const IconColors = {\n  icon1: '#5C5C5C',\n  icon2: '#707070',\n  icon3: '#939393',\n  icon4: '#A9A9A9',\n  icon5: '#E6E6E6',\n  icon6: '#FFFFFF',\n};\n"],"names":[],"mappings":"AAAO,MAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,uBAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;AACX;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS,qBAAA;AAAA,EACT,OAAA,EAAS;AACX;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO;AACT;;;;"}

package/dist/colors-Du4i-E0i.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-Du4i-E0i.cjs","sources":["../src/ds/tokens/colors.ts"],"sourcesContent":["export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n\nexport const IconColors = {\n  icon1: '#5C5C5C',\n  icon2: '#707070',\n  icon3: '#939393',\n  icon4: '#A9A9A9',\n  icon5: '#E6E6E6',\n  icon6: '#FFFFFF',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,uBAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;AACX;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS,qBAAA;AAAA,EACT,OAAA,EAAS;AACX;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO;AACT;;;;;;"}

package/dist/src/domains/agents/agent/context/agent-context.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from '../../../../../node_modules/@types/react';
-import { ModelSettings } from '../../../../types';
-import { GetAgentResponse } from '@mastra/client-js';
-
-type AgentContextType = {
-    modelSettings: ModelSettings;
-    chatWithGenerate: boolean;
-    setModelSettings: (modelSettings: ModelSettings) => void;
-    resetModelSettings: () => void;
-    setChatWithGenerate: (chatWithGenerate: boolean) => void;
-};
-export declare const AgentContext: import('../../../../../node_modules/@types/react').Context<AgentContextType>;
-export declare function AgentProvider({ agentId, defaultGenerateOptions, defaultStreamOptions, children, }: {
-    agentId: string;
-    defaultGenerateOptions?: GetAgentResponse['defaultGenerateOptions'];
-    defaultStreamOptions?: GetAgentResponse['defaultStreamOptions'];
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/store/agent-store.d.ts

@@ -1,20 +0,0 @@
-import { ModelSettings } from '../types';
-
-interface AgentStore {
-    modelSettings: Record<string, ModelSettings | null>;
-    setModelSettings: (modelSettings: Record<string, ModelSettings | null>) => void;
-    chatWithGenerate: Record<string, boolean>;
-    setChatWithGenerate: (chatWithGenerate: Record<string, boolean>) => void;
-}
-export declare const useAgentStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AgentStore>, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AgentStore, AgentStore>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: AgentStore) => void) => () => void;
-        onFinishHydration: (fn: (state: AgentStore) => void) => () => void;
-        getOptions: () => Partial<import('zustand/middleware').PersistOptions<AgentStore, AgentStore>>;
-    };
-}>;
-export {};