@mastra/playground-ui 7.0.0-beta.2 → 7.0.0-beta.21

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

@@ -0,0 +1,6 @@
+import { TripwireMetadata } from '@mastra/react';
+export interface TripwireNoticeProps {
+    reason: string;
+    tripwire?: TripwireMetadata;
+}
+export declare const TripwireNotice: ({ reason, tripwire }: TripwireNoticeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/tools/badges/tool-badge.d.ts

@@ -8,5 +8,6 @@ export interface ToolBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCall
     toolOutput: Array<{
         toolId: string;
     }>;
+    suspendPayload?: any;
 }
-export declare const ToolBadge: ({ toolName, args, result, metadata, toolOutput, toolCallId, toolApprovalMetadata, }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolBadge: ({ toolName, args, result, metadata, toolOutput, toolCallId, toolApprovalMetadata, suspendPayload, }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/tools/badges/workflow-badge.d.ts

@@ -6,6 +6,7 @@ export interface WorkflowBadgeProps extends Omit<ToolApprovalButtonsProps, 'tool
     result?: any;
     isStreaming?: boolean;
     metadata?: MastraUIMessage['metadata'];
+    suspendPayload?: any;
 }
-export declare const WorkflowBadge: ({ result, workflowId, isStreaming, metadata, toolCallId, toolApprovalMetadata, }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowBadge: ({ result, workflowId, isStreaming, metadata, toolCallId, toolApprovalMetadata, suspendPayload, }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useWorkflowStream: (workflowFullState?: WorkflowRunStreamResult) => void;

package/dist/src/components/assistant-ui/tooltip-icon-button.d.ts

@@ -1,14 +1,9 @@
-import { ButtonProps } from '../ui/button';
+import { ButtonProps } from '../../ds/components/Button/Button';
 export type TooltipIconButtonProps = ButtonProps & {
     tooltip: string;
     side?: 'top' | 'bottom' | 'left' | 'right';
 };
-export declare const TooltipIconButton: import('../../../node_modules/@types/react').ForwardRefExoticComponent<import('../../../node_modules/@types/react').ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-} & {
+export declare const TooltipIconButton: import('../../../node_modules/@types/react').ForwardRefExoticComponent<ButtonProps & {
     tooltip: string;
     side?: "top" | "bottom" | "left" | "right";
 } & import('../../../node_modules/@types/react').RefAttributes<HTMLButtonElement>>;

package/dist/src/components/dynamic-form/index.d.ts

@@ -7,6 +7,7 @@ interface DynamicFormProps<T extends z.ZodSchema> {
     submitButtonLabel?: string;
     className?: string;
     readOnly?: boolean;
+    children?: React.ReactNode;
 }
-export declare function DynamicForm<T extends z.ZodSchema>({ schema, onSubmit, defaultValues, isSubmitLoading, submitButtonLabel, className, readOnly, }: DynamicFormProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare function DynamicForm<T extends z.ZodSchema>({ schema, onSubmit, defaultValues, isSubmitLoading, submitButtonLabel, className, readOnly, children, }: DynamicFormProps<T>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/components/ui/autoform/CustomAutoForm.d.ts

@@ -0,0 +1,2 @@
+import { AutoFormProps } from '@autoform/react';
+export declare function CustomAutoForm<T extends Record<string, any>>({ schema, onSubmit, defaultValues, values, children, uiComponents, formComponents, withSubmit, onFormInit, formProps, }: AutoFormProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { ButtonProps as DSButtonProps } from '../../ds/components/Button/Button';
 export type ComboboxOption = {
     label: string;
     value: string;
@@ -11,7 +12,6 @@ export type ComboboxProps = {
     emptyText?: string;
     className?: string;
     disabled?: boolean;
-    buttonClassName?: string;
-    contentClassName?: string;
+    variant?: DSButtonProps['variant'];
 };
-export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, variant, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/containers/MainContent.d.ts

@@ -11,3 +11,10 @@ export declare function MainContentContent({ children, className, isCentered, is
     isDivided?: boolean;
     hasLeftServiceColumn?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+export type GetMainContentContentClassNameArgs = {
+    isCentered: boolean;
+    isDivided: boolean;
+    hasLeftServiceColumn: boolean;
+    className?: string;
+};
+export declare const getMainContentContentClassName: ({ isCentered, isDivided, hasLeftServiceColumn, className, }: GetMainContentContentClassNameArgs) => string;

package/dist/src/components/ui/elements/buttons/combined-buttons.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+export interface CombinedButtonsProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const CombinedButtons: ({ className, children }: CombinedButtonsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/buttons/index.d.ts

@@ -1 +1 @@
-export * from './button';
+export * from './combined-buttons';

package/dist/src/components/ui/elements/form-fields/search-field.d.ts

@@ -1,2 +1,5 @@
 import { InputFieldProps } from '..';
-export declare function SearchField(props: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+export type SearchFieldProps = InputFieldProps & {
+    onReset?: () => void;
+};
+export declare function SearchField({ onReset, ...props }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/notification/notification.d.ts

@@ -4,6 +4,8 @@ type Notification = {
     isVisible?: boolean;
     autoDismiss?: boolean;
     dismissTime?: number;
+    dismissible?: boolean;
+    type?: 'info' | 'error';
 };
-export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime }: Notification): import("react/jsx-runtime").JSX.Element | null;
+export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime, dismissible, type, }: Notification): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/components/ui/elements/side-dialog/side-dialog-top.d.ts

@@ -1,6 +1,5 @@
 export type SideDialogTopProps = {
     children?: React.ReactNode;
-    withTopSeparator?: boolean;
     className?: string;
 };
-export declare function SideDialogTop({ children, withTopSeparator, className }: SideDialogTopProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideDialogTop({ children, className }: SideDialogTopProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/tabs/index.d.ts

@@ -1 +1,4 @@
-export * from './tabs';
+export { Tabs } from './tabs-root';
+export { TabList } from './tabs-list';
+export { Tab } from './tabs-tab';
+export { TabContent } from './tabs-content';

package/dist/src/components/ui/elements/tabs/tabs-root.d.ts

@@ -5,5 +5,5 @@ type TabsRootProps<T extends string> = {
     onValueChange?: (value: T) => void;
     className?: string;
 };
-export declare const TabsRoot: <T extends string>({ children, defaultTab, value, onValueChange, className, }: TabsRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: <T extends string>({ children, defaultTab, value, onValueChange, className }: TabsRootProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/ui/elements/tabs/tabs-tab.d.ts

@@ -2,7 +2,8 @@ type TabProps = {
     children: React.ReactNode;
     value: string;
     onClick?: () => void;
+    onClose?: () => void;
     className?: string;
 };
-export declare const Tab: ({ children, value, onClick, className }: TabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tab: ({ children, value, onClick, onClose, className }: TabProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const inputVariants: (props?: ({
-    variant?: "default" | "filled" | "unstyled" | null | undefined;
-    customSize?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "unstyled" | "filled" | null | undefined;
+    customSize?: "lg" | "default" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
     testId?: string;

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

@@ -2,8 +2,9 @@ export interface SearchbarProps {
     onSearch: (search: string) => void;
     label: string;
     placeholder: string;
+    debounceMs?: number;
 }
-export declare const Searchbar: ({ onSearch, label, placeholder }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Searchbar: ({ onSearch, label, placeholder, debounceMs }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SearchbarWrapper: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from '../../../node_modules/@types/react';
 declare const textVariants: (props?: ({
-    variant?: "secondary" | "primary" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | null | undefined;
+    variant?: "primary" | "secondary" | null | undefined;
+    size?: "md" | "lg" | "default" | "sm" | "xs" | "xl" | "2xl" | null | undefined;
     weight?: "bold" | "medium" | "normal" | "semibold" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement | HTMLSpanElement | HTMLDivElement>, VariantProps<typeof textVariants> {

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

@@ -1,4 +1,5 @@
 import { ChatProps } from '../../../types';
-export declare const AgentChat: ({ agentId, agentName, threadId, memory, refreshThreadList, modelVersion, modelList, messageId, }: Omit<ChatProps, "initialMessages" | "initialLegacyMessages"> & {
+export declare const AgentChat: ({ agentId, agentName, threadId, memory, refreshThreadList, modelVersion, modelList, messageId, isNewThread, }: Omit<ChatProps, "initialMessages" | "initialLegacyMessages"> & {
     messageId?: string;
+    isNewThread?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -6,7 +6,5 @@ export interface AgentComboboxProps {
     emptyText?: string;
     className?: string;
     disabled?: boolean;
-    buttonClassName?: string;
-    contentClassName?: string;
 }
-export declare function AgentCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: AgentComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, }: AgentComboboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,4 @@
 export interface AgentEntityHeaderProps {
     agentId: string;
-    isLoading: boolean;
-    agentName: string;
 }
-export declare const AgentEntityHeader: ({ agentId, isLoading, agentName }: AgentEntityHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentEntityHeader: ({ agentId }: AgentEntityHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,3 +3,28 @@ export interface AgentInformationProps {
     threadId: string;
 }
 export declare function AgentInformation({ agentId, threadId }: AgentInformationProps): import("react/jsx-runtime").JSX.Element;
+export interface UseAgentInformationTabArgs {
+    isMemoryLoading: boolean;
+    hasMemory: boolean;
+}
+export declare const useAgentInformationTab: ({ isMemoryLoading, hasMemory }: UseAgentInformationTabArgs) => {
+    selectedTab: string;
+    handleTabChange: (value: string) => void;
+};
+export interface UseAgentInformationSettingsArgs {
+    modelId: string;
+}
+export declare const useAgentInformationSettings: ({ modelId }: UseAgentInformationSettingsArgs) => {
+    settings: import('../../../..').AgentSettingsType | undefined;
+    setSettings: (settings: import('../../../..').AgentSettingsType) => void;
+};
+export interface AgentInformationLayoutProps {
+    children: React.ReactNode;
+    agentId?: string;
+}
+export declare const AgentInformationLayout: ({ children, agentId }: AgentInformationLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export interface AgentInformationTabLayoutProps {
+    children: React.ReactNode;
+    agentId: string;
+}
+export declare const AgentInformationTabLayout: ({ children, agentId }: AgentInformationTabLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export interface AgentLayoutProps {
+    agentId: string;
+    children: React.ReactNode;
+    leftSlot?: React.ReactNode;
+    rightSlot?: React.ReactNode;
+}
+export declare const AgentLayout: ({ agentId, children, leftSlot, rightSlot }: AgentLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-metadata/agent-metadata-model-list.d.ts

@@ -13,5 +13,6 @@ interface AgentMetadataModelListItemProps {
     }>;
     showDragHandle: boolean;
     dragHandleProps?: any;
+    isLastEnabled: boolean;
 }
 export {};

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

@@ -1,15 +1,6 @@
-import { GetAgentResponse, GetToolResponse, GetWorkflowResponse } from '@mastra/client-js';
-import { AgentMetadataModelSwitcherProps } from './agent-metadata-model-switcher';
-import { AgentMetadataModelListProps } from './agent-metadata-model-list';
+import { GetToolResponse, GetWorkflowResponse } from '@mastra/client-js';
 export interface AgentMetadataProps {
     agentId: string;
-    agent: GetAgentResponse;
-    hasMemoryEnabled: boolean;
-    modelVersion: string;
-    updateModel: AgentMetadataModelSwitcherProps['updateModel'];
-    resetModel: AgentMetadataModelSwitcherProps['resetModel'];
-    updateModelInModelList: AgentMetadataModelListProps['updateModelInModelList'];
-    reorderModelList: AgentMetadataModelListProps['reorderModelList'];
 }
 export interface AgentMetadataNetworkListProps {
     agents: {
@@ -18,7 +9,7 @@ export interface AgentMetadataNetworkListProps {
     }[];
 }
 export declare const AgentMetadataNetworkList: ({ agents }: AgentMetadataNetworkListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AgentMetadata: ({ agentId, agent, hasMemoryEnabled, updateModel, resetModel, updateModelInModelList, reorderModelList, modelVersion, }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentMetadata: ({ agentId }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
 export interface AgentMetadataToolListProps {
     tools: GetToolResponse[];
     agentId: string;

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

@@ -1,6 +1,4 @@
 export interface AgentSettingsProps {
-    modelVersion: string;
-    hasMemory?: boolean;
-    hasSubAgents?: boolean;
+    agentId: string;
 }
-export declare const AgentSettings: ({ modelVersion, hasMemory, hasSubAgents }: AgentSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentSettings: ({ agentId }: AgentSettingsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -14,3 +14,6 @@ export * from './hooks/use-agent';
 export * from './hooks/use-execute-agent-tool';
 export * from './components/AgentToolPanel';
 export * from './components/agent-information/agent-information';
+export * from './components/agent-entity-header';
+export * from './components/agent-information/agent-memory';
+export * from './components/agent-layout';

package/dist/src/domains/configuration/components/header-list-form.d.ts

@@ -0,0 +1,10 @@
+export type HeaderListFormItem = {
+    name: string;
+    value: string;
+};
+export interface HeaderListFormProps {
+    headers: Array<HeaderListFormItem>;
+    onAddHeader: (header: HeaderListFormItem) => void;
+    onRemoveHeader: (index: number) => void;
+}
+export declare const HeaderListForm: ({ headers, onAddHeader, onRemoveHeader }: HeaderListFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/configuration/components/mastra-version-footer.d.ts

@@ -0,0 +1,17 @@
+import { PackageUpdateInfo } from '../hooks/use-package-updates';
+export interface MastraVersionFooterProps {
+    collapsed?: boolean;
+}
+type PackageManager = 'pnpm' | 'npm' | 'yarn' | 'bun';
+export declare const MastraVersionFooter: ({ collapsed }: MastraVersionFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export interface PackagesModalContentProps {
+    packages: PackageUpdateInfo[];
+    isLoadingUpdates: boolean;
+    outdatedCount: number;
+    deprecatedCount: number;
+    updateCommand: string | null;
+    packageManager: PackageManager;
+    onPackageManagerChange: (pm: PackageManager) => void;
+}
+export declare const MastraPackagesInfo: ({ collapsed }: MastraVersionFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/domains/configuration/components/playground-config-guard.d.ts

@@ -0,0 +1 @@
+export declare const PlaygroundConfigGuard: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/configuration/components/studio-config-form.d.ts

@@ -0,0 +1,5 @@
+import { StudioConfig } from '../types';
+export interface StudioConfigFormProps {
+    initialConfig?: StudioConfig;
+}
+export declare const StudioConfigForm: ({ initialConfig }: StudioConfigFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/configuration/context/studio-config-context.d.ts

@@ -0,0 +1,12 @@
+import { StudioConfig } from '../types';
+export type StudioConfigContextType = StudioConfig & {
+    isLoading: boolean;
+    setConfig: (partialNewConfig: Partial<StudioConfig>) => void;
+};
+export declare const StudioConfigContext: import('../../../../node_modules/@types/react').Context<StudioConfigContextType>;
+export declare const useStudioConfig: () => StudioConfigContextType;
+export interface StudioConfigProviderProps {
+    children: React.ReactNode;
+    endpoint?: string;
+}
+export declare const StudioConfigProvider: ({ children, endpoint }: StudioConfigProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/configuration/hooks/use-mastra-instance-status.d.ts

@@ -0,0 +1,4 @@
+export type UseMastraInstanceStatusResponse = {
+    status: 'active' | 'inactive';
+};
+export declare const useMastraInstanceStatus: (endpoint?: string) => import('@tanstack/react-query').UseQueryResult<UseMastraInstanceStatusResponse, Error>;

package/dist/src/domains/configuration/hooks/use-mastra-packages.d.ts

@@ -0,0 +1 @@
+export declare const useMastraPackages: () => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetSystemPackagesResponse, Error>;

package/dist/src/domains/configuration/hooks/use-package-updates.d.ts

@@ -0,0 +1,18 @@
+export interface PackageInfo {
+    name: string;
+    version: string;
+}
+export interface PackageUpdateInfo extends PackageInfo {
+    latestVersion: string | null;
+    isOutdated: boolean;
+    isDeprecated: boolean;
+    prereleaseTag: string | null;
+    targetPrereleaseTag: string | null;
+    deprecationMessage?: string;
+}
+export declare function usePackageUpdates(packages: PackageInfo[]): {
+    packages: PackageUpdateInfo[];
+    isLoading: boolean;
+    outdatedCount: number;
+    deprecatedCount: number;
+};

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

@@ -0,0 +1,7 @@
+export * from './context/studio-config-context';
+export * from './components/studio-config-form';
+export * from './components/mastra-version-footer';
+export * from './types';
+export * from './components/playground-config-guard';
+export * from './hooks/use-mastra-packages';
+export * from './hooks/use-package-updates';

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

@@ -0,0 +1,4 @@
+export type StudioConfig = {
+    baseUrl: string;
+    headers: Record<string, string>;
+};

package/dist/src/domains/mcps/components/mcp-server-combobox.d.ts

@@ -6,7 +6,5 @@ export interface MCPServerComboboxProps {
     emptyText?: string;
     className?: string;
     disabled?: boolean;
-    buttonClassName?: string;
-    contentClassName?: string;
 }
-export declare function MCPServerCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: MCPServerComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCPServerCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, }: MCPServerComboboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -22,3 +22,8 @@ export declare const useMemorySearch: ({ agentId, resourceId, threadId, }: {
     searchQuery: string;
     memoryConfig?: MemorySearchParams;
 }, unknown>;
+export declare const useCloneThread: () => import('@tanstack/react-query').UseMutationResult<import('@mastra/client-js').CloneMemoryThreadResponse, Error, {
+    threadId: string;
+    agentId: string;
+    title?: string;
+}, unknown>;

package/dist/src/domains/observability/components/helpers.d.ts

@@ -1,15 +1,21 @@
 import { SpanRecord } from '@mastra/core/storage';
-export declare function useTraceInfo(trace: SpanRecord | undefined): {
+export declare function useTraceInfo(trace: SpanRecord | undefined): ({
     key: string;
     label: string;
-    value: any;
-}[];
+    value: {
+        id: string;
+        name: string;
+        path: string | undefined;
+    }[];
+} | {
+    key: string;
+    label: string;
+    value: string;
+})[];
 type getSpanInfoProps = {
     span: SpanRecord | undefined;
-    withTraceId?: boolean;
-    withSpanId?: boolean;
 };
-export declare function getSpanInfo({ span, withTraceId, withSpanId }: getSpanInfoProps): {
+export declare function getSpanInfo({ span }: getSpanInfoProps): {
     key: string;
     label: string;
     value: string;

package/dist/src/domains/observability/components/index.d.ts

@@ -1,5 +1,5 @@
 export * from './trace-timeline';
-export * from './trace-timeline-legend';
+export * from './trace-timeline-tools';
 export * from './trace-timeline-span';
 export * from './shared';
 export * from './trace-dialog';

package/dist/src/domains/observability/components/shared.d.ts

@@ -1,6 +1,3 @@
+import { UISpanStyle } from '../types';
 export declare const spanTypePrefixes: string[];
-export declare function getSpanTypeUi(type: string): {
-    icon: React.ReactNode;
-    color: string;
-    label: string;
-} | null;
+export declare function getSpanTypeUi(type: string): UISpanStyle | null;

package/dist/src/domains/observability/components/span-dialog.d.ts

@@ -1,6 +1,7 @@
 import { KeyValueListItemData } from '../../../components/ui/elements';
 import { SpanRecord } from '@mastra/core/storage';
-import { ListScoresResponse } from '@mastra/client-js';
+import { ListScoresResponse } from '@mastra/core/evals';
+import { GetScorerResponse } from '@mastra/client-js';
 type SpanDialogProps = {
     trace: SpanRecord;
     span?: SpanRecord;
@@ -16,6 +17,8 @@ type SpanDialogProps = {
     defaultActiveTab?: string;
     initialScoreId?: string;
     computeTraceLink: (traceId: string, spanId?: string) => string;
+    scorers?: Record<string, GetScorerResponse>;
+    isLoadingScorers?: boolean;
 };
-export declare function SpanDialog({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, isOpen, onClose, onNext, onPrevious, onViewToggle, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, }: SpanDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpanDialog({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, isOpen, onClose, onNext, onPrevious, onViewToggle, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, scorers, isLoadingScorers, }: SpanDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/observability/components/span-score-list.d.ts

@@ -1,4 +1,4 @@
-import { ListScoresResponse } from '@mastra/client-js';
+import { ListScoresResponse } from '@mastra/core/evals';
 export declare const traceScoresListColumns: {
     name: string;
     label: string;

package/dist/src/domains/observability/components/span-scoring.d.ts

@@ -1,6 +1,10 @@
+import { GetScorerResponse } from '@mastra/client-js';
 export interface SpanScoringProps {
     traceId?: string;
     spanId?: string;
     entityType?: string;
+    isTopLevelSpan?: boolean;
+    scorers?: Record<string, GetScorerResponse>;
+    isLoadingScorers?: boolean;
 }
-export declare const SpanScoring: ({ traceId, spanId, entityType }: SpanScoringProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpanScoring: ({ traceId, spanId, entityType, isTopLevelSpan, scorers, isLoadingScorers, }: SpanScoringProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/observability/components/span-tabs.d.ts

@@ -1,5 +1,6 @@
 import { KeyValueListItemData } from '../../../index';
-import { ListScoresResponse } from '@mastra/client-js';
+import { ListScoresResponse } from '@mastra/core/evals';
+import { GetScorerResponse } from '@mastra/client-js';
 import { SpanRecord } from '@mastra/core/storage';
 type SpanTabsProps = {
     trace?: SpanRecord;
@@ -11,6 +12,8 @@ type SpanTabsProps = {
     defaultActiveTab?: string;
     initialScoreId?: string;
     computeTraceLink: (traceId: string, spanId?: string) => string;
+    scorers?: Record<string, GetScorerResponse>;
+    isLoadingScorers?: boolean;
 };
-export declare function SpanTabs({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, }: SpanTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpanTabs({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, scorers, isLoadingScorers, }: SpanTabsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/observability/components/span-type-icon.d.ts

@@ -0,0 +1,6 @@
+type SpanTypeIconProps = {
+    icon: React.ReactNode;
+    color?: string;
+};
+export declare function SpanTypeIcon({ icon, color }: SpanTypeIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/observability/components/timeline-expand-col.d.ts

@@ -0,0 +1,13 @@
+type TimelineExpandColProps = {
+    isSelected?: boolean;
+    isFaded?: boolean;
+    isExpanded?: boolean;
+    toggleChildren?: () => void;
+    expandAllDescendants?: () => void;
+    expandedSpanIds?: string[];
+    totalDescendants?: number;
+    allDescendantsExpanded?: boolean;
+    numOfChildren?: number;
+};
+export declare function TimelineExpandCol({ isSelected, isFaded, isExpanded, toggleChildren, expandAllDescendants, totalDescendants, allDescendantsExpanded, numOfChildren, }: TimelineExpandColProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/observability/components/timeline-name-col.d.ts

@@ -0,0 +1,16 @@
+import { UISpan, UISpanStyle } from '../types';
+type TimelineNameColProps = {
+    span: UISpan;
+    spanUI?: UISpanStyle | null;
+    isFaded?: boolean;
+    depth?: number;
+    onSpanClick?: (id: string) => void;
+    selectedSpanId?: string;
+    isLastChild?: boolean;
+    hasChildren?: boolean;
+    isRootSpan?: boolean;
+    isExpanded?: boolean;
+    toggleChildren?: () => void;
+};
+export declare function TimelineNameCol({ span, spanUI, isFaded, depth, onSpanClick, selectedSpanId, isLastChild, hasChildren, isRootSpan, isExpanded, toggleChildren, }: TimelineNameColProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/observability/components/timeline-structure-sign.d.ts

@@ -0,0 +1,7 @@
+type TimelineStructureSignProps = {
+    isLastChild?: boolean;
+    hasChildren?: boolean;
+    expanded?: boolean;
+};
+export declare function TimelineStructureSign({ isLastChild, hasChildren, expanded, }: TimelineStructureSignProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/observability/components/timeline-timing-col.d.ts

@@ -0,0 +1,12 @@
+import { UISpan } from '../types';
+type TimelineTimingColProps = {
+    span: UISpan;
+    selectedSpanId?: string;
+    isFaded?: boolean;
+    overallLatency?: number;
+    overallStartTime?: string;
+    overallEndTime?: string;
+    color?: string;
+};
+export declare function TimelineTimingCol({ span, selectedSpanId, isFaded, overallLatency, overallStartTime, color, }: TimelineTimingColProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/observability/components/trace-dialog.d.ts

@@ -1,4 +1,5 @@
 import { SpanRecord } from '@mastra/core/storage';
+import { GetScorerResponse } from '@mastra/client-js';
 type TraceDialogProps = {
     traceSpans?: SpanRecord[];
     traceId?: string;
@@ -14,6 +15,8 @@ type TraceDialogProps = {
     initialSpanId?: string;
     initialSpanTab?: string;
     initialScoreId?: string;
+    scorers?: Record<string, GetScorerResponse>;
+    isLoadingScorers?: boolean;
 };
-export declare function TraceDialog({ traceId, traceSpans, traceDetails, isOpen, onClose, onNext, onPrevious, isLoadingSpans, computeAgentsLink, computeWorkflowsLink, computeTraceLink, initialSpanId, initialSpanTab, initialScoreId, }: TraceDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceDialog({ traceId, traceSpans, traceDetails, isOpen, onClose, onNext, onPrevious, isLoadingSpans, computeTraceLink, initialSpanId, initialSpanTab, initialScoreId, scorers, isLoadingScorers, }: TraceDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};