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

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

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

@@ -20,7 +20,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -64,7 +64,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from 'react-resizable-panels';
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import('../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('../../../node_modules/@types/react').HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLMapElement | HTMLAnchorElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import('../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('../../../node_modules/@types/react').HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/src/contexts/mastra-client-context.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from '../../node_modules/@types/react';
+import { MastraClient } from '@mastra/client-js';
+
+export declare const MastraClientProvider: ({ children, baseUrl, headers, }: {
+    children: ReactNode;
+    baseUrl?: string;
+    headers?: Record<string, string>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useMastraClient: () => MastraClient;

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

@@ -1,3 +1,3 @@
 import { ChatProps } from '../../../types';
 
-export declare const AgentChat: ({ agentId, agentName, threadId, initialMessages, memory, baseUrl, refreshThreadList, showFileSupport, }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+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-evals.d.ts

@@ -1,4 +1,3 @@
-export declare function AgentEvals({ agentId, baseUrl }: {
+export declare function AgentEvals({ agentId }: {
     agentId: string;
-    baseUrl?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/src/domains/traces/context/trace-context.d.ts

@@ -6,7 +6,6 @@ export type TraceContextType = {
     trace: Span[] | null;
     setTrace: React.Dispatch<React.SetStateAction<Span[] | null>>;
     traces: RefinedTrace[];
-    setTraces: React.Dispatch<React.SetStateAction<RefinedTrace[]>>;
     currentTraceIndex: number;
     setCurrentTraceIndex: React.Dispatch<React.SetStateAction<number>>;
     nextTrace: () => void;
@@ -16,7 +15,7 @@ export type TraceContextType = {
     clearData: () => void;
 };
 export declare const TraceContext: import('../../../../node_modules/@types/react').Context<TraceContextType>;
-export declare function TraceProvider({ children, initialTraces, }: {
+export declare function TraceProvider({ children, initialTraces: traces, }: {
     children: React.ReactNode;
     initialTraces?: RefinedTrace[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/traces-table.d.ts

@@ -2,9 +2,8 @@ import { RefinedTrace } from './types';
 
 export interface TracesTableProps {
     traces: RefinedTrace[];
-    isLoading: boolean;
     error: {
         message: string;
     } | null;
 }
-export declare const TracesTable: ({ traces, isLoading, error }: TracesTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TracesTable: ({ traces, error }: TracesTableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 
-export declare function LegacyWorkflowGraph({ workflowId, baseUrl }: {
+export declare function LegacyWorkflowGraph({ workflowId }: {
     workflowId: string;
-    baseUrl: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
-export declare function LegacyWorkflowTrigger({ workflowId, baseUrl, setRunId, }: {
+export declare function LegacyWorkflowTrigger({ workflowId, setRunId, }: {
     workflowId: string;
-    baseUrl: string;
     setRunId?: (runId: string) => void;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,10 +1,9 @@
 
 export interface WorkflowGraphProps {
     workflowId: string;
-    baseUrl: string;
     onShowTrace: ({ runId, stepName }: {
         runId: string;
         stepName: string;
     }) => void;
 }
-export declare function WorkflowGraph({ workflowId, baseUrl, onShowTrace }: WorkflowGraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowGraph({ workflowId, onShowTrace }: WorkflowGraphProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,5 +1,4 @@
-export declare function WorkflowTrigger({ workflowId, baseUrl, setRunId, }: {
+export declare function WorkflowTrigger({ workflowId, setRunId }: {
     workflowId: string;
-    baseUrl: string;
     setRunId?: (runId: string) => void;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -12,7 +12,7 @@ export type Evals = {
     globalRunId: string;
     testInfo?: TestInfo;
 };
-export declare const useEvalsByAgentId: (agentId: string, type: "ci" | "live", baseUrl?: string) => {
+export declare const useEvalsByAgentId: (agentId: string, type: "ci" | "live") => {
     evals: Evals[];
     isLoading: boolean;
     refetchEvals: (_agentId?: string) => Promise<void>;

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

@@ -1,6 +1,6 @@
 import { RefinedTrace } from '../domains/traces/types';
 
-export declare const useTraces: (componentName: string, baseUrl: string, isWorkflow?: boolean) => {
+export declare const useTraces: (componentName: string, isWorkflow?: boolean) => {
     traces: RefinedTrace[];
     firstCallLoading: boolean;
     error: {

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

@@ -15,15 +15,15 @@ export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
         stack?: string;
     } | null;
 };
-export declare const useLegacyWorkflow: (workflowId: string, baseUrl: string) => {
+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;
 };
-export declare const useWorkflow: (workflowId: string, baseUrl: string) => {
+export declare const useWorkflow: (workflowId: string) => {
     workflow: GetWorkflowResponse | null;
     isLoading: boolean;
 };
-export declare const useExecuteWorkflow: (baseUrl: string) => {
+export declare const useExecuteWorkflow: () => {
     startWorkflowRun: ({ workflowId, runId, input, runtimeContext: playgroundRuntimeContext, }: {
         workflowId: string;
         runId: string;
@@ -54,7 +54,7 @@ export declare const useExecuteWorkflow: (baseUrl: string) => {
         runtimeContext: Record<string, any>;
     }) => Promise<import('@mastra/client-js').WorkflowRunResult>;
 };
-export declare const useWatchWorkflow: (baseUrl: string) => {
+export declare const useWatchWorkflow: () => {
     watchLegacyWorkflow: ({ workflowId, runId }: {
         workflowId: string;
         runId: string;
@@ -68,7 +68,7 @@ export declare const useWatchWorkflow: (baseUrl: string) => {
     isWatchingWorkflow: boolean;
     watchResult: ExtendedWorkflowWatchResult | null;
 };
-export declare const useResumeWorkflow: (baseUrl: string) => {
+export declare const useResumeWorkflow: () => {
     resumeLegacyWorkflow: ({ workflowId, stepId, runId, context, }: {
         workflowId: string;
         stepId: string;

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
 
+export * from './contexts/mastra-client-context';
 export * from './domains/agents/index';
 export * from './domains/networks/index';
 export * from './domains/workflows/index';
@@ -20,7 +21,6 @@ export * from './ds/icons/index';
 export * from './lib/polls';
 export * from './hooks/use-speech-recognition';
 export { useTraces } from './hooks/index';
-export { TraceContext, TraceProvider } from './domains/traces/context/trace-context';
 export type { TraceContextType } from './domains/traces/context/trace-context';
 export { refineTraces } from './domains/traces/utils';
 export * from './store/playground-store';

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

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

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

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

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

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

package/dist/src/types.d.ts

@@ -21,7 +21,6 @@ export interface ChatProps {
     threadId?: string;
     initialMessages?: Message[];
     memory?: boolean;
-    baseUrl?: string;
     refreshThreadList?: () => void;
     modelSettings?: ModelSettings;
     chatWithGenerate?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "5.1.2-alpha.0",
+  "version": "5.1.2-alpha.2",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -92,10 +92,10 @@
     "use-debounce": "^10.0.4",
     "zod": "^3.24.3",
     "zustand": "^5.0.3",
-    "@mastra/client-js": "^0.10.2-alpha.0"
+    "@mastra/client-js": "^0.10.2-alpha.1"
   },
   "peerDependencies": {
-    "@mastra/core": "^0.10.0",
+    "@mastra/core": "^0.10.0-alpha.0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
@@ -117,7 +117,7 @@
     "vite": "^6.0.0",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.2.1",
-    "@mastra/core": "0.10.2-alpha.0"
+    "@mastra/core": "0.10.2-alpha.3"
   },
   "scripts": {
     "dev": "vite",