@mastra/playground-ui 20.0.1-alpha.2 → 20.0.2-alpha.0

package/dist/src/ds/components/DataList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-list';
+export * from './data-list-skeleton';

package/dist/src/ds/components/DataList/shared.d.ts

@@ -0,0 +1 @@
+export declare const dataListRowStyles: readonly ["data-list-row grid grid-cols-subgrid gap-10 col-span-full px-5 outline-none cursor-pointer border-y border-b-border1 border-t-transparent", "hover:bg-surface4 hover:border-transparent focus-visible:bg-surface4 focus-visible:border-transparent focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1", "[.data-list-row:hover+&]:border-t-transparent [.data-list-row:focus-visible+&]:border-t-transparent", "transition-colors duration-200 rounded-lg"];

package/dist/src/ds/components/FormFieldBlocks/fields/search-field-block.d.ts

@@ -1,3 +1,4 @@
+import { InputProps } from '../../Input';
 export type SearchFieldBlockProps = {
     name: string;
     testId?: string;
@@ -14,5 +15,6 @@ export type SearchFieldBlockProps = {
     errorMsg?: string;
     layout?: 'horizontal' | 'vertical';
     className?: string;
+    size?: InputProps['size'];
 };
-export declare function SearchFieldBlock({ name, helpText, errorMsg, required, disabled, value, label, labelIsHidden, layout, placeholder, onChange, onReset, className, }: SearchFieldBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchFieldBlock({ name, helpText, errorMsg, required, disabled, value, label, labelIsHidden, layout, placeholder, onChange, onReset, className, size, }: SearchFieldBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ListSearch/list-search.d.ts

@@ -1,7 +1,9 @@
+import { InputProps } from '../Input';
 export type ListSearchProps = {
     onSearch: (search: string) => void;
     label: string;
     placeholder: string;
     debounceMs?: number;
+    size?: InputProps['size'];
 };
-export declare const ListSearch: ({ onSearch, label, placeholder, debounceMs }: ListSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListSearch: ({ onSearch, label, placeholder, debounceMs, size }: ListSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/LogsDataList/index.d.ts

@@ -0,0 +1,2 @@
+export { LogsDataList } from './logs-data-list';
+export { DataListSkeleton as LogsDataListSkeleton } from '../DataList';

package/dist/src/ds/components/LogsDataList/logs-data-list-cells.d.ts

@@ -0,0 +1,26 @@
+import { LogLevel } from '../../../domains/logs/types';
+export interface LogsDataListLevelCellProps {
+    level: LogLevel;
+}
+export declare function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps): import("react/jsx-runtime").JSX.Element;
+export interface LogsDataListDateCellProps {
+    timestamp: Date | string;
+}
+export declare function LogsDataListDateCell({ timestamp }: LogsDataListDateCellProps): import("react/jsx-runtime").JSX.Element;
+export interface LogsDataListTimeCellProps {
+    timestamp: Date | string;
+}
+export declare function LogsDataListTimeCell({ timestamp }: LogsDataListTimeCellProps): import("react/jsx-runtime").JSX.Element;
+export interface LogsDataListEntityCellProps {
+    entityType?: string | null;
+    entityName?: string | null;
+}
+export declare function LogsDataListEntityCell({ entityType, entityName }: LogsDataListEntityCellProps): import("react/jsx-runtime").JSX.Element;
+export interface LogsDataListMessageCellProps {
+    message: string;
+}
+export declare function LogsDataListMessageCell({ message }: LogsDataListMessageCellProps): import("react/jsx-runtime").JSX.Element;
+export interface LogsDataListDataCellProps {
+    data?: Record<string, unknown> | null;
+}
+export declare function LogsDataListDataCell({ data }: LogsDataListDataCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/LogsDataList/logs-data-list.d.ts

@@ -0,0 +1,26 @@
+import { DataListNextPageLoading } from '../DataList/data-list-next-page-loading';
+import { DataListNoMatch } from '../DataList/data-list-no-match';
+import { DataListRoot } from '../DataList/data-list-root';
+import { DataListRow } from '../DataList/data-list-row';
+import { DataListRowButton } from '../DataList/data-list-row-button';
+import { DataListRowLink } from '../DataList/data-list-row-link';
+import { DataListTop } from '../DataList/data-list-top';
+import { DataListTopCellWithTooltip, DataListTopCellSmart } from '../DataList/data-list-top-cell';
+import { LogsDataListLevelCell, LogsDataListDateCell, LogsDataListTimeCell, LogsDataListEntityCell, LogsDataListMessageCell, LogsDataListDataCell } from './logs-data-list-cells';
+export declare const LogsDataList: typeof DataListRoot & {
+    Top: typeof DataListTop;
+    TopCell: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('../DataList/data-list-top-cell').DataListTopCellProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLSpanElement>>;
+    TopCellWithTooltip: typeof DataListTopCellWithTooltip;
+    TopCellSmart: typeof DataListTopCellSmart;
+    Row: typeof DataListRow;
+    RowButton: typeof DataListRowButton;
+    RowLink: typeof DataListRowLink;
+    NoMatch: typeof DataListNoMatch;
+    DateCell: typeof LogsDataListDateCell;
+    TimeCell: typeof LogsDataListTimeCell;
+    LevelCell: typeof LogsDataListLevelCell;
+    EntityCell: typeof LogsDataListEntityCell;
+    MessageCell: typeof LogsDataListMessageCell;
+    DataCell: typeof LogsDataListDataCell;
+    NextPageLoading: typeof DataListNextPageLoading;
+};

package/dist/src/index.d.ts

@@ -9,6 +9,7 @@ export * from './domains/templates/index';
 export * from './domains/metrics/index';
 export * from './domains/observability/index';
 export * from './domains/datasets/index';
+export * from './domains/logs/index';
 export * from './domains/evaluation/index';
 export * from './ds/components/Threads';
 export * from './types';
@@ -82,7 +83,10 @@ export * from './ds/components/ItemList';
 export * from './ds/components/Notice';
 export * from './ds/components/Chip';
 export * from './ds/components/Tree';
+export * from './ds/components/DataFilter';
+export * from './ds/components/DataList';
 export * from './ds/components/EntityList';
+export * from './ds/components/LogsDataList';
 export * from './ds/components/EntityListPageLayout';
 export * from './ds/components/ListSearch';
 export * from './ds/components/ErrorState';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "20.0.1-alpha.2",
+  "version": "20.0.2-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -120,9 +120,9 @@
     "tailwindcss": "^4.0.0",
     "zod": "^3.25.0 || ^4.0.0",
     "@mastra/ai-sdk": "^1.3.0",
-    "@mastra/client-js": "^1.11.1-alpha.2",
-    "@mastra/react": "0.2.19-alpha.2",
-    "@mastra/schema-compat": "1.2.7"
+    "@mastra/react": "0.2.20-alpha.0",
+    "@mastra/schema-compat": "1.2.7",
+    "@mastra/client-js": "^1.11.2-alpha.0"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.20",
@@ -154,11 +154,11 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.0.18",
     "zod": "^4.3.6",
+    "@internal/lint": "0.0.76",
     "@mastra/ai-sdk": "^1.3.0",
-    "@internal/lint": "0.0.75",
-    "@mastra/core": "1.19.0-alpha.2",
-    "@mastra/react": "0.2.19-alpha.2",
-    "@mastra/client-js": "^1.11.1-alpha.2",
+    "@mastra/client-js": "^1.11.2-alpha.0",
+    "@mastra/react": "0.2.20-alpha.0",
+    "@mastra/core": "1.20.0-alpha.0",
     "@mastra/schema-compat": "1.2.7"
   },
   "homepage": "https://mastra.ai",