@mastra/playground-ui 0.0.0-vnext-inngest-20250508131921 → 0.0.0-vnextAgentNetwork-20250527091247

package/dist/src/components/assistant-ui/image-with-fallback.d.ts

@@ -0,0 +1,3 @@
+import { ImgHTMLAttributes } from '../../../node_modules/@types/react';
+
+export declare const ImageWithFallback: ({ alt, src, ...rest }: ImgHTMLAttributes<HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/{components → src/components}/assistant-ui/thread.d.ts

@@ -3,8 +3,10 @@ import { ToolCallContentPartComponent } from '@assistant-ui/react';
 export interface ThreadProps {
     ToolFallback?: ToolCallContentPartComponent;
     agentName?: string;
+    hasMemory?: boolean;
+    showFileSupport?: boolean;
 }
-export declare const Thread: ({ ToolFallback, agentName }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Thread: ({ ToolFallback, agentName, hasMemory, showFileSupport }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
 export interface ThreadWelcomeProps {
     agentName?: string;
 }

package/dist/src/components/assistant-ui/use-has-attachments.d.ts

@@ -0,0 +1 @@
+export declare const useHasAttachments: () => boolean;

package/dist/{components → src/components}/ui/data-table.d.ts

@@ -35,5 +35,6 @@ export interface DataTableProps<TData, TValue> {
      * text to display when there are no results
      */
     emptyText?: string;
+    onClick?: (row: TData) => void;
 }
-export declare const DataTable: <TData, TValue>({ columns, data, pagination, gotoNextPage, gotoPreviousPage, getRowId, selectedRowId, isLoading, emptyText, }: DataTableProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <TData, TValue>({ columns, data, pagination, gotoNextPage, gotoPreviousPage, getRowId, selectedRowId, isLoading, emptyText, onClick, }: DataTableProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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;

package/dist/{domains → 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/{domains → 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/domains/workflows/context/legacy-workflow-nested-graph-context.d.ts

@@ -0,0 +1,13 @@
+type LegacyWorkflowNestedGraphContextType = {
+    showNestedGraph: ({ label, stepGraph, stepSubscriberGraph, }: {
+        label: string;
+        stepGraph: any;
+        stepSubscriberGraph: any;
+    }) => void;
+    closeNestedGraph: () => void;
+};
+export declare const LegacyWorkflowNestedGraphContext: import('../../../../node_modules/@types/react').Context<LegacyWorkflowNestedGraphContextType>;
+export declare function LegacyWorkflowNestedGraphProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/{domains → src/domains}/workflows/context/workflow-nested-graph-context.d.ts

@@ -1,8 +1,9 @@
+import { SerializedStepFlowEntry } from '@mastra/core/workflows';
+
 type WorkflowNestedGraphContextType = {
-    showNestedGraph: ({ label, stepGraph, stepSubscriberGraph, }: {
+    showNestedGraph: ({ label, stepGraph }: {
         label: string;
-        stepGraph: any;
-        stepSubscriberGraph: any;
+        stepGraph: SerializedStepFlowEntry[];
     }) => void;
     closeNestedGraph: () => void;
 };

package/dist/{domains → src/domains}/workflows/context/workflow-run-context.d.ts

@@ -1,10 +1,10 @@
-import { ExtendedVNextWorkflowWatchResult, ExtendedWorkflowRunResult } from '../../../hooks/use-workflows';
+import { ExtendedLegacyWorkflowRunResult, ExtendedWorkflowWatchResult } from '../../../hooks/use-workflows';
 
 type WorkflowRunContextType = {
-    result: ExtendedWorkflowRunResult | null;
+    legacyResult: ExtendedLegacyWorkflowRunResult | null;
+    setLegacyResult: React.Dispatch<React.SetStateAction<any>>;
+    result: ExtendedWorkflowWatchResult | null;
     setResult: React.Dispatch<React.SetStateAction<any>>;
-    vNextResult: ExtendedVNextWorkflowWatchResult | null;
-    setVNextResult: React.Dispatch<React.SetStateAction<any>>;
     payload: any;
     setPayload: React.Dispatch<React.SetStateAction<any>>;
     clearData: () => void;

package/dist/{domains → src/domains}/workflows/index.d.ts

@@ -1,6 +1,6 @@
 export * from './workflow/workflow-traces';
+export * from './workflow/legacy-workflow-graph';
+export * from './workflow/legacy-workflow-trigger';
+export * from './context/workflow-run-context';
 export * from './workflow/workflow-graph';
 export * from './workflow/workflow-trigger';
-export * from './context/workflow-run-context';
-export * from './workflow/v-next-workflow-graph';
-export * from './workflow/v-next-workflow-trigger';

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

@@ -0,0 +1,5 @@
+import { LegacyWorkflow } from '@mastra/core/workflows/legacy';
+
+export declare function LegacyWorkflowGraphInner({ workflow }: {
+    workflow: LegacyWorkflow;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/{domains/workflows/workflow/v-next-workflow-graph.d.ts → src/domains/workflows/workflow/legacy-workflow-graph.d.ts}

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

package/dist/{domains/workflows/workflow/workflow-nested-graph.d.ts → src/domains/workflows/workflow/legacy-workflow-nested-graph.d.ts}

@@ -1,5 +1,5 @@
 
-export declare function WorkflowNestedGraph({ stepGraph, stepSubscriberGraph, open, }: {
+export declare function LegacyWorkflowNestedGraph({ stepGraph, stepSubscriberGraph, open, }: {
     stepGraph: any;
     stepSubscriberGraph: any;
     open: boolean;

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

@@ -0,0 +1,12 @@
+import { NodeProps, Node } from '@xyflow/react';
+
+type LegacyWorkflowNestedNode = Node<{
+    label: string;
+    description?: string;
+    withoutTopHandle?: boolean;
+    withoutBottomHandle?: boolean;
+    stepGraph: any;
+    stepSubscriberGraph: any;
+}, 'nested-node'>;
+export declare function LegacyWorkflowNestedNode({ data }: NodeProps<LegacyWorkflowNestedNode>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export interface LegacyWorkflowStatusProps {
+    stepId: string;
+    pathStatus: string;
+    path: string;
+}
+export declare const LegacyWorkflowStatus: ({ stepId, pathStatus, path }: LegacyWorkflowStatusProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{domains/workflows/workflow/v-next-workflow-trigger.d.ts → src/domains/workflows/workflow/legacy-workflow-trigger.d.ts}

@@ -1,4 +1,4 @@
-export declare function VNextWorkflowTrigger({ workflowId, baseUrl, setRunId, }: {
+export declare function LegacyWorkflowTrigger({ workflowId, baseUrl, setRunId, }: {
     workflowId: string;
     baseUrl: string;
     setRunId?: (runId: string) => void;

package/dist/{domains → src/domains}/workflows/workflow/utils.d.ts

@@ -1,5 +1,5 @@
-import { StepCondition } from '@mastra/core/workflows';
-import { NewWorkflow } from '@mastra/core/workflows/vNext';
+import { Workflow } from '@mastra/core/workflows';
+import { StepCondition } from '@mastra/core/workflows/legacy';
 import { Node, Edge } from '@xyflow/react';
 
 export type ConditionConditionType = 'if' | 'else' | 'when' | 'until' | 'while' | 'dountil' | 'dowhile';
@@ -32,7 +32,7 @@ export type WStep = {
         stepSubscriberGraph?: any;
     };
 };
-export declare const contructNodesAndEdges: ({ stepGraph, stepSubscriberGraph, steps: mainSteps, }: {
+export declare const contructLegacyNodesAndEdges: ({ stepGraph, stepSubscriberGraph, steps: mainSteps, }: {
     stepGraph: any;
     stepSubscriberGraph: any;
     steps?: WStep;
@@ -40,8 +40,8 @@ export declare const contructNodesAndEdges: ({ stepGraph, stepSubscriberGraph, s
     nodes: Node[];
     edges: Edge[];
 };
-export declare const constructVNextNodesAndEdges: ({ stepGraph, }: {
-    stepGraph: NewWorkflow["serializedStepGraph"];
+export declare const constructNodesAndEdges: ({ stepGraph, }: {
+    stepGraph: Workflow["serializedStepGraph"];
 }) => {
     nodes: Node[];
     edges: Edge[];

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

@@ -0,0 +1,6 @@
+export interface WorkflowCardProps {
+    header: React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare const WorkflowCard: ({ header, children, footer }: WorkflowCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{domains → src/domains}/workflows/workflow/workflow-graph-inner.d.ts

@@ -1,5 +1,5 @@
-import { Workflow } from '@mastra/core/workflows';
+import { GetWorkflowResponse } from '@mastra/client-js';
 
 export declare function WorkflowGraphInner({ workflow }: {
-    workflow: Workflow;
+    workflow: GetWorkflowResponse;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { SerializedStepFlowEntry } from '@mastra/core/workflows';
+
+export declare function WorkflowNestedGraph({ stepGraph, open }: {
+    stepGraph: SerializedStepFlowEntry[];
+    open: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/{domains → src/domains}/workflows/workflow/workflow-nested-node.d.ts

@@ -1,11 +1,11 @@
 import { NodeProps, Node } from '@xyflow/react';
+import { StepFlowEntry } from '@mastra/core/workflows';
 
 export type NestedNode = Node<{
     label: string;
     description?: string;
     withoutTopHandle?: boolean;
     withoutBottomHandle?: boolean;
-    stepGraph: any;
-    stepSubscriberGraph: any;
+    stepGraph: StepFlowEntry[];
 }, 'nested-node'>;
 export declare function WorkflowNestedNode({ data }: NodeProps<NestedNode>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface WorkflowResultProps {
+    jsonResult: string;
+    sanitizedJsonResult?: string | null;
+}
+export declare const WorkflowResult: ({ jsonResult, sanitizedJsonResult }: WorkflowResultProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface WorkflowStatusProps {
+    stepId: string;
+    status: string;
+}
+export declare const WorkflowStatus: ({ stepId, status }: WorkflowStatusProps) => import("react/jsx-runtime").JSX.Element;

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/{ds → 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/{ds → 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/{ds → 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/AgentNetworkCoinIcon.d.ts

@@ -0,0 +1 @@
+export declare const AgentNetworkCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/{ds → 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/ds/icons/McpCoinIcon.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+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/{ds → src/ds}/icons/index.d.ts

@@ -37,3 +37,8 @@ export * from './VariablesIcon';
 export * from './WorkflowIcon';
 export * from './WorkflowCoinIcon';
 export * from './LatencyIcon';
+export * from './McpServerIcon';
+export * from './FolderIcon';
+export * from './McpCoinIcon';
+export * from './ToolCoinIcon';
+export * from './AgentNetworkCoinIcon';

package/dist/{ds → src/ds}/tokens/sizes.d.ts

@@ -1,6 +1,7 @@
 export declare const Sizes: {
     'icon-default': string;
     'icon-lg': string;
+    'icon-sm': string;
     'button-md': string;
     'button-lg': string;
     'header-default': string;

package/dist/src/hooks/use-speech-recognition.d.ts

@@ -0,0 +1,15 @@
+export interface SpeechRecognitionState {
+    isListening: boolean;
+    transcript: string;
+    error: string | null;
+}
+export interface UseSpeechRecognitionArgs {
+    language?: string;
+}
+export declare const useSpeechRecognition: ({ language }?: UseSpeechRecognitionArgs) => {
+    start: () => void;
+    stop: () => void;
+    isListening: boolean;
+    transcript: string;
+    error: string | null;
+};

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

@@ -0,0 +1,91 @@
+import { LegacyWorkflowRunResult, WorkflowWatchResult, GetWorkflowResponse } from '@mastra/client-js';
+import { LegacyWorkflow } from '@mastra/core/workflows/legacy';
+
+export type ExtendedLegacyWorkflowRunResult = LegacyWorkflowRunResult & {
+    sanitizedOutput?: string | null;
+    sanitizedError?: {
+        message: string;
+        stack?: string;
+    } | null;
+};
+export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
+    sanitizedOutput?: string | null;
+    sanitizedError?: {
+        message: string;
+        stack?: string;
+    } | null;
+};
+export declare const useLegacyWorkflow: (workflowId: string, baseUrl: 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) => {
+    workflow: GetWorkflowResponse | null;
+    isLoading: boolean;
+};
+export declare const useExecuteWorkflow: (baseUrl: string) => {
+    startWorkflowRun: ({ workflowId, runId, input, runtimeContext: playgroundRuntimeContext, }: {
+        workflowId: string;
+        runId: string;
+        input: any;
+        runtimeContext: Record<string, any>;
+    }) => Promise<void>;
+    createWorkflowRun: ({ workflowId, prevRunId }: {
+        workflowId: string;
+        prevRunId?: string;
+    }) => Promise<{
+        runId: string;
+    }>;
+    startLegacyWorkflowRun: ({ workflowId, runId, input, }: {
+        workflowId: string;
+        runId: string;
+        input: any;
+    }) => Promise<void>;
+    createLegacyWorkflowRun: ({ workflowId, prevRunId }: {
+        workflowId: string;
+        prevRunId?: string;
+    }) => Promise<{
+        runId: string;
+    }>;
+    startAsyncWorkflowRun: ({ workflowId, runId, input, runtimeContext: playgroundRuntimeContext, }: {
+        workflowId: string;
+        runId?: string;
+        input: any;
+        runtimeContext: Record<string, any>;
+    }) => Promise<import('@mastra/client-js').WorkflowRunResult>;
+};
+export declare const useWatchWorkflow: (baseUrl: string) => {
+    watchLegacyWorkflow: ({ workflowId, runId }: {
+        workflowId: string;
+        runId: string;
+    }) => Promise<void>;
+    isWatchingLegacyWorkflow: boolean;
+    legacyWatchResult: ExtendedLegacyWorkflowRunResult | null;
+    watchWorkflow: ({ workflowId, runId }: {
+        workflowId: string;
+        runId: string;
+    }) => Promise<void>;
+    isWatchingWorkflow: boolean;
+    watchResult: ExtendedWorkflowWatchResult | null;
+};
+export declare const useResumeWorkflow: (baseUrl: string) => {
+    resumeLegacyWorkflow: ({ workflowId, stepId, runId, context, }: {
+        workflowId: string;
+        stepId: string;
+        runId: string;
+        context: any;
+    }) => Promise<{
+        message: string;
+    }>;
+    isResumingLegacyWorkflow: boolean;
+    resumeWorkflow: ({ workflowId, step, runId, resumeData, runtimeContext: playgroundRuntimeContext, }: {
+        workflowId: string;
+        step: string | string[];
+        runId: string;
+        resumeData: any;
+        runtimeContext: Record<string, any>;
+    }) => Promise<{
+        message: string;
+    }>;
+    isResumingWorkflow: boolean;
+};

package/dist/src/index.d.ts

@@ -0,0 +1,26 @@
+
+export * from './domains/agents/index';
+export * from './domains/networks/index';
+export * from './domains/workflows/index';
+export * from './domains/resizable-panel';
+export * from './components/dynamic-form/index';
+export * from './components/ui/data-table';
+export * from './components/threads';
+export * from './types';
+export * from './ds/components/Badge/index';
+export * from './ds/components/Button/index';
+export * from './ds/components/Breadcrumb/index';
+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/components/EmptyState/index';
+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/file.d.ts

@@ -0,0 +1 @@
+export declare const fileToBase64: (file: File) => Promise<string>;

package/dist/{services → 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, }: Readonly<{
+export declare function MastraRuntimeProvider({ children, agentId, initialMessages, agentName, memory, threadId, baseUrl, refreshThreadList, modelSettings, chatWithGenerate, runtimeContext, }: Readonly<{
     children: ReactNode;
 }> & ChatProps): import("react/jsx-runtime").JSX.Element;

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/store/playground-store.d.ts

@@ -0,0 +1,16 @@
+interface PlaygroundStore {
+    runtimeContext: Record<string, any>;
+    setRuntimeContext: (runtimeContext: Record<string, any>) => void;
+}
+export declare const usePlaygroundStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<PlaygroundStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<PlaygroundStore, PlaygroundStore>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: PlaygroundStore) => void) => () => void;
+        onFinishHydration: (fn: (state: PlaygroundStore) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<PlaygroundStore, PlaygroundStore>>;
+    };
+}>;
+export {};

package/dist/{types.d.ts → src/types.d.ts}

@@ -25,6 +25,8 @@ export interface ChatProps {
     refreshThreadList?: () => void;
     modelSettings?: ModelSettings;
     chatWithGenerate?: boolean;
+    runtimeContext?: Record<string, any>;
+    showFileSupport?: boolean;
 }
 export type SpanStatus = {
     code: number;
@@ -57,10 +59,6 @@ export type Span = {
     other: SpanOther;
     createdAt: string;
 };
-export type SpanNode = Span & {
-    children: SpanNode[];
-    relativePercentage?: number;
-};
 export type RefinedTrace = {
     traceId: string;
     serviceName: string;
@@ -69,3 +67,4 @@ export type RefinedTrace = {
     status: SpanStatus;
     trace: Span[];
 };
+export * from './domains/traces/types';

package/dist/tokens.cjs.js

@@ -59,6 +59,7 @@ const LineHeights = {
 const Sizes = {
   "icon-default": "16px",
   "icon-lg": "20px",
+  "icon-sm": "12px",
   "button-md": "24px",
   "button-lg": "40px",
   "header-default": "40px",

package/dist/tokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","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};\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","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-default': '24px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;;;AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,MAAS,GAAA;AAAA,EACpB,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,uBAAA;AAAA,EACV,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,OAAS,EAAA,qBAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA;AACT;;ACxBO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,WAAa,EAAA,MAAA;AAAA,EACb,WAAa,EAAA,MAAA;AAAA,EACb,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA,MAAA;AAAA,EACjB,gBAAkB,EAAA;AACpB;;ACXO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;;;;;;;;;"}
+{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","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};\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","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-default': '24px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;;;AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,MAAS,GAAA;AAAA,EACpB,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,uBAAA;AAAA,EACV,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,OAAS,EAAA,qBAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA;AACT;;ACxBO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,SAAW,EAAA,MAAA;AAAA,EACX,WAAa,EAAA,MAAA;AAAA,EACb,WAAa,EAAA,MAAA;AAAA,EACb,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA,MAAA;AAAA,EACjB,gBAAkB,EAAA;AACpB;;ACZO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;;;;;;;;;"}

package/dist/tokens.d.ts

@@ -1 +1 @@
-export * from './ds/tokens/index'
+export * from './src/ds/tokens/index'