@mastra/playground-ui 0.0.0-working-memory-per-user-20250620163010 → 0.0.0-zod-v4-compat-part-2-20250820135355

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

@@ -0,0 +1,17 @@
+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 }: {
+    children: ReactNode;
+}) => 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,9 @@
+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, runtimeContext, }: Readonly<{
+    children: ReactNode;
+}> & VNextMastraNetworkRuntimeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/types/memory.d.ts

@@ -0,0 +1,29 @@
+export interface MemorySearchResult {
+    id: string;
+    role: string;
+    content: string;
+    createdAt: string;
+    threadId?: string;
+    threadTitle?: string;
+    context?: {
+        before?: Array<{
+            id: string;
+            role: string;
+            content: string;
+            createdAt: string;
+        }>;
+        after?: Array<{
+            id: string;
+            role: string;
+            content: string;
+            createdAt: string;
+        }>;
+    };
+}
+export interface MemorySearchResponse {
+    results: MemorySearchResult[];
+    count: number;
+    query: string;
+    searchType?: string;
+    searchScope?: 'thread' | 'resource';
+}

package/dist/src/types.d.ts

@@ -3,6 +3,36 @@ export interface Message {
     role: 'user' | 'assistant';
     content: any;
     isError?: boolean;
+    parts?: Array<{
+        type: 'text';
+        text: string;
+    } | {
+        type: 'step-start';
+    } | {
+        type: 'reasoning';
+        reasoning: string;
+        details: Array<{
+            type: 'text';
+            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;
@@ -14,6 +44,11 @@ export interface ModelSettings {
     topK?: number;
     topP?: number;
     instructions?: string;
+    providerOptions?: Record<string, unknown>;
+    chatWithGenerate?: boolean;
+}
+export interface AgentSettingsType {
+    modelSettings: ModelSettings;
 }
 export interface ChatProps {
     agentId: string;
@@ -22,10 +57,9 @@ export interface ChatProps {
     initialMessages?: Message[];
     memory?: boolean;
     refreshThreadList?: () => void;
-    modelSettings?: ModelSettings;
-    chatWithGenerate?: boolean;
+    settings?: AgentSettingsType;
     runtimeContext?: Record<string, any>;
-    showFileSupport?: boolean;
+    onInputChange?: (value: string) => void;
 }
 export type SpanStatus = {
     code: 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-DLwJ7rFA.cjs');
 
 const BorderWidth = {
   sm: "0.5px"

package/dist/tokens.d.ts

@@ -1 +1,2 @@
 export * from './src/ds/tokens/index'
+export {}

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-DrbbnW3f.js';
 
 const BorderWidth = {
   sm: "0.5px"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "0.0.0-working-memory-per-user-20250620163010",
+  "version": "0.0.0-zod-v4-compat-part-2-20250820135355",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -34,26 +34,28 @@
     "components"
   ],
   "author": "Mastra",
-  "license": "Elastic-2.0",
+  "license": "Apache-2.0",
   "dependencies": {
     "@ai-sdk/ui-utils": "^1.2.11",
     "@assistant-ui/react": "^0.7.91",
     "@assistant-ui/react-markdown": "^0.7.21",
     "@assistant-ui/react-syntax-highlighter": "^0.7.10",
-    "@autoform/core": "^2.2.0",
-    "@autoform/react": "^3.1.0",
-    "@autoform/zod": "^2.2.0",
-    "@codemirror/lang-json": "^6.0.1",
-    "@dagrejs/dagre": "^1.1.4",
+    "@autoform/core": "^3.0.0",
+    "@autoform/react": "^4.0.0",
+    "@autoform/zod": "^4.0.0",
+    "@codemirror/lang-json": "^6.0.2",
+    "@dagrejs/dagre": "^1.1.5",
     "@hookform/resolvers": "^3.10.0",
     "@lezer/highlight": "^1.2.1",
     "@lukeed/uuid": "^2.0.1",
+    "@radix-ui/react-alert-dialog": "^1.1.14",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-collapsible": "^1.1.11",
     "@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",
@@ -62,19 +64,21 @@
     "@radix-ui/react-tabs": "^1.1.12",
     "@radix-ui/react-toggle": "^1.1.9",
     "@radix-ui/react-tooltip": "^1.2.7",
+    "@tanstack/react-query": "^5.81.5",
     "@tanstack/react-table": "^8.21.3",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@uiw/codemirror-theme-dracula": "^4.23.13",
-    "@uiw/react-codemirror": "^4.23.13",
-    "@xyflow/react": "^12.6.4",
+    "@uiw/codemirror-theme-dracula": "^4.23.14",
+    "@uiw/react-codemirror": "^4.23.14",
+    "@xyflow/react": "^12.8.2",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "json-schema-to-zod": "^2.6.1",
-    "motion": "^12.16.0",
+    "motion": "^12.23.9",
+    "prettier": "^3.6.2",
     "prism-react-renderer": "^2.4.1",
-    "react-code-block": "1.1.1",
-    "react-day-picker": "^8.10.1",
-    "react-hook-form": "^7.57.0",
+    "react-code-block": "1.1.3",
+    "react-day-picker": "^9.8.1",
+    "react-hook-form": "^7.59.0",
     "react-markdown": "^9.1.0",
     "react-resizable-panels": "^2.1.9",
     "react-syntax-highlighter": "^15.6.1",
@@ -82,47 +86,45 @@
     "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",
-    "swr": "^2.3.3",
+    "swr": "^2.3.4",
     "tailwindcss-animate": "^1.0.7",
     "unified": "^11.0.5",
     "use-debounce": "^10.0.5",
-    "zod": "^3.25.57",
-    "zustand": "^5.0.5",
-    "@mastra/client-js": "0.0.0-working-memory-per-user-20250620163010"
+    "zod": "^4.0.15",
+    "zustand": "^5.0.6",
+    "@mastra/client-js": "0.0.0-zod-v4-compat-part-2-20250820135355"
   },
   "peerDependencies": {
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/core": "0.0.0-working-memory-per-user-20250620163010"
+    "@mastra/core": "0.0.0-zod-v4-compat-part-2-20250820135355"
   },
   "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",
+    "@vitejs/plugin-react": "^4.6.0",
     "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-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.0.0-working-memory-per-user-20250620163010"
+    "@mastra/core": "0.0.0-zod-v4-compat-part-2-20250820135355"
   },
   "scripts": {
-    "dev": "vite",
     "build": "tsc && vite build",
-    "build:watch": "vite build --watch",
+    "dev:playground": "vite build --watch",
     "build:publish": "pnpm build && yalc push",
     "preview": "vite preview"
   }

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/components/assistant-ui/assistant-modal.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/assistant-ui/attachment.d.ts

@@ -1,5 +0,0 @@
-import { FC } from '../../../node_modules/@types/react';
-
-export declare const UserMessageAttachments: FC;
-export declare const ComposerAttachments: FC;
-export declare const ComposerAddAttachment: FC;

package/dist/src/components/assistant-ui/image-with-fallback.d.ts

@@ -1,3 +0,0 @@
-import { ImgHTMLAttributes } from '../../../node_modules/@types/react';
-
-export declare const ImageWithFallback: ({ alt, src, ...rest }: ImgHTMLAttributes<HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/markdown-text.d.ts

@@ -1,2 +0,0 @@
-
-export declare const MarkdownText: import('../../../node_modules/@types/react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/src/components/assistant-ui/user-message.d.ts

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

package/dist/src/components/ui/autoform/zodProvider/field-type-inference.d.ts

@@ -1,4 +0,0 @@
-import { FieldConfig } from '@autoform/core';
-import { z } from 'zod';
-
-export declare function inferFieldType(schema: z.ZodTypeAny, fieldConfig?: FieldConfig): string;

package/dist/src/components/ui/autoform/zodProvider/index.d.ts

@@ -1,9 +0,0 @@
-import { ParsedSchema } from '@autoform/core';
-import { ZodObjectOrWrapped, ZodProvider } from '@autoform/zod';
-
-export declare function parseSchema(schema: ZodObjectOrWrapped): ParsedSchema;
-export declare class CustomZodProvider<T extends ZodObjectOrWrapped> extends ZodProvider<T> {
-    private _schema;
-    constructor(schema: T);
-    parseSchema(): ParsedSchema;
-}

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

@@ -1,3 +0,0 @@
-import { ChatProps } from '../../../types';
-
-export declare const AgentChat: ({ agentId, agentName, threadId, initialMessages, memory, refreshThreadList, showFileSupport, }: ChatProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +0,0 @@
-import { RefinedTrace } from '../../traces/types';
-
-export interface AgentTracesProps {
-    className?: string;
-    traces: RefinedTrace[];
-    error: {
-        message: string;
-    } | null;
-}
-export declare function AgentTraces({ className, traces, error }: AgentTracesProps): import("react/jsx-runtime").JSX.Element;

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/domains/workflows/workflow/workflow-traces.d.ts

@@ -1,11 +0,0 @@
-import { RefinedTrace } from '../../traces/types';
-
-export interface WorkflowTracesProps {
-    traces: RefinedTrace[];
-    error: {
-        message: string;
-    } | null;
-    runId?: string;
-    stepName?: string;
-}
-export declare function WorkflowTraces({ traces, error, runId, stepName }: WorkflowTracesProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/main.d.ts

@@ -1 +0,0 @@
-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 {};