@mastra/playground-ui 2.0.1-alpha.0 → 2.0.1-alpha.2

package/dist/components/ui/data-table.d.ts

@@ -67,6 +67,10 @@ interface DataTableProps<TData, TValue> {
      * loading state
      */
     isLoading?: boolean;
+    /**
+     * text to display when there are no results
+     */
+    emptyText?: string;
 }
-export declare const DataTable: <TData, TValue>({ title, icon, withoutBorder, columns, data, className, pagination, gotoNextPage, gotoPreviousPage, maxHeight, withoutRadius, disabledFlex, emptyStateHeight, getRowId, selectedRowId, isLoading, }: DataTableProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <TData, TValue>({ title, icon, withoutBorder, columns, data, className, pagination, gotoNextPage, gotoPreviousPage, maxHeight, withoutRadius, disabledFlex, emptyStateHeight, getRowId, selectedRowId, isLoading, emptyText, }: DataTableProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 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 | HTMLImageElement | HTMLSpanElement | HTMLPreElement | HTMLObjectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLOptionElement | HTMLTableElement | HTMLMapElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+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 | 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 | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

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

@@ -3,7 +3,7 @@ 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;
+    size?: "default" | "sm" | "lg" | "xs" | "md" | "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/domains/resizable-panel.d.ts

@@ -0,0 +1,12 @@
+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/domains/workflows/context/workflow-run-context.d.ts

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

package/dist/domains/workflows/workflow/utils.d.ts

@@ -1,8 +1,9 @@
 import { StepCondition } from '@mastra/core/workflows';
 import { Node, Edge } from '@xyflow/react';
 
+export type ConditionConditionType = 'if' | 'else' | 'when' | 'until' | 'while';
 export type Condition = {
-    type: 'if' | 'else' | 'when';
+    type: ConditionConditionType;
     ref: {
         step: {
             id: string;
@@ -10,17 +11,17 @@ export type Condition = {
         path: string;
     };
     query: Record<string, any>;
-    conj?: 'and' | 'or';
+    conj?: 'and' | 'or' | 'not';
     fnString?: never;
 } | {
-    type: 'if' | 'else' | 'when';
+    type: ConditionConditionType;
     fnString: string;
     ref?: never;
     query?: never;
     conj?: never;
 };
 export declare const pathAlphabet: string[];
-export declare function extractConditions(group: StepCondition<any, any>, type: 'if' | 'else' | 'when'): Condition[];
+export declare function extractConditions(group: StepCondition<any, any>, type: ConditionConditionType): Condition[];
 export declare const contructNodesAndEdges: ({ stepGraph, stepSubscriberGraph, }: {
     stepGraph: any;
     stepSubscriberGraph: any;

package/dist/domains/workflows/workflow/workflow-after-node.d.ts

@@ -0,0 +1,6 @@
+import { NodeProps, Node } from '@xyflow/react';
+
+export type AfterNode = Node<{
+    steps: string[];
+}, 'after-node'>;
+export declare function WorkflowAfterNode({ data }: NodeProps<AfterNode>): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/workflow-loop-result-node.d.ts

@@ -0,0 +1,6 @@
+import { NodeProps, Node } from '@xyflow/react';
+
+export type LoopResultNode = Node<{
+    result: boolean;
+}, 'loop-result-node'>;
+export declare function WorkflowLoopResultNode({ data }: NodeProps<LoopResultNode>): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/use-resize-column.d.ts

@@ -1,9 +1,10 @@
 import { MouseEvent as ReactMouseEvent } from '../../node_modules/@types/react';
 
-export declare const useResizeColumn: ({ defaultWidth, minimumWidth, maximumWidth, }: {
+export declare const useResizeColumn: ({ defaultWidth, minimumWidth, maximumWidth, setCurrentWidth, }: {
     defaultWidth: number;
     minimumWidth: number;
     maximumWidth: number;
+    setCurrentWidth?: (width: number) => void;
 }) => {
     sidebarWidth: number;
     isDragging: boolean;

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

@@ -1,7 +1,7 @@
 import { RefinedTrace } from '../domains/traces/types';
 
 export declare const useTraces: (componentName: string, baseUrl: string, isWorkflow?: boolean) => {
-    traces: RefinedTrace[] | null;
+    traces: RefinedTrace[];
     firstCallLoading: boolean;
     error: {
         message: string;

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

@@ -2,7 +2,7 @@ import { Workflow } from '@mastra/core/workflows';
 import { WorkflowRunResult } from '@mastra/client-js';
 
 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>[]>>>[], any> | null;
+    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>>>>[], any> | null;
     isLoading: boolean;
 };
 export declare const useExecuteWorkflow: (baseUrl: string) => {
@@ -10,9 +10,14 @@ export declare const useExecuteWorkflow: (baseUrl: string) => {
         workflowId: string;
         input: any;
     }) => Promise<WorkflowRunResult>;
-    createWorkflowRun: ({ workflowId, input }: {
+    startWorkflowRun: ({ workflowId, runId, input }: {
         workflowId: string;
+        runId: string;
         input: any;
+    }) => Promise<void>;
+    createWorkflowRun: ({ workflowId, prevRunId }: {
+        workflowId: string;
+        prevRunId?: string;
     }) => Promise<{
         runId: string;
     }>;
@@ -32,6 +37,8 @@ export declare const useResumeWorkflow: (baseUrl: string) => {
         stepId: string;
         runId: string;
         context: any;
-    }) => Promise<Record<string, any>>;
+    }) => Promise<{
+        message: string;
+    }>;
     isResumingWorkflow: boolean;
 };

package/dist/index.css

@@ -9,3 +9,7 @@
 [hidden]:where(:not([hidden=until-found])) {
   display: none !important;
 }
+
+.unset-position {
+  position: unset;
+}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 
-export * from './chat-ui/chat';
 export * from './domains/agents/index';
 export * from './domains/workflows/index';
+export * from './domains/resizable-panel';