@mastra/playground-ui 6.9.0 → 7.0.0-beta.1

package/dist/src/components/ui/dropdown-menu.d.ts

@@ -1,42 +0,0 @@
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as React from 'react';
-/**
- *
- * Right now, these are the props mostly used for the menu
- * if we find out, consumers need more props, we can just extend it
- * with componentProps
- */
-declare function Dropdown({ open, onOpenChange, children, modal, }: {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    children: React.ReactNode;
-    modal?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Dropdown {
-    var Trigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    var Content: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        container?: HTMLElement;
-    } & React.RefAttributes<HTMLDivElement>>;
-    var Group: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-    var Portal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-    var Item: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
-    var CheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    var RadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    var Label: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
-    var Separator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    var Shortcut: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    var Sub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-    var SubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    var SubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
-    var RadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-}
-export { Dropdown };

package/dist/src/components/ui/elements/entry-list/entry-list-toolbar.d.ts

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

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

@@ -1,12 +0,0 @@
-type FormActionsProps = {
-    children?: React.ReactNode;
-    onSubmit?: () => void;
-    onCancel?: () => void;
-    className?: string;
-    submitLabel?: string;
-    cancelLabel?: string;
-    isSubmitting?: boolean;
-    variant?: 'toLeft' | 'toRight' | 'stretch';
-};
-export declare function FormActions({ children, onSubmit, onCancel, className, submitLabel, cancelLabel, isSubmitting, variant, }: FormActionsProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import * as RadixRadioGroup from '@radix-ui/react-radio-group';
-type RadioGroupFieldProps = React.ComponentProps<typeof RadixRadioGroup.Root> & {
-    name?: string;
-    testId?: string;
-    label?: React.ReactNode;
-    required?: boolean;
-    disabled?: boolean;
-    value?: number[];
-    helpMsg?: string;
-    errorMsg?: string;
-    className?: string;
-    options?: {
-        value: string;
-        label: string;
-    }[];
-    layout?: 'horizontal' | 'vertical';
-    onChange?: (value: string) => void;
-};
-export declare function RadioGroupField({ name, value, label, className, testId, required, disabled, helpMsg, errorMsg, onChange, options, layout, onValueChange, ...props }: RadioGroupFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import * as RadixSlider from '@radix-ui/react-slider';
-type SliderFieldProps = React.ComponentProps<typeof RadixSlider.Root> & {
-    name?: string;
-    testId?: string;
-    label?: React.ReactNode;
-    required?: boolean;
-    disabled?: boolean;
-    value?: number[];
-    helpMsg?: string;
-    errorMsg?: string;
-    className?: string;
-};
-export declare function SliderField({ name, value, label, className, testId, required, disabled, helpMsg, errorMsg, onChange, ...props }: SliderFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-type TextareaFieldProps = React.InputHTMLAttributes<HTMLTextAreaElement> & {
-    testId?: string;
-    label?: React.ReactNode;
-    helpText?: string;
-    value?: string;
-    disabled?: boolean;
-    className?: string;
-};
-export declare function TextareaField({ value, label, helpText, className, testId, type, disabled, ...props }: TextareaFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/ui/elements/headers/entity-main-header.d.ts

@@ -1,11 +0,0 @@
-type EntityMainHeaderProps = {
-    title?: string;
-    description?: string;
-    children?: React.ReactNode;
-    icon?: React.ReactNode;
-    isLoading?: boolean;
-    className?: string;
-    placement?: 'page' | 'sidebar';
-};
-export declare function EntityMainHeader({ title, description, icon, children, isLoading, className, placement, }: EntityMainHeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-export type SideDialogFooterProps = {
-    children?: React.ReactNode;
-    onNext?: (() => void) | null;
-    onPrevious?: (() => void) | null;
-    showInnerNav?: boolean;
-};
-export declare function SideDialogFooter({ children, onNext, onPrevious, showInnerNav }: SideDialogFooterProps): import("react/jsx-runtime").JSX.Element;
-export declare function SideDialogFooterGroup({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/formatted-date.d.ts

@@ -1,3 +0,0 @@
-export declare function FormattedDate({ date }: {
-    date: string;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,23 +0,0 @@
-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 | HTMLSelectElement | 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 | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
-    className?: string | undefined;
-    collapsedSize?: number | undefined;
-    collapsible?: boolean | undefined;
-    defaultSize?: number | undefined;
-    id?: string | undefined;
-    maxSize?: number | undefined;
-    minSize?: number | undefined;
-    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
-    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
-    onResize?: ResizablePrimitive.PanelOnResize | undefined;
-    order?: number | undefined;
-    style?: object | undefined;
-    tagName?: keyof HTMLElementTagNameMap | undefined;
-} & {
-    children?: import('../../../node_modules/@types/react').ReactNode;
-} & import('../../../node_modules/@types/react').RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
-declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-    withHandle?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

package/dist/src/components/ui/score-indicator.d.ts

@@ -1,3 +0,0 @@
-export declare function ScoreIndicator({ score }: {
-    score: number;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
-export { Toggle, toggleVariants };

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

@@ -1,8 +0,0 @@
-import { Evals } from '../../evals/types';
-export interface AgentEvalsProps {
-    liveEvals: Array<Evals>;
-    ciEvals: Array<Evals>;
-    onRefetchLiveEvals: () => void;
-    onRefetchCiEvals: () => void;
-}
-export declare function AgentEvals({ liveEvals, ciEvals, onRefetchLiveEvals, onRefetchCiEvals }: AgentEvalsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +0,0 @@
-import { AgentInstructions } from '@mastra/core/agent';
-interface CurrentInstructionsProps {
-    instructions?: AgentInstructions;
-    enhancedPrompt: string;
-    isEnhancing: boolean;
-    userComment: string;
-    onEnhance: () => void;
-    onCancel: () => void;
-    onSave: () => void;
-    onCommentChange: (comment: string) => void;
-    agentId: string;
-    onShowHistory: () => void;
-}
-export declare function CurrentInstructions({ instructions, enhancedPrompt, isEnhancing, userComment, onEnhance, onCancel, onSave, onCommentChange, onShowHistory, }: CurrentInstructionsProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,8 +0,0 @@
-export interface VersionActionsProps {
-    version: any;
-    index: number;
-    isUpdating: boolean;
-    onSetActive: (version: any, index: number) => Promise<void>;
-    onDelete: (index: number) => void;
-}
-export declare function VersionActions({ version, index, isUpdating, onSetActive, onDelete }: VersionActionsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +0,0 @@
-export interface VersionHistoryDialogProps {
-    versions: any[];
-    onDelete: (index: number) => void;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    onSetActive: (version: any, index: number) => Promise<void>;
-    isUpdating: boolean;
-}
-export declare const VersionHistoryDialog: ({ open, onOpenChange, onDelete, onSetActive, versions, isUpdating, }: VersionHistoryDialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +0,0 @@
-interface VersionHistoryProps {
-    versions: any[];
-    isUpdating: boolean;
-    copiedVersions: Record<string | number, boolean>;
-    onCopy: (content: string, key: string | number) => Promise<void>;
-    onSetActive: (version: any, index: number) => Promise<void>;
-    onDelete: (index: number) => void;
-}
-export declare function VersionHistory({ versions, isUpdating, copiedVersions, onCopy, onSetActive, onDelete, }: VersionHistoryProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,14 +0,0 @@
-interface VersionItemProps {
-    version: any;
-    index: number;
-    isExpanded: boolean;
-    isUpdating: boolean;
-    copiedVersions: Record<string | number, boolean>;
-    onToggleExpand: () => void;
-    onToggleAnalysis: () => void;
-    onCopy: (content: string, key: string | number) => Promise<void>;
-    onSetActive: (version: any, index: number) => Promise<void>;
-    onDelete: (index: number) => void;
-}
-export declare function VersionItem({ version, index, isExpanded, isUpdating, onToggleExpand, onToggleAnalysis, onSetActive, onDelete, }: VersionItemProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,4 +0,0 @@
-export interface AgentMetadataPromptProps {
-    prompt: string;
-}
-export declare const AgentMetadataPrompt: ({ prompt }: AgentMetadataPromptProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +0,0 @@
-interface ConnectionDotProps {
-    connected: boolean;
-    size?: 'sm' | 'md';
-}
-export declare const ConnectionDot: ({ connected, size }: ConnectionDotProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,5 +0,0 @@
-export declare const openaiModels: string[];
-export declare const anthropicModels: string[];
-export declare const googleModels: string[];
-export declare const xAIModels: string[];
-export declare const groqModels: string[];

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

@@ -1,7 +0,0 @@
-interface ProviderStatusIndicatorProps {
-    providerId: string;
-    connected: boolean;
-    envVar?: string;
-}
-export declare const ProviderStatusIndicator: ({ providerId, connected, envVar }: ProviderStatusIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/src/domains/agents/hooks/use-prompt-versions.d.ts

@@ -1,12 +0,0 @@
-export declare function usePromptVersions(agentId: string, instructions?: string): {
-    versions: any[];
-    copiedVersions: Record<number, boolean>;
-    isUpdating: boolean;
-    versionToDelete: number | null;
-    setVersions: import('../../../../node_modules/@types/react').Dispatch<import('../../../../node_modules/@types/react').SetStateAction<any[]>>;
-    setVersionToDelete: import('../../../../node_modules/@types/react').Dispatch<import('../../../../node_modules/@types/react').SetStateAction<number | null>>;
-    copyToClipboard: (text: string, versionIndex: number) => Promise<() => void>;
-    setVersionActive: (version: any, index: number) => Promise<void>;
-    deleteVersion: (index: number) => void;
-    updateVersion: (index: number, updates: Partial<any>) => Promise<void>;
-};

package/dist/src/domains/evals/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-evals-by-agent-id';

package/dist/src/domains/evals/hooks/use-evals-by-agent-id.d.ts

@@ -1,14 +0,0 @@
-import { TestInfo, MetricResult } from '@mastra/core/eval';
-export type Evals = {
-    input: string;
-    output: string;
-    result: MetricResult;
-    agentName: string;
-    createdAt: string;
-    metricName: string;
-    instructions: string;
-    runId: string;
-    globalRunId: string;
-    testInfo?: TestInfo;
-};
-export declare const useEvalsByAgentId: (agentId: string, type: "ci" | "live") => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetEvalsByAgentIdResponse, Error>;

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

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

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

@@ -1,23 +0,0 @@
-import { TestInfo, MetricResult } from '@mastra/core/eval';
-export type Evals = {
-    input: string;
-    output: string;
-    result: MetricResult;
-    agentName: string;
-    createdAt: string;
-    metricName: string;
-    instructions: string;
-    runId: string;
-    globalRunId: string;
-    testInfo?: TestInfo;
-};
-export type GroupedEvals = {
-    metricName: string;
-    averageScore: number;
-    evals: Evals[];
-};
-export type SortDirection = 'asc' | 'desc';
-export type SortConfig = {
-    field: keyof GroupedEvals | 'timestamp' | 'score';
-    direction: SortDirection;
-};

package/dist/src/domains/resizable-panel.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from '../../node_modules/@types/react';
-export declare const MastraResizablePanel: ({ children, defaultWidth, minimumWidth, maximumWidth, className, disabled, setCurrentWidth, dividerPosition, }: {
-    children: ReactNode;
-    defaultWidth: number;
-    minimumWidth: number;
-    maximumWidth: number;
-    className?: string;
-    disabled?: boolean;
-    setCurrentWidth?: (width: number) => void;
-    dividerPosition?: "left" | "right";
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/scores/components/score-table.d.ts

@@ -1,11 +0,0 @@
-export interface ScoreTableProps {
-    scores: Array<{
-        type: string;
-        scoreId: string;
-        scorerName: string;
-        score: number;
-        createdAt: string;
-    }>;
-    onItemClick: (scorerName: string) => void;
-}
-export declare const ScoreTable: ({ scores, onItemClick }: ScoreTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/tools/components/tool-table/types.d.ts

@@ -1,2 +0,0 @@
-import { GetToolResponse } from '@mastra/client-js';
-export type ToolTableData = GetToolResponse;

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

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

package/dist/src/domains/traces/components/traces-view.d.ts

@@ -1,12 +0,0 @@
-import { RefinedTrace } from '../types';
-export interface TracesViewProps {
-    isLoading: boolean;
-    error: Error | null;
-    traces: RefinedTrace[];
-    runId?: string;
-    stepName?: string;
-    className?: string;
-    setEndOfListElement: (element: HTMLDivElement | null) => void;
-}
-export declare function TracesView({ isLoading, error, traces, runId, stepName, className, setEndOfListElement, }: TracesViewProps): import("react/jsx-runtime").JSX.Element;
-export declare const TracesViewSkeleton: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +0,0 @@
-import { Span, RefinedTrace } from '../types';
-export type TraceContextType = {
-    isOpen: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    trace: Span[] | null;
-    setTrace: React.Dispatch<React.SetStateAction<Span[] | null>>;
-    traces: RefinedTrace[];
-    currentTraceIndex: number;
-    setCurrentTraceIndex: React.Dispatch<React.SetStateAction<number>>;
-    nextTrace: () => void;
-    prevTrace: () => void;
-    span: Span | null;
-    setSpan: React.Dispatch<React.SetStateAction<Span | null>>;
-    clearData: () => void;
-};
-export declare const TraceContext: import('../../../../node_modules/@types/react').Context<TraceContextType>;
-export declare function TraceProvider({ children, initialTraces: traces, }: {
-    children: React.ReactNode;
-    initialTraces?: RefinedTrace[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/hooks/use-open-trace.d.ts

@@ -1,4 +0,0 @@
-import { Span } from '../types';
-export declare const useOpenTrace: () => {
-    openTrace: (trace: Span[], traceIndex: number) => void;
-};

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

@@ -1,2 +0,0 @@
-export * from './components/traces-view';
-export * from './utils';