@mastra/playground-ui 5.1.7-alpha.0 → 5.1.7-alpha.2

package/dist/src/components/assistant-ui/network-threads.d.ts

@@ -0,0 +1,12 @@
+import { ToolCallContentPartComponent } from '@assistant-ui/react';
+
+export interface ThreadProps {
+    ToolFallback?: ToolCallContentPartComponent;
+    networkName?: string;
+    hasMemory?: boolean;
+    showFileSupport?: boolean;
+}
+export declare const NetworkThread: ({ ToolFallback, networkName, hasMemory, showFileSupport }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
+export interface ThreadWelcomeProps {
+    networkName?: string;
+}

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

@@ -1,2 +1,3 @@
 export * from './network-chat';
 export * from './network-context';
+export * from './v-next/network-chat';

package/dist/src/domains/networks/v-next/network-chat.d.ts

@@ -0,0 +1,10 @@
+import { Message } from '../../../types';
+
+export declare const VNextNetworkChat: ({ networkId, networkName, threadId, initialMessages, memory, refreshThreadList, }: {
+    networkId: string;
+    networkName: string;
+    threadId: string;
+    initialMessages?: Message[];
+    memory?: boolean;
+    refreshThreadList?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/networks/v-next/step-dropdown.d.ts

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

package/dist/src/domains/networks/v-next/wrapped-assistant-message.d.ts

@@ -0,0 +1,6 @@
+import { ToolCallContentPartComponent } from '@assistant-ui/react';
+import { FC } from '../../../../node_modules/@types/react';
+
+export declare const NextAssistantMessage: FC<{
+    ToolFallback?: ToolCallContentPartComponent;
+}>;

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

@@ -4,7 +4,7 @@ export interface WorkflowGraphInnerProps {
     workflow: {
         stepGraph: GetWorkflowResponse['stepGraph'];
     };
-    onShowTrace: ({ runId, stepName }: {
+    onShowTrace?: ({ runId, stepName }: {
         runId: string;
         stepName: string;
     }) => void;

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

@@ -4,7 +4,7 @@ export interface WorkflowGraphProps {
     workflowId: string;
     isLoading?: boolean;
     workflow?: GetWorkflowResponse;
-    onShowTrace: ({ runId, stepName }: {
+    onShowTrace?: ({ runId, stepName }: {
         runId: string;
         stepName: string;
     }) => void;

package/dist/src/hooks/use-workflow-runs.d.ts

@@ -0,0 +1,4 @@
+export declare const useWorkflowRuns: (workflowId: string) => {
+    runs: import('@mastra/core').WorkflowRuns | null;
+    isLoading: boolean;
+};

package/dist/src/hooks/use-workflows.d.ts

@@ -1,4 +1,4 @@
-import { LegacyWorkflowRunResult, WorkflowWatchResult } from '@mastra/client-js';
+import { LegacyWorkflowRunResult, WorkflowWatchResult, GetWorkflowResponse } from '@mastra/client-js';
 import { LegacyWorkflow } from '@mastra/core/workflows/legacy';
 
 export type ExtendedLegacyWorkflowRunResult = LegacyWorkflowRunResult & {
@@ -15,6 +15,10 @@ export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
         stack?: string;
     } | null;
 };
+export declare const useWorkflow: (workflowId: string) => {
+    workflow: GetWorkflowResponse | null;
+    isLoading: boolean;
+};
 export declare const useLegacyWorkflow: (workflowId: string) => {
     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;
     isLoading: boolean;

package/dist/src/lib/formatting.d.ts

@@ -0,0 +1 @@
+export declare const formatJSON: (code: string) => Promise<string>;

package/dist/src/services/vnext-message-provider.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ReactNode } from '../../node_modules/@types/react';
+import { ThreadMessageLike } from '@assistant-ui/react';
+
+export declare const MessagesProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useMessages: () => {
+    messages: ThreadMessageLike[];
+    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
+    appendToLastMessage: (partial: string) => void;
+};

package/dist/src/services/vnext-network-chat-provider.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ReactNode } from '../../node_modules/@types/react';
+
+type StateValue = {
+    executionSteps: Array<string>;
+    steps: Record<string, any>;
+    runId?: string;
+};
+type State = Record<string, StateValue>;
+type VNextNetworkChatContextType = {
+    state: State;
+    handleStep: (uuid: string, record: Record<string, any>) => void;
+    setState: React.Dispatch<React.SetStateAction<State>>;
+};
+export declare const VNextNetworkChatProvider: ({ children, networkId }: {
+    children: ReactNode;
+    networkId: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useVNextNetworkChat: () => VNextNetworkChatContextType;
+export {};

package/dist/src/services/vnext-network-runtime-provider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from '../../node_modules/@types/react';
+import { ChatProps } from '../types';
+
+type VNextMastraNetworkRuntimeProviderProps = Omit<ChatProps, 'agentId' | 'agentName' | 'modelSettings'> & {
+    networkId: string;
+};
+export declare function VNextMastraNetworkRuntimeProvider({ children, networkId, memory, threadId, refreshThreadList, initialMessages, }: Readonly<{
+    children: ReactNode;
+}> & VNextMastraNetworkRuntimeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/types.d.ts

@@ -3,6 +3,10 @@ export interface Message {
     role: 'user' | 'assistant';
     content: any;
     isError?: boolean;
+    parts?: Array<{
+        type: 'text' | 'step-start';
+        text?: string;
+    }>;
 }
 export interface ModelSettings {
     frequencyPenalty?: number;

package/dist/tokens.cjs.js.map

@@ -1 +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;;;;;;;;;;;;"}
+{"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,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI;AACN;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACTO,MAAM,SAAA,GAAY;AAAA,EACvB,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS;AAAA;AACX;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACdO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,gBAAA,EAAkB;AACpB;;ACZO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;;;;;;;;;;;"}

package/dist/tokens.es.js.map

@@ -1 +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;;;;"}
+{"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,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI;AACN;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACTO,MAAM,SAAA,GAAY;AAAA,EACvB,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS;AAAA;AACX;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACdO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,gBAAA,EAAkB;AACpB;;ACZO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "5.1.7-alpha.0",
+  "version": "5.1.7-alpha.2",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -69,6 +69,7 @@
     "@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",
     "prism-react-renderer": "^2.4.1",
@@ -82,7 +83,6 @@
     "remark-gfm": "^4.0.1",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
-    "remeda": "^2.23.0",
     "shiki": "^1.29.2",
     "sonner": "^2.0.5",
     "superjson": "^2.2.2",
@@ -90,9 +90,9 @@
     "tailwindcss-animate": "^1.0.7",
     "unified": "^11.0.5",
     "use-debounce": "^10.0.5",
-    "zod": "^3.25.57",
+    "zod": "^3.25.67",
     "zustand": "^5.0.5",
-    "@mastra/client-js": "^0.10.6-alpha.0"
+    "@mastra/client-js": "^0.10.6-alpha.2"
   },
   "peerDependencies": {
     "@mastra/core": "^0.10.0-alpha.0",
@@ -103,21 +103,21 @@
   },
   "devDependencies": {
     "@types/node": "^20.19.0",
-    "@types/react": "^19.1.7",
+    "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.5.2",
     "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "postcss": "^8.5.4",
-    "rollup-plugin-node-externals": "^8.0.0",
+    "postcss": "^8.5.6",
+    "rollup-plugin-node-externals": "^8.0.1",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.10.7-alpha.0"
+    "@mastra/core": "0.10.7-alpha.2"
   },
   "scripts": {
     "dev": "vite",