@mastra/playground-ui 5.1.12 → 5.1.13-alpha.0

package/dist/src/components/assistant-ui/messages/reasoning.d.ts

@@ -0,0 +1,3 @@
+import { ReasoningContentPart } from '@assistant-ui/react';
+
+export declare const Reasoning: ({ text }: ReasoningContentPart) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/scrollable-container.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from '../../node_modules/@types/react';
+
+export type ScrollableContainerProps = {
+    className?: string;
+    children: React.ReactNode;
+    scrollSpeed?: number;
+    scrollIntervalTime?: number;
+};
+export declare const ScrollableContainer: ({ className, children, scrollSpeed, scrollIntervalTime, }: ScrollableContainerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { GetAgentResponse } from '@mastra/client-js';
+
+export interface AgentsTableProps {
+    agents?: Record<string, GetAgentResponse>;
+    isLoading: boolean;
+    onClickRow: (agentId: string) => void;
+}
+export declare function AgentsTable({ agents, isLoading, onClickRow }: AgentsTableProps): import("react/jsx-runtime").JSX.Element;
+export declare const AgentsTableSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyAgentsTable: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-table/columns.d.ts

@@ -0,0 +1,22 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { AgentTableData } from './types';
+
+export declare const providerMapToIcon: {
+    'openai.chat': import("react/jsx-runtime").JSX.Element;
+    'anthropic.chat': import("react/jsx-runtime").JSX.Element;
+    'anthropic.messages': import("react/jsx-runtime").JSX.Element;
+    AZURE: import("react/jsx-runtime").JSX.Element;
+    AMAZON: import("react/jsx-runtime").JSX.Element;
+    GOOGLE: import("react/jsx-runtime").JSX.Element;
+    COHERE: import("react/jsx-runtime").JSX.Element;
+    GROQ: import("react/jsx-runtime").JSX.Element;
+    X_GROK: import("react/jsx-runtime").JSX.Element;
+    MISTRAL: import("react/jsx-runtime").JSX.Element;
+};
+export type AgentTableColumn = {
+    repoUrl: string;
+    executedAt: Date | null;
+    modelId: string;
+    link: string;
+} & AgentTableData;
+export declare const columns: ColumnDef<AgentTableColumn>[];

package/dist/src/domains/agents/components/agent-table/types.d.ts

@@ -0,0 +1,12 @@
+import { GetToolResponse } from '@mastra/client-js';
+
+export type AgentTableData = {
+    branch?: string;
+    executedAt?: Date;
+    modelId: string;
+    id: string;
+    name: string;
+    provider: string;
+    instructions: string;
+    tools?: Record<string, GetToolResponse>;
+};

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

@@ -0,0 +1,21 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+
+type AgentWorkingMemoryContextType = {
+    threadExists: boolean;
+    workingMemoryData: string | null;
+    workingMemorySource: 'thread' | 'resource';
+    isLoading: boolean;
+    isUpdating: boolean;
+    updateWorkingMemory: (newMemory: string) => Promise<void>;
+    refetch: () => Promise<void>;
+};
+export declare const WorkingMemoryContext: import('../../../../node_modules/@types/react').Context<AgentWorkingMemoryContextType>;
+export interface AgentWorkingMemoryProviderProps {
+    children: ReactNode;
+    agentId: string;
+    threadId: string;
+    resourceId: string;
+}
+export declare function WorkingMemoryProvider({ agentId, threadId, resourceId, children }: AgentWorkingMemoryProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useWorkingMemory(): AgentWorkingMemoryContextType;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './agent-context';
+export * from './agent-working-memory-context';

package/dist/src/domains/agents/hooks/use-agent-working-memory.d.ts

@@ -0,0 +1,10 @@
+export declare function useAgentWorkingMemory(agentId: string, threadId: string, resourceId: string): {
+    threadExists: boolean;
+    workingMemoryData: string | null;
+    workingMemorySource: "resource" | "thread";
+    workingMemoryFormat: "json" | "markdown";
+    isLoading: boolean;
+    isUpdating: boolean;
+    refetch: () => Promise<void>;
+    updateWorkingMemory: (newMemory: string) => Promise<void>;
+};

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

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

package/dist/src/ds/components/Button/Button.d.ts

@@ -9,5 +9,6 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     children: React.ReactNode;
     size?: 'md' | 'lg';
     variant?: 'default' | 'light';
+    target?: string;
 }
 export declare const Button: ({ className, as, size, variant, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+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/XGroqIcon.d.ts

@@ -0,0 +1,3 @@
+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/index.d.ts

@@ -25,3 +25,4 @@ 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';
+export * from './lib/framework';

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

@@ -0,0 +1,12 @@
+import { AnchorHTMLAttributes, ForwardRefExoticComponent, RefAttributes } from '../../node_modules/@types/react';
+
+export type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+export type LinkComponent = ForwardRefExoticComponent<LinkComponentProps & RefAttributes<HTMLAnchorElement>>;
+export interface LinkComponentProviderProps {
+    children: React.ReactNode;
+    Link: LinkComponent;
+}
+export declare const LinkComponentProvider: ({ children, Link }: LinkComponentProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useLinkComponent: () => {
+    Link: LinkComponent;
+};

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

@@ -4,7 +4,7 @@ import { ChatProps } from '../types';
 type VNextMastraNetworkRuntimeProviderProps = Omit<ChatProps, 'agentId' | 'agentName' | 'modelSettings'> & {
     networkId: string;
 };
-export declare function VNextMastraNetworkRuntimeProvider({ children, networkId, memory, threadId, refreshThreadList, initialMessages, }: Readonly<{
+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.d.ts

@@ -4,8 +4,17 @@ export interface Message {
     content: any;
     isError?: boolean;
     parts?: Array<{
-        type: 'text' | 'step-start';
-        text?: string;
+        type: 'text';
+        text: string;
+    } | {
+        type: 'step-start';
+    } | {
+        type: 'reasoning';
+        reasoning: string;
+        details: Array<{
+            type: 'text';
+            text: string;
+        }>;
     }>;
 }
 export interface AssistantMessage {
@@ -35,6 +44,7 @@ export interface ModelSettings {
     topK?: number;
     topP?: number;
     instructions?: string;
+    providerOptions?: Record<string, unknown>;
     chatWithGenerate?: boolean;
 }
 export interface AgentSettingsType {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "5.1.12",
+  "version": "5.1.13-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -63,6 +63,7 @@
     "@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.14",
@@ -72,7 +73,7 @@
     "date-fns": "^4.1.0",
     "json-schema-to-zod": "^2.6.1",
     "motion": "^12.23.0",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "prism-react-renderer": "^2.4.1",
     "react-code-block": "1.1.3",
     "react-day-picker": "^8.10.1",
@@ -87,13 +88,13 @@
     "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.67",
     "zustand": "^5.0.5",
-    "@mastra/client-js": "^0.10.11"
+    "@mastra/client-js": "^0.10.14-alpha.0"
   },
   "peerDependencies": {
     "@mastra/core": ">=0.10.11-0 <0.11.0-0",
@@ -118,7 +119,7 @@
     "vite": "^6.3.5",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.10.12"
+    "@mastra/core": "0.10.15-alpha.0"
   },
   "scripts": {
     "dev": "vite",