@mastra/playground-ui 6.0.0 → 6.1.0-alpha.0

package/dist/src/components/assistant-ui/attachments/attach-file-dialog.d.ts

@@ -0,0 +1,5 @@
+export interface AttachFileDialogProps {
+    onOpenChange: (open: boolean) => void;
+    open: boolean;
+}
+export declare const AttachFileDialog: ({ onOpenChange, open }: AttachFileDialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/attachments/attachment-preview-dialog.d.ts

@@ -1,7 +1,8 @@
 interface PdfEntryProps {
     data: string;
+    url?: string;
 }
-export declare const PdfEntry: ({ data }: PdfEntryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PdfEntry: ({ data, url }: PdfEntryProps) => import("react/jsx-runtime").JSX.Element;
 interface PdfPreviewDialogProps {
     data: string;
     open: boolean;

package/dist/src/components/assistant-ui/context/agent-provider.d.ts

@@ -0,0 +1,12 @@
+import { GetAgentResponse } from '@mastra/client-js';
+type AgentContextType = {
+    isLoading: boolean;
+    agentDetails: GetAgentResponse | null;
+};
+export interface AgentProviderProps {
+    agentId?: string;
+    children: React.ReactNode;
+}
+export declare function AgentProvider({ agentId, children }: AgentProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAgent(): AgentContextType;
+export {};

package/dist/src/components/assistant-ui/hooks/use-composer-add-attachment.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Overrides https://github.com/assistant-ui/assistant-ui/blob/4832e53c1531ba931539caf38ca9bb123a5df032/packages/react/src/primitives/composer/ComposerAddAttachment.tsx
+ * to have a handler on the onChange event
+ */
+export declare const useComposerAddAttachment: ({ multiple, onChange, }?: {
+    /** allow selecting multiple files */
+    multiple?: boolean | undefined;
+    onChange?: (files: File[]) => void;
+}) => (() => void) | undefined;

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

@@ -0,0 +1,6 @@
+export interface ToolBadgeProps {
+    toolName: string;
+    argsText: string;
+    result: any;
+}
+export declare const ToolBadge: ({ toolName, argsText, result }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { GetWorkflowResponse } from '@mastra/client-js';
+import { WorkflowResult } from '@mastra/core';
+export interface WorkflowBadgeProps {
+    workflow: GetWorkflowResponse;
+    workflowId: string;
+    result?: {
+        result: WorkflowResult<any, any>;
+        runId: string;
+    };
+}
+export declare const WorkflowBadge: ({ workflow, result, workflowId }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export * from './process-step-list-item';
+export * from './process-step-list';
+export * from './process-step-progress-bar';
+export * from './shared';

package/dist/src/components/ui/elements/steps/process-step-list-item.d.ts

@@ -0,0 +1,9 @@
+import { ProcessStep } from './shared';
+type ProcessStepListItemProps = {
+    stepId: string;
+    step: ProcessStep;
+    isActive: boolean;
+    position: number;
+};
+export declare function ProcessStepListItem({ stepId, step, isActive, position }: ProcessStepListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/steps/process-step-list.d.ts

@@ -0,0 +1,8 @@
+import { ProcessStep } from './shared';
+type ProcessStepListProps = {
+    currentStep: ProcessStep | null;
+    steps: ProcessStep[];
+    className?: string;
+};
+export declare function ProcessStepList({ currentStep, steps, className }: ProcessStepListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/steps/process-step-progress-bar.d.ts

@@ -0,0 +1,4 @@
+import { ProcessStep } from './shared';
+export declare function ProcessStepProgressBar({ steps }: {
+    steps: ProcessStep[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/steps/shared.d.ts

@@ -0,0 +1,8 @@
+export declare function getStatusIcon(status: string): import("react/jsx-runtime").JSX.Element | null;
+export type ProcessStep = {
+    id: string;
+    status: string;
+    description: string;
+    title: string;
+    isActive: boolean;
+};

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

@@ -6,7 +6,7 @@ export interface AgentMetadataProps {
     promptSlot: ReactNode;
     hasMemoryEnabled: boolean;
     computeToolLink: (tool: GetToolResponse) => string;
-    computeWorkflowLink: (workflow: GetWorkflowResponse) => string;
+    computeWorkflowLink: (workflowId: string, workflow: GetWorkflowResponse) => string;
     modelProviders: string[];
     updateModel: AgentMetadataModelSwitcherProps['updateModel'];
 }
@@ -20,7 +20,9 @@ export declare const AgentMetadataScorerList: ({ entityId }: {
     entityId: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export interface AgentMetadataWorkflowListProps {
-    workflows: GetWorkflowResponse[];
-    computeWorkflowLink: (workflow: GetWorkflowResponse) => string;
+    workflows: Array<{
+        id: string;
+    } & GetWorkflowResponse>;
+    computeWorkflowLink: (workflowId: string, workflow: GetWorkflowResponse) => string;
 }
 export declare const AgentMetadataWorkflowList: ({ workflows, computeWorkflowLink }: AgentMetadataWorkflowListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export * from './templates-tools';
+export * from './templates-list';
+export * from './template-info';
+export * from './template-form';
+export * from './template-installation';
+export * from './template-success';
+export * from './template-failure';

package/dist/src/domains/templates/shared.d.ts

@@ -0,0 +1,7 @@
+export declare function getRepoName(githubUrl: string): string | undefined;
+type ContainerProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function Container({ children, className }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/templates/template-failure.d.ts

@@ -0,0 +1,6 @@
+type TemplateFailureProps = {
+    errorMsg?: string;
+    validationErrors?: any[];
+};
+export declare function TemplateFailure({ errorMsg, validationErrors }: TemplateFailureProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/templates/template-form.d.ts

@@ -0,0 +1,25 @@
+type TemplateFormProps = {
+    providerOptions: {
+        value: string;
+        label: string;
+    }[];
+    selectedProvider: string;
+    onProviderChange: (value: string) => void;
+    variables: Record<string, string>;
+    setVariables: (variables: Record<string, string>) => void;
+    errors: string[];
+    setErrors: (errors: string[]) => void;
+    handleInstallTemplate: () => void;
+    handleVariableChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    isLoadingEnvVars?: boolean;
+    defaultModelProvider?: string;
+    defaultModelId?: string;
+    onModelUpdate?: (params: {
+        provider: string;
+        modelId: string;
+    }) => Promise<{
+        message: string;
+    }>;
+};
+export declare function TemplateForm({ providerOptions, selectedProvider, onProviderChange, variables, errors, handleInstallTemplate, handleVariableChange, isLoadingEnvVars, defaultModelProvider, defaultModelId, onModelUpdate, }: TemplateFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/templates/template-info.d.ts

@@ -0,0 +1,12 @@
+import { KeyValueListItemData } from '../../components/ui/elements';
+type TemplateInfoProps = {
+    title?: string;
+    description?: string;
+    imageURL?: string;
+    githubUrl?: string;
+    infoData?: KeyValueListItemData[];
+    isLoading?: boolean;
+    templateSlug?: string;
+};
+export declare function TemplateInfo({ title, description, imageURL, githubUrl, isLoading, infoData, templateSlug, }: TemplateInfoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/templates/template-installation.d.ts

@@ -0,0 +1,8 @@
+type TemplateInstallationProps = {
+    name: string;
+    streamResult?: any;
+    runId?: string;
+    workflowInfo?: any;
+};
+export declare function TemplateInstallation({ name, streamResult, runId, workflowInfo }: TemplateInstallationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/templates/template-success.d.ts

@@ -0,0 +1,9 @@
+import { KeyValueListItemData } from '../../components/ui/elements';
+type TemplateSuccessProps = {
+    name: string;
+    entities?: string[];
+    installedEntities?: KeyValueListItemData[];
+    linkComponent: any;
+};
+export declare function TemplateSuccess({ name, installedEntities, linkComponent }: TemplateSuccessProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/templates/templates-list.d.ts

@@ -0,0 +1,22 @@
+type Template = {
+    slug: string;
+    title: string;
+    description: string;
+    imageURL?: string;
+    githubUrl: string;
+    tags: string[];
+    agents?: string[];
+    tools?: string[];
+    networks?: string[];
+    workflows?: string[];
+    mcp?: string[];
+    supportedProviders: string[];
+};
+type TemplatesListProps = {
+    templates: Template[];
+    linkComponent?: React.ElementType;
+    className?: string;
+    isLoading?: boolean;
+};
+export declare function TemplatesList({ templates, linkComponent, className, isLoading }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/templates/templates-tools.d.ts

@@ -0,0 +1,21 @@
+type TemplatesToolsProps = {
+    selectedTag: string;
+    onTagChange: (value: string) => void;
+    tagOptions: {
+        value: string;
+        label: string;
+    }[];
+    selectedProvider: string;
+    providerOptions: {
+        value: string;
+        label: string;
+    }[];
+    onProviderChange: (value: string) => void;
+    searchTerm?: string;
+    onSearchChange?: (value: string) => void;
+    onReset?: () => void;
+    className?: string;
+    isLoading?: boolean;
+};
+export declare function TemplatesTools({ tagOptions, selectedTag, providerOptions, selectedProvider, onTagChange, onProviderChange, searchTerm, onSearchChange, onReset, className, isLoading, }: TemplatesToolsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/workflows/context/use-current-run.d.ts

@@ -9,7 +9,6 @@ export type Step = {
 };
 type UseCurrentRunReturnType = {
     steps: Record<string, Step>;
-    isRunning: boolean;
     runId?: string;
 };
 export declare const useCurrentRun: () => UseCurrentRunReturnType;

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

@@ -2,6 +2,7 @@ import { NodeProps, Node } from '@xyflow/react';
 import { Condition } from './utils';
 export type ConditionNode = Node<{
     conditions: Condition[];
+    withoutTopHandle?: boolean;
     previousStepId: string;
     nextStepId: string;
     mapConfig?: string;

package/dist/src/hooks/use-workflow-runs.d.ts

@@ -1,4 +1,6 @@
-export declare const useWorkflowRuns: (workflowId: string) => {
+export declare const useWorkflowRuns: (workflowId: string, { enabled }?: {
+    enabled?: boolean;
+}) => {
     runs: import('@mastra/core').WorkflowRuns | null;
     isLoading: boolean;
 };

package/dist/src/index.d.ts

@@ -4,6 +4,7 @@ export * from './domains/networks/index';
 export * from './domains/scores/index';
 export * from './domains/tools/index';
 export * from './domains/workflows/index';
+export * from './domains/templates/index';
 export * from './domains/traces/index';
 export * from './domains/resizable-panel';
 export * from './components/dynamic-form/index';
@@ -12,6 +13,7 @@ export * from './components/ui/containers';
 export * from './components/threads';
 export * from './components/ui/entity-header';
 export * from './components/ui/playground-tabs';
+export * from './components/ui/elements';
 export * from './types';
 export * from './ds/components/Badge/index';
 export * from './ds/components/Button/index';

package/dist/src/lib/file/constants.d.ts

@@ -0,0 +1 @@
+export declare const EXTENSION_TO_MIME: Record<string, string>;

package/dist/src/lib/file/contentTypeFromUrl.d.ts

@@ -0,0 +1 @@
+export declare const getFileContentType: (url: string) => Promise<string | undefined>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "6.0.0",
+  "version": "6.1.0-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -99,7 +99,7 @@
     "use-debounce": "^10.0.5",
     "zod": "^4.1.5",
     "zustand": "^5.0.7",
-    "@mastra/client-js": "^0.11.3"
+    "@mastra/client-js": "^0.12.0-alpha.0"
   },
   "peerDependencies": {
     "@mastra/core": ">=0.15.3-0 <0.16.0-0",
@@ -127,7 +127,7 @@
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.15.3"
+    "@mastra/core": "0.16.0-alpha.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {