@mastra/playground-ui 0.0.0-wrapping-tooltip-provider-runtime-context-20250716134707 → 0.0.0-zod-v4-compat-part-2-20250822105954

package/dist/src/ds/icons/OpenaiChatIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const OpenaiChatIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/PromptIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const PromptIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/RepoIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const RepoIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/ScoreIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const ScoreIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/SettingsIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const SettingsIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/SlashIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const SlashIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/ToolCoinIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const ToolCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/ToolsIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const ToolsIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/TraceIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const TraceIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/TsIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const TsIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/VariablesIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const VariablesIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/WorkflowCoinIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const WorkflowCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/WorkflowIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const WorkflowIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/XGroqIcon.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from '../../../node_modules/@types/react';
-
 export declare const XGroqIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -9,6 +9,17 @@ export declare const Colors: {
     accent3: string;
     accent4: string;
     accent5: string;
+    accent6: string;
+    accent1Dark: string;
+    accent2Dark: string;
+    accent3Dark: string;
+    accent5Dark: string;
+    accent6Dark: string;
+    accent1Darker: string;
+    accent2Darker: string;
+    accent3Darker: string;
+    accent5Darker: string;
+    accent6Darker: string;
 };
 export declare const BorderColors: {
     border1: string;

package/dist/src/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-in-view';

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

@@ -1,5 +1,4 @@
 import { default as React } from '../../node_modules/@types/react';
-
 export interface UseAutoscrollOptions {
     enabled?: boolean;
 }

package/dist/src/hooks/use-in-view.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Tracks whether or not the given element is currently in view.
+ * This is to replace framer-motion's `useInView` which has issues
+ * tracking a ref that is set at a time other than mount.
+ */
+export declare const useInView: () => {
+    inView: boolean;
+    setRef: (node: HTMLDivElement | null) => (() => void) | undefined;
+};

package/dist/src/hooks/use-resize-column.d.ts

@@ -1,5 +1,4 @@
 import { MouseEvent as ReactMouseEvent } from '../../node_modules/@types/react';
-
 export declare const useResizeColumn: ({ defaultWidth, minimumWidth, maximumWidth, setCurrentWidth, }: {
     defaultWidth: number;
     minimumWidth: number;

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

@@ -1,6 +1,5 @@
 import { LegacyWorkflowRunResult, WorkflowWatchResult, GetWorkflowResponse } from '@mastra/client-js';
 import { LegacyWorkflow } from '@mastra/core/workflows/legacy';
-
 export type ExtendedLegacyWorkflowRunResult = LegacyWorkflowRunResult & {
     sanitizedOutput?: string | null;
     sanitizedError?: {

package/dist/src/index.d.ts

@@ -1,14 +1,17 @@
-
 export * from './contexts/mastra-client-context';
 export * from './domains/agents/index';
 export * from './domains/networks/index';
+export * from './domains/scores/index';
 export * from './domains/tools/index';
 export * from './domains/workflows/index';
+export * from './domains/traces/index';
 export * from './domains/resizable-panel';
 export * from './components/dynamic-form/index';
 export * from './components/ui/data-table';
 export * from './components/ui/containers';
 export * from './components/threads';
+export * from './components/ui/entity-header';
+export * from './components/ui/playground-tabs';
 export * from './types';
 export * from './ds/components/Badge/index';
 export * from './ds/components/Button/index';
@@ -21,9 +24,13 @@ export * from './ds/components/Entity/index';
 export * from './ds/components/EmptyState/index';
 export * from './ds/icons/index';
 export * from './lib/polls';
-export * from './hooks/use-speech-recognition';
+export * from './domains/voice/hooks/use-speech-recognition';
 export * from './components/ui/radio-group';
 export * from './components/ui/entry';
+export * from './hooks';
+export * from './lib/tanstack-query';
 export type { TraceContextType } from './domains/traces/context/trace-context';
 export * from './store/playground-store';
 export * from './lib/framework';
+export { MemorySearch } from './components/assistant-ui/memory-search';
+export * from './components/ui/alert-dialog';

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

@@ -1,5 +1,4 @@
 import { AnchorHTMLAttributes, ForwardRefExoticComponent, RefAttributes } from '../../node_modules/@types/react';
-
 export type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement>;
 export type LinkComponent = ForwardRefExoticComponent<LinkComponentProps & RefAttributes<HTMLAnchorElement>>;
 export interface LinkComponentProviderProps {

package/dist/src/lib/mastra-client.d.ts

@@ -1,3 +1,2 @@
 import { MastraClient } from '@mastra/client-js';
-
 export declare const createMastraClient: (baseUrl?: string, mastraClientHeaders?: Record<string, string>) => MastraClient;

package/dist/src/lib/tanstack-query.d.ts

@@ -0,0 +1,4 @@
+export declare const PlaygroundQueryClient: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export * from '@tanstack/react-query';

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

@@ -1,3 +1,2 @@
 import { ClassValue } from 'clsx';
-
 export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/services/mastra-runtime-provider.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from '../../node_modules/@types/react';
 import { ChatProps } from '../types';
-
 export declare function MastraRuntimeProvider({ children, agentId, initialMessages, memory, threadId, refreshThreadList, settings, runtimeContext, }: Readonly<{
     children: ReactNode;
-}> & ChatProps): import("react/jsx-runtime").JSX.Element;
+}> & ChatProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,6 +1,5 @@
 import { ReactNode } from '../../node_modules/@types/react';
 import { ChatProps, ModelSettings } from '../types';
-
 export declare function MastraNetworkRuntimeProvider({ children, agentId, initialMessages, memory, threadId, modelSettings, }: Readonly<{
     children: ReactNode;
 }> & Omit<ChatProps, 'settings'> & {

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

@@ -1,6 +1,5 @@
 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;

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

@@ -1,5 +1,4 @@
 import { default as React, ReactNode } from '../../node_modules/@types/react';
-
 type StateValue = {
     executionSteps: Array<string>;
     steps: Record<string, any>;

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

@@ -1,6 +1,5 @@
 import { ReactNode } from '../../node_modules/@types/react';
 import { ChatProps } from '../types';
-
 type VNextMastraNetworkRuntimeProviderProps = Omit<ChatProps, 'agentId' | 'agentName' | 'modelSettings'> & {
     networkId: string;
 };

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

@@ -59,6 +59,7 @@ export interface ChatProps {
     refreshThreadList?: () => void;
     settings?: AgentSettingsType;
     runtimeContext?: Record<string, any>;
+    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-BjoU9dWU.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-BauMYA7t.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-wrapping-tooltip-provider-runtime-context-20250716134707",
+  "version": "0.0.0-zod-v4-compat-part-2-20250822105954",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -40,14 +40,15 @@
     "@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",
+    "@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",
@@ -68,16 +69,16 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@uiw/codemirror-theme-dracula": "^4.23.14",
     "@uiw/react-codemirror": "^4.23.14",
-    "@xyflow/react": "^12.8.1",
+    "@xyflow/react": "^12.8.2",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "json-schema-to-zod": "^2.6.1",
-    "motion": "^12.23.0",
+    "motion": "^12.23.9",
     "prettier": "^3.6.2",
     "prism-react-renderer": "^2.4.1",
     "react-code-block": "1.1.3",
-    "react-day-picker": "^8.10.1",
-    "react-hook-form": "^7.57.0",
+    "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",
@@ -92,16 +93,16 @@
     "tailwindcss-animate": "^1.0.7",
     "unified": "^11.0.5",
     "use-debounce": "^10.0.5",
-    "zod": "^3.25.67",
-    "zustand": "^5.0.5",
-    "@mastra/client-js": "0.10.14"
+    "zod": "^4.0.15",
+    "zustand": "^5.0.6",
+    "@mastra/client-js": "0.0.0-zod-v4-compat-part-2-20250822105954"
   },
   "peerDependencies": {
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/core": "0.10.15"
+    "@mastra/core": "0.0.0-zod-v4-compat-part-2-20250822105954"
   },
   "devDependencies": {
     "@types/node": "^20.19.0",
@@ -117,14 +118,13 @@
     "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.10.15"
+    "@mastra/core": "0.0.0-zod-v4-compat-part-2-20250822105954"
   },
   "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-BauMYA7t.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-BauMYA7t.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  accent5: '#4A9DF2',\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,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-BjoU9dWU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-BjoU9dWU.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  accent5: '#4A9DF2',\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,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/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/components/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/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 {};