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

package/dist/lib/polls.d.ts

@@ -11,6 +11,8 @@ export interface PollingOptions<TData, TError = Error> {
     onError?: (error: TError) => void;
     /** Function to determine if polling should continue */
     shouldContinue?: (data: TData) => boolean;
+    /** Restarts the polling when true */
+    restartPolling?: boolean;
 }
 export interface PollingResult<TData, TError> {
     /** Current polling status */
@@ -27,6 +29,8 @@ export interface PollingResult<TData, TError> {
     startPolling: () => void;
     /** Function to stop polling */
     stopPolling: () => void;
+    /** Refetch the data on demand with/without polling. default is false */
+    refetch: (withPolling?: boolean) => void;
 }
-export declare function usePolling<TData, TError = Error>({ fetchFn, interval, enabled, onSuccess, onError, shouldContinue, }: PollingOptions<TData, TError>): PollingResult<TData, TError>;
+export declare function usePolling<TData, TError = Error>({ fetchFn, interval, enabled, onSuccess, onError, shouldContinue, restartPolling, }: PollingOptions<TData, TError>): PollingResult<TData, TError>;
 export default usePolling;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "2.0.1-alpha.1",
+  "version": "2.0.1-alpha.2",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -75,14 +75,14 @@
     "use-debounce": "^10.0.4",
     "zod": "^3.24.2",
     "zustand": "^5.0.3",
-    "@mastra/client-js": "^0.1.9-alpha.1"
+    "@mastra/client-js": "^0.1.9-alpha.2"
   },
   "peerDependencies": {
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/core": "^0.6.1-alpha.1"
+    "@mastra/core": "^0.6.1-alpha.2"
   },
   "devDependencies": {
     "@types/node": "^22.13.10",

package/dist/chat-ui/chat-items.d.ts

@@ -1,52 +0,0 @@
-import { default as React, ReactElement } from '../../node_modules/@types/react';
-import { Message } from './chat-message';
-
-interface ChatPropsBase {
-    handleSubmit: (event?: {
-        preventDefault?: () => void;
-    }, options?: {
-        experimental_attachments?: FileList;
-    }) => void;
-    messages: Array<Message>;
-    input: string;
-    className?: string;
-    handleInputChange: React.ChangeEventHandler<HTMLTextAreaElement>;
-    isGenerating: boolean;
-    stop?: () => void;
-    onRateResponse?: (messageId: string, rating: 'thumbs-up' | 'thumbs-down') => void;
-}
-interface ChatPropsWithoutSuggestions extends ChatPropsBase {
-    append?: never;
-    suggestions?: never;
-}
-interface ChatPropsWithSuggestions extends ChatPropsBase {
-    append: (message: {
-        role: 'user';
-        content: string;
-    }) => void;
-    suggestions: string[];
-}
-type ChatProps = ChatPropsWithoutSuggestions | ChatPropsWithSuggestions;
-export declare function Chat({ messages, handleSubmit, input, handleInputChange, stop, isGenerating, append, suggestions, className, onRateResponse, }: ChatProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Chat {
-    var displayName: string;
-}
-export declare function ChatMessages({ messages, children, }: React.PropsWithChildren<{
-    messages: Message[];
-}>): import("react/jsx-runtime").JSX.Element;
-export declare const ChatContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-interface ChatFormProps {
-    className?: string;
-    isPending: boolean;
-    handleSubmit: (event?: {
-        preventDefault?: () => void;
-    }, options?: {
-        experimental_attachments?: FileList;
-    }) => void;
-    children: (props: {
-        files: File[] | null;
-        setFiles: React.Dispatch<React.SetStateAction<File[] | null>>;
-    }) => ReactElement;
-}
-export declare const ChatForm: React.ForwardRefExoticComponent<ChatFormProps & React.RefAttributes<HTMLFormElement>>;
-export {};

package/dist/chat-ui/chat-message.d.ts

@@ -1,30 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { default as React } from '../../node_modules/@types/react';
-
-declare const chatBubbleVariants: (props?: ({
-    isUser?: boolean | null | undefined;
-    isError?: boolean | null | undefined;
-    animation?: "none" | "scale" | "slide" | "fade" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type Animation = VariantProps<typeof chatBubbleVariants>['animation'];
-interface Attachment {
-    name?: string;
-    contentType?: string;
-    url: string;
-}
-export interface Message {
-    id?: string;
-    role?: 'user' | 'assistant';
-    content: string;
-    isError?: boolean;
-    createdAt?: Date;
-}
-export interface ChatMessageProps extends Message {
-    showTimeStamp?: boolean;
-    animation?: Animation;
-    actions?: React.ReactNode;
-    className?: string;
-    experimental_attachments?: Attachment[];
-}
-export declare const ChatMessage: React.FC<ChatMessageProps>;
-export {};

package/dist/chat-ui/chat.d.ts

@@ -1,3 +0,0 @@
-import { ChatProps } from './types';
-
-export declare function Chat({ agentId, initialMessages, agentName, threadId, memory, buildUrl }: ChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/chat-ui/copy-button.d.ts

@@ -1,7 +0,0 @@
-type CopyButtonProps = {
-    content: string;
-    copyMessage?: string;
-    classname?: string;
-};
-export declare function CopyButton({ content, copyMessage, classname }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/chat-ui/file-preview.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from '../../node_modules/@types/react';
-
-interface FilePreviewProps {
-    file: File;
-    onRemove?: () => void;
-}
-export declare const FilePreview: React.ForwardRefExoticComponent<FilePreviewProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/chat-ui/hooks/use-auto-scroll.d.ts

@@ -1,7 +0,0 @@
-export declare function useAutoScroll(dependencies: React.DependencyList): {
-    containerRef: import('../../../node_modules/@types/react').RefObject<HTMLDivElement | null>;
-    scrollToBottom: () => void;
-    handleScroll: () => void;
-    shouldAutoScroll: boolean;
-    handleTouchStart: () => void;
-};

package/dist/chat-ui/hooks/use-autosize-textarea.d.ts

@@ -1,8 +0,0 @@
-interface UseAutosizeTextAreaProps {
-    ref: React.RefObject<HTMLTextAreaElement>;
-    maxHeight?: number;
-    borderWidth?: number;
-    dependencies: React.DependencyList;
-}
-export declare function useAutosizeTextArea({ ref, maxHeight, borderWidth, dependencies, }: UseAutosizeTextAreaProps): void;
-export {};

package/dist/chat-ui/hooks/use-copy-to-clipboard.d.ts

@@ -1,10 +0,0 @@
-type UseCopyToClipboardProps = {
-    text: string;
-    copyMessage?: string;
-};
-export declare function useCopyToClipboard({ text, copyMessage }: UseCopyToClipboardProps): {
-    isCopied: boolean;
-    handleCopy: () => void;
-    error: string;
-};
-export {};

package/dist/chat-ui/markdown-renderer.d.ts

@@ -1,88 +0,0 @@
-import { default as React } from '../../node_modules/@types/react';
-
-interface MarkdownRendererProps {
-    children?: string;
-}
-export declare function MarkdownRenderer({ children }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
-interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {
-    children: React.ReactNode;
-    className?: string;
-    language: string;
-}
-export declare const CodeBlock: ({ children, className, language, ...restProps }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
-export declare const COMPONENTS: {
-    h1: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    h2: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    h3: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    h4: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    h5: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    strong: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    a: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    blockquote: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    code: ({ children, className, ...rest }: {
-        children?: React.ReactNode;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    pre: ({ children }: any) => any;
-    ol: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    ul: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    li: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    table: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    th: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    td: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    tr: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    p: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-    hr: {
-        ({ node, ...props }: any): import("react/jsx-runtime").JSX.Element;
-        displayName: any;
-    };
-};
-export default MarkdownRenderer;

package/dist/chat-ui/markdown.d.ts

@@ -1,4 +0,0 @@
-export declare const MarkdownCodeBlock: ({ node, inline, className, children, ...props }: any) => import("react/jsx-runtime").JSX.Element;
-export declare const Markdown: import('../../node_modules/@types/react').MemoExoticComponent<({ children }: {
-    children?: string;
-}) => import("react/jsx-runtime").JSX.Element>;

package/dist/chat-ui/message-input.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from '../../node_modules/@types/react';
-
-interface MessageInputBaseProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    value: string;
-    submitOnEnter?: boolean;
-    stop?: () => void;
-    isGenerating: boolean;
-}
-interface MessageInputWithoutAttachmentProps extends MessageInputBaseProps {
-    allowAttachments?: false;
-}
-interface MessageInputWithAttachmentsProps extends MessageInputBaseProps {
-    allowAttachments: true;
-    files: File[] | null;
-    setFiles: React.Dispatch<React.SetStateAction<File[] | null>>;
-}
-type MessageInputProps = MessageInputWithoutAttachmentProps | MessageInputWithAttachmentsProps;
-export declare function MessageInput({ placeholder, className, onKeyDown: onKeyDownProp, submitOnEnter, stop, isGenerating, ...props }: MessageInputProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace MessageInput {
-    var displayName: string;
-}
-export {};

package/dist/chat-ui/message-list.d.ts

@@ -1,11 +0,0 @@
-import { ChatMessageProps, Message } from './chat-message';
-
-type AdditionalMessageOptions = Omit<ChatMessageProps, keyof Message>;
-interface MessageListProps {
-    messages: Message[];
-    showTimeStamps?: boolean;
-    isTyping?: boolean;
-    messageOptions?: AdditionalMessageOptions | ((message: Message) => AdditionalMessageOptions);
-}
-export declare function MessageList({ messages, showTimeStamps, isTyping, messageOptions }: MessageListProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/chat-ui/prompt-suggestions.d.ts

@@ -1,11 +0,0 @@
-interface PromptSuggestionsProps {
-    label: string;
-    append: (message: {
-        role: 'user';
-        content: string;
-    }) => void;
-    suggestions: string[];
-    memoryIsPresent?: boolean;
-}
-export declare function PromptSuggestions({ append, suggestions, memoryIsPresent }: PromptSuggestionsProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/chat-ui/syntax-highlighter.d.ts

@@ -1 +0,0 @@
-export declare function highlight(code: string, language: string): Promise<import('shiki').ThemedToken[][] | null>;

package/dist/chat-ui/types.d.ts

@@ -1,14 +0,0 @@
-export interface Message {
-    id: string;
-    role: 'user' | 'assistant';
-    content: string;
-    isError?: boolean;
-}
-export interface ChatProps {
-    agentId: string;
-    agentName?: string;
-    threadId?: string;
-    initialMessages?: Message[];
-    memory?: boolean;
-    buildUrl?: string;
-}

package/dist/chat-ui/typing-indicator.d.ts

@@ -1 +0,0 @@
-export declare function TypingIndicator(): import("react/jsx-runtime").JSX.Element;