@mastra/playground-ui 5.0.4 → 5.0.5-alpha.0

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

@@ -4,12 +4,13 @@ import { ModelSettings } from '../../../../types';
 type AgentContextType = {
     modelSettings: ModelSettings;
     chatWithGenerate: boolean;
-    setModelSettings: React.Dispatch<React.SetStateAction<ModelSettings>>;
+    setModelSettings: (modelSettings: ModelSettings) => void;
     resetModelSettings: () => void;
-    setChatWithGenerate: React.Dispatch<React.SetStateAction<boolean>>;
+    setChatWithGenerate: (chatWithGenerate: boolean) => void;
 };
 export declare const AgentContext: import('../../../../../node_modules/@types/react').Context<AgentContextType>;
-export declare function AgentProvider({ children }: {
+export declare function AgentProvider({ agentId, children }: {
+    agentId: string;
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/traces/types.d.ts

@@ -35,10 +35,6 @@ export type Span = {
     other: SpanOther;
     createdAt: string;
 };
-export type SpanNode = Span & {
-    children: SpanNode[];
-    relativePercentage?: number;
-};
 export type RefinedTrace = {
     traceId: string;
     serviceName: string;
@@ -47,3 +43,12 @@ export type RefinedTrace = {
     status: SpanStatus;
     trace: Span[];
 };
+export type EnhancedSpan = Span & {
+    offset: number;
+    totalDurationMs: number;
+};
+export type SpanNode = Span & {
+    children: SpanNode[];
+    totalDurationMs: number;
+    offset: number;
+};

package/dist/src/domains/traces/utils/createSpanTree.d.ts

@@ -0,0 +1,3 @@
+import { Span, SpanNode } from '../types';
+
+export declare const createSpanTree: (spans: Span[]) => SpanNode[];

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

@@ -0,0 +1,10 @@
+export interface EntityProps {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+}
+export declare const Entity: ({ children, className, onClick }: EntityProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EntityIcon: ({ children, className }: EntityProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EntityName: ({ children, className }: EntityProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EntityDescription: ({ children, className }: EntityProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EntityContent: ({ children, className }: EntityProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Entity/index.d.ts

@@ -0,0 +1 @@
+export * from './Entity';

package/dist/src/ds/components/TraceTree/Span.d.ts

@@ -9,6 +9,8 @@ export interface SpanProps {
     isRoot?: boolean;
     onClick?: () => void;
     isActive?: boolean;
+    offsetMs: number;
+    totalDurationMs: number;
 }
 export declare const spanIconMap: {
     tool: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -30,4 +32,4 @@ export declare const spanVariantClasses: {
     eval: string;
     other: string;
 };
-export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick, isActive }: SpanProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick, isActive, offsetMs, totalDurationMs, }: SpanProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/TraceTree/Time.d.ts

@@ -3,5 +3,6 @@ export interface TimeProps {
     tokenCount?: number;
     variant?: 'agent';
     progressPercent: number;
+    offsetPercent: number;
 }
-export declare const Time: ({ durationMs, tokenCount, variant, progressPercent }: TimeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Time: ({ durationMs, tokenCount, variant, progressPercent, offsetPercent }: TimeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/TraceTree/Trace.d.ts

@@ -9,5 +9,6 @@ export interface TraceProps {
     onClick?: () => void;
     variant: SpanProps['variant'];
     isActive?: boolean;
+    totalDurationMs: number;
 }
-export declare const Trace: ({ name, spans, durationMs, tokenCount, onClick, variant, isActive }: TraceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Trace: ({ name, spans, durationMs, tokenCount, onClick, variant, isActive, totalDurationMs, }: TraceProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,6 +2,6 @@ import { default as React } from '../../../node_modules/@types/react';
 
 export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    size?: 'default' | 'lg';
+    size?: 'default' | 'lg' | 'sm';
 }
 export declare const Icon: ({ children, className, size, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/index.d.ts

@@ -14,6 +14,7 @@ export * from './ds/components/Header/index';
 export * from './ds/components/Logo/index';
 export * from './ds/components/Table/index';
 export * from './ds/components/Txt/index';
+export * from './ds/components/Entity/index';
 export * from './ds/icons/index';
 export * from './lib/polls';
 export { useTraces } from './hooks/index';

package/dist/src/store/agent-store.d.ts

@@ -0,0 +1,20 @@
+import { ModelSettings } from '../types';
+
+interface AgentStore {
+    modelSettings: Record<string, ModelSettings>;
+    setModelSettings: (modelSettings: Record<string, ModelSettings>) => 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 {};

package/dist/src/types.d.ts

@@ -58,10 +58,6 @@ export type Span = {
     other: SpanOther;
     createdAt: string;
 };
-export type SpanNode = Span & {
-    children: SpanNode[];
-    relativePercentage?: number;
-};
 export type RefinedTrace = {
     traceId: string;
     serviceName: string;
@@ -70,3 +66,4 @@ export type RefinedTrace = {
     status: SpanStatus;
     trace: Span[];
 };
+export * from './domains/traces/types';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "5.0.4",
+  "version": "5.0.5-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -91,14 +91,14 @@
     "use-debounce": "^10.0.4",
     "zod": "^3.24.3",
     "zustand": "^5.0.3",
-    "@mastra/client-js": "^0.1.22"
+    "@mastra/client-js": "^0.1.23-alpha.0"
   },
   "peerDependencies": {
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/core": "^0.9.4"
+    "@mastra/core": "^0.9.5-alpha.0"
   },
   "devDependencies": {
     "@types/node": "^20.17.27",

package/dist/src/ds/components/TraceTree/Trace.context.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from '../../../../node_modules/@types/react';
-
-export declare const TraceDurationContext: React.Context<number>;
-export declare const useTraceDuration: () => number;
-export interface TraceDurationProviderProps {
-    children: React.ReactNode;
-    durationMs: number;
-}
-export declare const TraceDurationProvider: ({ children, durationMs }: TraceDurationProviderProps) => import("react/jsx-runtime").JSX.Element;