@mastra/playground-ui 0.0.1-alpha.2

package/dist/lib/pagination/types.d.ts

@@ -0,0 +1,11 @@
+export type PaginationParams = {
+    limit?: number;
+    offset?: number;
+    duration?: number;
+};
+export type PaginationResult = {
+    total: number;
+    offset: number;
+    limit: number;
+    hasMore: boolean;
+};

package/dist/lib/polls.d.ts

@@ -0,0 +1,32 @@
+export interface PollingOptions<TData, TError = Error> {
+    /** Async function that fetches the data */
+    fetchFn: () => Promise<TData>;
+    /** Polling interval in milliseconds */
+    interval?: number;
+    /** Whether polling is enabled initially */
+    enabled?: boolean;
+    /** Callback function called with new data */
+    onSuccess?: (data: TData) => void;
+    /** Callback function called on error */
+    onError?: (error: TError) => void;
+    /** Function to determine if polling should continue */
+    shouldContinue?: (data: TData) => boolean;
+}
+export interface PollingResult<TData, TError> {
+    /** Current polling status */
+    isPolling: boolean;
+    /** Loading state for current request */
+    isLoading: boolean;
+    /** Loading state for first call */
+    firstCallLoading: boolean;
+    /** Current error state */
+    error: TError | null;
+    /** Latest data received */
+    data: TData | null;
+    /** Function to start polling */
+    startPolling: () => void;
+    /** Function to stop polling */
+    stopPolling: () => void;
+}
+export declare function usePolling<TData, TError = Error>({ fetchFn, interval, enabled, onSuccess, onError, shouldContinue, }: PollingOptions<TData, TError>): PollingResult<TData, TError>;
+export default usePolling;

package/dist/lib/string.d.ts

@@ -0,0 +1 @@
+export declare const lodashTitleCase: (str: string) => string;

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/services/mastra-runtime-provider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from '../../node_modules/@types/react';
+import { ChatProps } from '../types';
+
+export declare function MastraRuntimeProvider({ children, agentId, initialMessages, agentName, memory, threadId, baseUrl, refreshThreadList, }: Readonly<{
+    children: ReactNode;
+}> & ChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/types.d.ts

@@ -0,0 +1,58 @@
+export interface Message {
+    id: string;
+    role: 'user' | 'assistant';
+    content: any;
+    isError?: boolean;
+}
+export interface ChatProps {
+    agentId: string;
+    agentName?: string;
+    threadId?: string;
+    initialMessages?: Message[];
+    memory?: boolean;
+    baseUrl?: string;
+    refreshThreadList?: () => void;
+}
+export type SpanStatus = {
+    code: number;
+};
+export type SpanOther = {
+    droppedAttributesCount: number;
+    droppedEventsCount: number;
+    droppedLinksCount: number;
+};
+export type SpanEvent = {
+    attributes: Record<string, string | number | boolean | null>[];
+    name: string;
+    timeUnixNano: string;
+    droppedAttributesCount: number;
+};
+export type Span = {
+    id: string;
+    parentSpanId: string | null;
+    traceId: string;
+    name: string;
+    scope: string;
+    kind: number;
+    status: SpanStatus;
+    events: SpanEvent[];
+    links: any[];
+    attributes: Record<string, string | number | boolean | null>;
+    startTime: number;
+    endTime: number;
+    duration: number;
+    other: SpanOther;
+    createdAt: string;
+};
+export type SpanNode = Span & {
+    children: SpanNode[];
+    relativePercentage?: number;
+};
+export type RefinedTrace = {
+    traceId: string;
+    serviceName: string;
+    duration: number;
+    started: number;
+    status: SpanStatus;
+    trace: Span[];
+};

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@mastra/playground-ui",
+  "type": "module",
+  "version": "0.0.1-alpha.2",
+  "description": "Mastra Playground components",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "keywords": [
+    "mastra",
+    "playground",
+    "components"
+  ],
+  "author": "Mastra",
+  "license": "ISC",
+  "dependencies": {
+    "@assistant-ui/react": "^0.7.90",
+    "@assistant-ui/react-markdown": "^0.7.21",
+    "@assistant-ui/react-syntax-highlighter": "^0.7.10",
+    "@codemirror/lang-json": "^6.0.1",
+    "@dagrejs/dagre": "^1.1.4",
+    "@lezer/highlight": "^1.2.1",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@tanstack/react-table": "^8.21.2",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@uiw/codemirror-theme-github": "^4.23.8",
+    "@uiw/react-codemirror": "^4.23.8",
+    "@xyflow/react": "^12.3.6",
+    "date-fns": "^4.1.0",
+    "motion": "^12.4.2",
+    "prism-react-renderer": "^2.4.0",
+    "rehype-stringify": "^10.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.1",
+    "react-markdown": "^9.0.1",
+    "react-resizable-panels": "^2.1.7",
+    "react-syntax-highlighter": "^15.6.1",
+    "remeda": "^2.20.1",
+    "shiki": "^1.24.2",
+    "sonner": "^2.0.1",
+    "swr": "^2.2.5",
+    "tailwindcss-animate": "^1.0.7",
+    "unified": "^11.0.5",
+    "zustand": "^5.0.3",
+    "@mastra/client-js": "^0.1.5-alpha.3"
+  },
+  "peerDependencies": {
+    "lucide-react": "^0.474.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "tailwindcss": "^3.0.0",
+    "@mastra/core": "^0.4.3-alpha.3"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.1",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.20",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "postcss": "^8.0.0",
+    "rollup-plugin-node-externals": "^8.0.0",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "^3.0.0",
+    "typescript": "^5.7.3",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.7.0",
+    "vite-plugin-lib-inject-css": "^2.2.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "build:watch": "vite build --watch",
+    "build:publish": "pnpm build && yalc push",
+    "preview": "vite preview"
+  }
+}