@mastra/playground-ui 5.0.1-alpha.1 → 5.0.1-alpha.3

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

@@ -1,8 +1,6 @@
-import { ReactNode } from '../../../../node_modules/@types/react';
-
 export interface AgentTracesProps {
     agentName: string;
     baseUrl: string;
-    sidebarChild: ReactNode;
+    className?: string;
 }
-export declare function AgentTraces({ agentName, baseUrl, sidebarChild }: AgentTracesProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentTraces({ agentName, baseUrl, className }: AgentTracesProps): import("react/jsx-runtime").JSX.Element;

package/dist/domains/networks/index.d.ts

@@ -1 +1,2 @@
 export * from './network-chat';
+export * from './network-context';

package/dist/domains/networks/network-context.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from '../../../node_modules/@types/react';
+import { ModelSettings } from '../../types';
+
+type NetworkContextType = {
+    modelSettings: ModelSettings;
+    setModelSettings: React.Dispatch<React.SetStateAction<ModelSettings>>;
+    resetModelSettings: () => void;
+};
+export declare const NetworkContext: import('../../../node_modules/@types/react').Context<NetworkContextType>;
+export declare function NetworkProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -13,8 +13,6 @@ type TraceContextType = {
     prevTrace: () => void;
     span: Span | null;
     setSpan: React.Dispatch<React.SetStateAction<Span | null>>;
-    openDetail: boolean;
-    setOpenDetail: React.Dispatch<React.SetStateAction<boolean>>;
     clearData: () => void;
 };
 export declare const TraceContext: import('../../../../node_modules/@types/react').Context<TraceContextType>;

package/dist/domains/traces/trace-details.d.ts

@@ -1 +1 @@
-export declare function TraceDetails(): import("react/jsx-runtime").JSX.Element;
+export declare function TraceDetails(): import("react/jsx-runtime").JSX.Element | null;

package/dist/domains/traces/trace-span-details.d.ts

@@ -1 +1 @@
-export declare function SpanDetail(): import("react/jsx-runtime").JSX.Element;
+export declare function SpanDetail(): import("react/jsx-runtime").JSX.Element | null;

package/dist/domains/traces/trace-span-view.d.ts

@@ -1,8 +1,6 @@
-import { Span, SpanNode } from './types';
+import { Span } from './types';
 
-export declare function TreeView({ tree }: {
-    tree: SpanNode[];
-}): import("react/jsx-runtime").JSX.Element;
-export default function SpanView({ trace }: {
+export interface SpanViewProps {
     trace: Span[];
-}): import("react/jsx-runtime").JSX.Element;
+}
+export default function SpanView({ trace }: SpanViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/traces-sidebar.d.ts

@@ -1,9 +1,6 @@
-import { ReactNode } from '../../../node_modules/@types/react';
-
 export interface TracesSidebarProps {
     className?: string;
     onResize?: (width: number) => void;
     width: number;
-    children: ReactNode;
 }
-export declare const TracesSidebar: ({ className, onResize, width, children }: TracesSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TracesSidebar: ({ onResize }: TracesSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/utils/getSpanVariant.d.ts

@@ -0,0 +1,4 @@
+import { SpanProps } from '../../../ds/components/TraceTree/Span';
+import { Span } from '../types';
+
+export declare const getSpanVariant: (span: Span) => SpanProps["variant"];

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

@@ -9,7 +9,7 @@ import { RefinedTrace, Span } from './types';
 export declare function formatDuration(duration: number, fixedPoint?: number): string;
 export declare function formatOtelTimestamp(otelTimestamp: number): string;
 export declare function formatOtelTimestamp2(otelTimestamp: number): string;
-export declare function transformKey(key: string): string[] | "Input" | "Output";
+export declare function transformKey(key: string): string;
 export declare function cleanString(string: string): string;
 export declare const refineTraces: (traces: Span[], isWorkflow?: boolean) => RefinedTrace[];
 export declare const allowedAiSpanAttributes: string[];

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

@@ -1,8 +1,5 @@
-import { ReactNode } from '../../../../node_modules/@types/react';
-
 export interface WorkflowTracesProps {
     workflowName: string;
     baseUrl: string;
-    sidebarChild: ReactNode;
 }
-export declare function WorkflowTraces({ workflowName, baseUrl, sidebarChild }: WorkflowTracesProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowTraces({ workflowName, baseUrl }: WorkflowTracesProps): import("react/jsx-runtime").JSX.Element;

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

@@ -8,5 +8,26 @@ export interface SpanProps {
     spans?: React.ReactNode;
     isRoot?: boolean;
     onClick?: () => void;
+    isActive?: boolean;
 }
-export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick }: SpanProps) => import("react/jsx-runtime").JSX.Element;
+export declare const spanIconMap: {
+    tool: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    agent: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    workflow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    memory: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    rag: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    storage: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    eval: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    other: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const spanVariantClasses: {
+    tool: string;
+    agent: string;
+    workflow: string;
+    memory: string;
+    rag: string;
+    storage: string;
+    eval: string;
+    other: string;
+};
+export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick, isActive }: SpanProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 import { default as React } from '../../../../node_modules/@types/react';
+import { SpanProps } from './Span';
 
 export interface TraceProps {
     name: string;
@@ -6,5 +7,7 @@ export interface TraceProps {
     durationMs: number;
     tokenCount?: number;
     onClick?: () => void;
+    variant: SpanProps['variant'];
+    isActive?: boolean;
 }
-export declare const Trace: ({ name, spans, durationMs, tokenCount, onClick }: TraceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Trace: ({ name, spans, durationMs, tokenCount, onClick, variant, isActive }: TraceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/LatencyIcon.d.ts

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

package/dist/ds/icons/index.d.ts

@@ -36,3 +36,4 @@ export * from './TsIcon';
 export * from './VariablesIcon';
 export * from './WorkflowIcon';
 export * from './WorkflowCoinIcon';
+export * from './LatencyIcon';