@mastra/playground-ui 4.0.0-alpha.7 → 4.0.0-alpha.9

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

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

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

@@ -2,3 +2,4 @@ export * from './agent/agent-chat';
 export * from './agent/agent-evals';
 export * from './agent/agent-traces';
 export * from './agents-table';
+export * from './agent/context/agent-context';

package/dist/domains/workflows/context/workflow-run-context.d.ts

@@ -1,7 +1,7 @@
-import { WorkflowRunResult } from '@mastra/client-js';
+import { ExtendedWorkflowRunResult } from '../../../hooks/use-workflows';
 
 type WorkflowRunContextType = {
-    result: WorkflowRunResult | null;
+    result: ExtendedWorkflowRunResult | null;
     setResult: React.Dispatch<React.SetStateAction<any>>;
     payload: any;
     setPayload: React.Dispatch<React.SetStateAction<any>>;

package/dist/ds/components/Badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface BadgeProps {
+    icon?: React.ReactNode;
+    variant?: 'default' | 'success' | 'error' | 'info';
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Badge: ({ icon, variant, className, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/Badge/index.d.ts

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

package/dist/ds/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface BreadcrumbProps {
+    children?: React.ReactNode;
+    label?: string;
+}
+export declare const Breadcrumb: ({ children, label }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export interface CrumbProps {
+    isCurrent?: boolean;
+    as: React.ElementType;
+    className?: string;
+    href: string;
+    prefetch?: boolean | null;
+    children: React.ReactNode;
+}
+export declare const Crumb: ({ className, as, isCurrent, ...props }: CrumbProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/Breadcrumb/index.d.ts

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

package/dist/ds/components/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    as?: React.ElementType;
+    className?: string;
+    href?: string;
+    prefetch?: boolean | null;
+    children: React.ReactNode;
+}
+export declare const Button: ({ className, as, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/Button/index.d.ts

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

package/dist/ds/components/Header/Header.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface HeaderProps {
+    children?: React.ReactNode;
+}
+export declare const Header: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderTitle: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderAction: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderGroup: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/Header/index.d.ts

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

package/dist/ds/components/Logo/MastraLogo.d.ts

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

package/dist/ds/components/Logo/index.d.ts

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

package/dist/ds/components/Table/Cells.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface CellProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Cell: ({ className, children }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TxtCell: ({ className, children }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnitCell: ({ className, children, unit }: CellProps & {
+    unit: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface DateTimeCellProps {
+    className?: string;
+    dateTime: Date;
+}
+export declare const DateTimeCell: ({ className, dateTime }: DateTimeCellProps) => import("react/jsx-runtime").JSX.Element;
+export interface EntryCellProps {
+    className?: string;
+    name: React.ReactNode;
+    description?: React.ReactNode;
+    icon: React.ReactNode;
+    meta?: React.ReactNode;
+}
+export declare const EntryCell: ({ className, name, description, icon, meta }: EntryCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/Table/Table.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface TableProps {
+    className?: string;
+    children: React.ReactNode;
+    size?: 'default' | 'small';
+}
+export declare const Table: ({ className, children, size }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export interface TheadProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Thead: ({ className, children }: TheadProps) => import("react/jsx-runtime").JSX.Element;
+export interface ThProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Th: ({ className, children }: ThProps) => import("react/jsx-runtime").JSX.Element;
+export interface TbodyProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Tbody: ({ className, children }: TbodyProps) => import("react/jsx-runtime").JSX.Element;
+export interface RowProps {
+    className?: string;
+    children: React.ReactNode;
+    selected?: boolean;
+}
+export declare const Row: ({ className, children, selected }: RowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Table';
+export * from './Cells';

package/dist/ds/components/Table/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const formatDateCell: (date: Date) => {
+    day: string;
+    time: string;
+};

package/dist/ds/components/Txt/Txt.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from '../../../../node_modules/@types/react';
+import { FontSizes } from '../../tokens';
+
+export interface TxtProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+    variant?: keyof typeof FontSizes;
+    font?: 'mono';
+}
+export declare const Txt: ({ as: Root, className, variant, font, ...props }: TxtProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/Txt/index.d.ts

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

package/dist/ds/components/types.d.ts

@@ -0,0 +1,4 @@
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = Props & Omit<React.ComponentPropsWithoutRef<C>, keyof Props> & {
+    ref?: PolymorphicRef<C>;
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/ds/tokens/borders.d.ts

@@ -0,0 +1,9 @@
+export declare const BorderWidth: {
+    sm: string;
+};
+export declare const BorderRadius: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+};

package/dist/ds/tokens/colors.d.ts

@@ -0,0 +1,23 @@
+export declare const Colors: {
+    surface1: string;
+    surface2: string;
+    surface3: string;
+    surface4: string;
+    surface5: string;
+    accent1: string;
+    accent2: string;
+    accent3: string;
+    accent4: string;
+};
+export declare const BorderColors: {
+    border1: string;
+    border2: string;
+};
+export declare const IconColors: {
+    icon1: string;
+    icon2: string;
+    icon3: string;
+    icon4: string;
+    icon5: string;
+    icon6: string;
+};

package/dist/ds/tokens/fonts.d.ts

@@ -0,0 +1,14 @@
+export declare const FontSizes: {
+    'header-md': string;
+    'ui-lg': string;
+    'ui-md': string;
+    'ui-sm': string;
+    'ui-xs': string;
+};
+export declare const LineHeights: {
+    'header-md': string;
+    'ui-lg': string;
+    'ui-md': string;
+    'ui-sm': string;
+    'ui-xs': string;
+};

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

@@ -0,0 +1,5 @@
+export * from './borders';
+export * from './colors';
+export * from './fonts';
+export * from './sizes';
+export * from './spacings';

package/dist/ds/tokens/sizes.d.ts

@@ -0,0 +1,10 @@
+export declare const Sizes: {
+    'icon-default': string;
+    'icon-lg': string;
+    'button-default': string;
+    'header-default': string;
+    'table-header': string;
+    'table-row': string;
+    'table-row-small': string;
+    'badge-default': string;
+};

package/dist/ds/tokens/spacings.d.ts

@@ -0,0 +1,5 @@
+export declare const Spacings: {
+    sm: string;
+    md: string;
+    lg: string;
+};

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

@@ -1,6 +1,13 @@
 import { Workflow } from '@mastra/core/workflows';
-import { WorkflowRunResult } from '@mastra/client-js';
+import { WorkflowRunResult as BaseWorkflowRunResult } from '@mastra/client-js';
 
+export type ExtendedWorkflowRunResult = BaseWorkflowRunResult & {
+    sanitizedOutput?: string | null;
+    sanitizedError?: {
+        message: string;
+        stack?: string;
+    } | null;
+};
 export declare const useWorkflow: (workflowId: string, baseUrl: string) => {
     workflow: Workflow<import('@mastra/core').Step<string, any, any, import('@mastra/core').StepExecutionContext<any, import('@mastra/core').WorkflowContext<any, import('@mastra/core').Step<string, any, any, any>[], Record<string, any>>>>[], string, any, any> | null;
     isLoading: boolean;
@@ -25,7 +32,7 @@ export declare const useWatchWorkflow: (baseUrl: string) => {
         runId: string;
     }) => Promise<void>;
     isWatchingWorkflow: boolean;
-    watchResult: WorkflowRunResult | null;
+    watchResult: ExtendedWorkflowRunResult | null;
 };
 export declare const useResumeWorkflow: (baseUrl: string) => {
     resumeWorkflow: ({ workflowId, stepId, runId, context, }: {

package/dist/index.d.ts

@@ -4,3 +4,7 @@ export * from './domains/networks/index';
 export * from './domains/workflows/index';
 export * from './domains/resizable-panel';
 export * from './components/dynamic-form/index';
+export * from './types';
+export * from './ds/components/Badge/index';
+export * from './ds/components/Logo/index';
+export * from './ds/components/Txt/index';