@mastra/playground-ui 10.0.0 → 11.0.0

package/dist/src/ds/components/ItemList/item-list-skeleton.d.ts

@@ -0,0 +1,2 @@
+import { ItemListItemsSkeletonProps } from './item-list-items-skeleton';
+export declare function ItemListSkeleton({ columns, numberOfRows }: ItemListItemsSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ItemList/item-list-status-cell.d.ts

@@ -0,0 +1,4 @@
+export type ItemListStatusCellProps = {
+    status?: string;
+};
+export declare function ItemListStatusCell({ status }: ItemListStatusCellProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/ds/components/ItemList/item-list-text-cell.d.ts

@@ -0,0 +1,6 @@
+export type ItemListTextCellProps = {
+    children: React.ReactNode;
+    isLoading?: boolean;
+    className?: string;
+};
+export declare function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ItemList/item-list.d.ts

@@ -0,0 +1,27 @@
+import { ItemListRoot } from './item-list-root';
+import { ItemListHeader } from './item-list-header';
+import { ItemListHeaderCol } from './item-list-header-col';
+import { ItemListItems } from './item-list-items';
+import { ItemListRow } from './item-list-row';
+import { ItemListRowButton } from './item-list-row-button';
+import { ItemListMessage } from './item-list-message';
+import { ItemListNextPageLoading } from './item-list-next-page-loading';
+import { ItemListPagination } from './item-list-pagination';
+import { ItemListItemsScroller } from './item-list-items-scroller';
+import { ItemListTextCell } from './item-list-text-cell';
+import { ItemListStatusCell } from './item-list-status-cell';
+import { ItemListFlexCell } from './item-list-flex-cell';
+export declare const ItemList: typeof ItemListRoot & {
+    Header: typeof ItemListHeader;
+    HeaderCol: typeof ItemListHeaderCol;
+    Items: typeof ItemListItems;
+    Scroller: typeof ItemListItemsScroller;
+    Row: typeof ItemListRow;
+    RowButton: typeof ItemListRowButton;
+    Message: typeof ItemListMessage;
+    NextPageLoading: typeof ItemListNextPageLoading;
+    Pagination: typeof ItemListPagination;
+    TextCell: typeof ItemListTextCell;
+    StatusCell: typeof ItemListStatusCell;
+    FlexCell: typeof ItemListFlexCell;
+};

package/dist/src/ds/components/ItemList/item-list.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ItemList } from './item-list';
+declare const meta: Meta<typeof ItemList>;
+export default meta;
+type Story = StoryObj<typeof ItemList>;
+export declare const Default: Story;
+export declare const WithSelectedItem: Story;
+export declare const EmptyList: Story;
+export declare const WithPagination: Story;
+export declare const AgentsList: Story;

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

@@ -0,0 +1,2 @@
+import { ItemListColumn } from './types';
+export declare function getItemListColumnTemplate(columns?: ItemListColumn[]): string;

package/dist/src/ds/components/ItemList/types.d.ts

@@ -0,0 +1,5 @@
+export type ItemListColumn = {
+    name: string;
+    label: string;
+    size: string;
+};

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

@@ -0,0 +1 @@
+export * from './list-and-details';

package/dist/src/ds/components/ListAndDetails/list-and-details-close-button.d.ts

@@ -0,0 +1,6 @@
+export type ListAndDetailsCloseButtonProps = {
+    onClick: () => void;
+    'aria-label'?: string;
+    label?: string;
+};
+export declare function ListAndDetailsCloseButton({ onClick, 'aria-label': ariaLabel, label, }: ListAndDetailsCloseButtonProps): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details-column-content.d.ts

@@ -0,0 +1,5 @@
+export type ListAndDetailsColumnContentProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare function ListAndDetailsColumnContent({ children, className, }: ListAndDetailsColumnContentProps): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details-column-toolbar.d.ts

@@ -0,0 +1,5 @@
+export type ListAndDetailsColumnToolbarProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare function ListAndDetailsColumnToolbar({ children, className, }: ListAndDetailsColumnToolbarProps): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details-column.d.ts

@@ -0,0 +1,5 @@
+export type ListAndDetailsColumnProps = {
+    children?: React.ReactNode;
+    type?: 'list' | 'details' | 'secondDetails';
+};
+export declare function ListAndDetailsColumn({ children }: ListAndDetailsColumnProps): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details-details.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../node_modules/@types/react';
+export type ListAndDetailsDetailsProps = {
+    children?: React.ReactNode;
+    numOfColumns?: number;
+};
+export declare function ListAndDetailsDetails({ children, numOfColumns }: ListAndDetailsDetailsProps): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details-list.d.ts

@@ -0,0 +1,5 @@
+export type ListAndDetailsListProps = {
+    children?: React.ReactNode;
+    isTopFixed?: boolean;
+};
+export declare function ListAndDetailsList({ children, isTopFixed }: ListAndDetailsListProps): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details-next-prev-navigation.d.ts

@@ -0,0 +1,7 @@
+export type ListAndDetailsNextPrevNavigationProps = {
+    onPrevious?: () => void;
+    onNext?: () => void;
+    previousAriaLabel?: string;
+    nextAriaLabel?: string;
+};
+export declare function ListAndDetailsNextPrevNavigation({ onPrevious, onNext, previousAriaLabel, nextAriaLabel, }: ListAndDetailsNextPrevNavigationProps): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details-root.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from '../../../../node_modules/@types/react';
+export type ListAndDetailsRootProps = {
+    children: React.ReactNode;
+    isDetailsActive?: boolean;
+    className?: string;
+};
+export declare function ListAndDetailsRoot({ children, isDetailsActive, className, }: ListAndDetailsRootProps): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details-separator.d.ts

@@ -0,0 +1,3 @@
+export declare function ListAndDetailsSeparator({ className }: {
+    className?: string;
+}): React.JSX.Element;

package/dist/src/ds/components/ListAndDetails/list-and-details.d.ts

@@ -0,0 +1,25 @@
+import { ListAndDetailsRoot } from './list-and-details-root';
+import { ListAndDetailsSeparator } from './list-and-details-separator';
+import { ListAndDetailsList } from './list-and-details-list';
+import { ListAndDetailsDetails } from './list-and-details-details';
+import { ListAndDetailsColumn } from './list-and-details-column';
+import { ListAndDetailsColumnToolbar } from './list-and-details-column-toolbar';
+import { ListAndDetailsColumnContent } from './list-and-details-column-content';
+import { ListAndDetailsNextPrevNavigation } from './list-and-details-next-prev-navigation';
+import { ListAndDetailsCloseButton } from './list-and-details-close-button';
+export { type ListAndDetailsRootProps } from './list-and-details-root';
+export { type ListAndDetailsColumnProps } from './list-and-details-column';
+export { type ListAndDetailsColumnToolbarProps } from './list-and-details-column-toolbar';
+export { type ListAndDetailsColumnContentProps } from './list-and-details-column-content';
+export { type ListAndDetailsNextPrevNavigationProps } from './list-and-details-next-prev-navigation';
+export { type ListAndDetailsCloseButtonProps } from './list-and-details-close-button';
+export declare const ListAndDetails: typeof ListAndDetailsRoot & {
+    Separator: typeof ListAndDetailsSeparator;
+    List: typeof ListAndDetailsList;
+    Details: typeof ListAndDetailsDetails;
+    Column: typeof ListAndDetailsColumn;
+    ColumnToolbar: typeof ListAndDetailsColumnToolbar;
+    ColumnContent: typeof ListAndDetailsColumnContent;
+    NextPrevNavigation: typeof ListAndDetailsNextPrevNavigation;
+    CloseButton: typeof ListAndDetailsCloseButton;
+};

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

@@ -0,0 +1 @@
+export * from './main-header';

package/dist/src/ds/components/MainHeader/main-header-column.d.ts

@@ -0,0 +1,5 @@
+export type MainHeaderColumnProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare function MainHeaderColumn({ children, className }: MainHeaderColumnProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MainHeader/main-header-description.d.ts

@@ -0,0 +1,6 @@
+export type MainHeaderDescriptionProps = {
+    children?: React.ReactNode;
+    isLoading?: boolean;
+    titleWithIcon?: boolean;
+};
+export declare function MainHeaderDescription({ children, isLoading, titleWithIcon }: MainHeaderDescriptionProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MainHeader/main-header-root.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from '../../../../node_modules/@types/react';
+export interface MainHeaderRootProps {
+    children?: React.ReactNode;
+    title?: string | 'loading';
+    description?: string | 'loading';
+    icon?: React.ReactNode;
+    withMargins?: boolean;
+    className?: string;
+}
+export declare function MainHeaderRoot({ children, title, description, icon, className, withMargins, }: MainHeaderRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MainHeader/main-header-title.d.ts

@@ -0,0 +1,6 @@
+export type MainHeaderTitleProps = {
+    children?: React.ReactNode;
+    isLoading?: boolean;
+    size?: 'default' | 'smaller';
+};
+export declare function MainHeaderTitle({ children, isLoading, size }: MainHeaderTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MainHeader/main-header.d.ts

@@ -0,0 +1,13 @@
+import { MainHeaderRoot } from './main-header-root';
+import { MainHeaderTitle } from './main-header-title';
+import { MainHeaderDescription } from './main-header-description';
+import { MainHeaderColumn } from './main-header-column';
+export { type MainHeaderRootProps } from './main-header-root';
+export { type MainHeaderTitleProps } from './main-header-title';
+export { type MainHeaderDescriptionProps } from './main-header-description';
+export { type MainHeaderColumnProps } from './main-header-column';
+export declare const MainHeader: typeof MainHeaderRoot & {
+    Title: typeof MainHeaderTitle;
+    Description: typeof MainHeaderDescription;
+    Column: typeof MainHeaderColumn;
+};

package/dist/src/ds/components/MainHeader/main-header.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MainHeader } from './main-header';
+declare const meta: Meta<typeof MainHeader>;
+export default meta;
+type Story = StoryObj<typeof MainHeader>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const WithIcon: Story;
+export declare const WithIcons: Story;
+export declare const Loading: Story;
+export declare const LongDescription: Story;
+export declare const WithSecondColumn: Story;

package/dist/src/ds/components/MainSidebar/main-sidebar-nav-link.d.ts

@@ -7,6 +7,7 @@ export type NavLink = {
     variant?: 'default' | 'featured';
     tooltipMsg?: string;
     isOnMastraPlatform: boolean;
+    isExperimental?: boolean;
 };
 export type MainSidebarNavLinkProps = {
     link?: NavLink;

package/dist/src/ds/components/Notice/Notice.d.ts

@@ -0,0 +1,13 @@
+import { NoticeRoot } from './notice-root';
+import { NoticeMessage } from './notice-message';
+import { NoticeButton } from './notice-button';
+import { NoticeTitle } from './notice-title';
+import { NoticeColumn } from './notice-column';
+export { type NoticeVariant, type NoticeRootProps } from './notice-root';
+export { type NoticeMessageProps } from './notice-message';
+export declare const Notice: typeof NoticeRoot & {
+    Message: typeof NoticeMessage;
+    Button: typeof NoticeButton;
+    Title: typeof NoticeTitle;
+    Column: typeof NoticeColumn;
+};

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

@@ -0,0 +1 @@
+export * from './Notice';

package/dist/src/ds/components/Notice/notice-button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../Button';
+export declare function NoticeButton(props: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Notice/notice-column.d.ts

@@ -0,0 +1,5 @@
+export interface NoticeMessageProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function NoticeColumn({ children, className }: NoticeMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Notice/notice-message.d.ts

@@ -0,0 +1,5 @@
+export interface NoticeMessageProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function NoticeMessage({ children, className }: NoticeMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Notice/notice-root.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from '../../../../node_modules/@types/react';
+export type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info';
+export interface NoticeRootProps {
+    children: React.ReactNode;
+    variant: NoticeVariant;
+    className?: string;
+}
+export declare function NoticeRoot({ children, variant, className }: NoticeRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Notice/notice-title.d.ts

@@ -0,0 +1,5 @@
+export interface NoticeMessageProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function NoticeTitle({ children, className }: NoticeMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Notice/notice.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Notice } from './Notice';
+declare const meta: Meta<typeof Notice>;
+export default meta;
+type Story = StoryObj<typeof Notice>;
+export declare const Warning: Story;
+export declare const Destructive: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const WithoutButton: Story;
+export declare const WithTitleAndColumn: Story;
+export declare const AllVariants: Story;

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

@@ -0,0 +1 @@
+export * from './prev-next-nav';

package/dist/src/ds/components/PrevNextNav/prev-next-nav.d.ts

@@ -0,0 +1,7 @@
+export type PrevNextNavProps = {
+    onPrevious?: () => void;
+    onNext?: () => void;
+    previousAriaLabel?: string;
+    nextAriaLabel?: string;
+};
+export declare function PrevNextNav({ onPrevious, onNext, previousAriaLabel, nextAriaLabel, }: PrevNextNavProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/tokens/colors.d.ts

@@ -4,6 +4,7 @@ export declare const Colors: {
     surface3: string;
     surface4: string;
     surface5: string;
+    surface6: string;
     accent1: string;
     accent2: string;
     accent3: string;

package/dist/src/index.d.ts

@@ -6,6 +6,7 @@ export * from './domains/tools/index';
 export * from './domains/workflows/index';
 export * from './domains/templates/index';
 export * from './domains/observability/index';
+export * from './domains/datasets/index';
 export * from './ds/components/Threads';
 export * from './types';
 export * from './ds/components/Alert';
@@ -45,7 +46,9 @@ export * from './ds/components/Switch';
 export * from './ds/components/Tooltip';
 export * from './ds/components/Truncate';
 export * from './ds/components/ButtonsGroup';
+export * from './ds/components/ListAndDetails';
 export * from './ds/components/MainContent';
+export * from './ds/components/MainHeader';
 export * from './ds/components/Sections';
 export * from './ds/components/CombinedButtons';
 export * from './ds/components/DateTimePicker';
@@ -65,6 +68,10 @@ export * from './ds/components/Text';
 export * from './ds/components/JSONSchemaForm';
 export * from './ds/components/ContentBlocks';
 export * from './lib/rule-engine';
+export * from './ds/components/ListAndDetails';
+export * from './ds/components/Columns';
+export * from './ds/components/ItemList';
+export * from './ds/components/Notice';
 export * from './lib/form';
 export * from './ds/icons/index';
 export * from './domains/voice/hooks/use-speech-recognition';

package/dist/src/lib/experimental-features/hooks/use-experimental-features.d.ts

@@ -1,11 +1,8 @@
-declare global {
-    interface Window {
-        MASTRA_EXPERIMENTAL_FEATURES?: string;
-    }
-}
 /**
  * Hook to check if experimental features are enabled.
- * Users can enable experimental features by setting the EXPERIMENTAL_FEATURES=true environment variable.
+ * Requires both:
+ * 1. @mastra/core advertises the 'datasets' feature flag
+ * 2. EXPERIMENTAL_FEATURES env var is set to 'true' (injected via window.MASTRA_EXPERIMENTAL_FEATURES)
  */
 export declare const useExperimentalFeatures: () => {
     experimentalFeaturesEnabled: boolean;

package/dist/src/lib/framework.d.ts

@@ -16,6 +16,8 @@ type LinkComponentPaths = {
     scorerLink: (scorerId: string) => string;
     cmsScorersCreateLink: () => string;
     cmsScorerEditLink: (scorerId: string) => string;
+    cmsAgentCreateLink: () => string;
+    cmsAgentEditLink: (agentId: string) => string;
     toolLink: (toolId: string) => string;
     skillLink: (skillName: string, workspaceId?: string) => string;
     workspacesLink: () => string;
@@ -26,6 +28,9 @@ type LinkComponentPaths = {
     mcpServerLink: (serverId: string) => string;
     mcpServerToolLink: (serverId: string, toolId: string) => string;
     workflowRunLink: (workflowId: string, runId: string) => string;
+    datasetLink: (datasetId: string) => string;
+    datasetItemLink: (datasetId: string, itemId: string) => string;
+    datasetExperimentLink: (datasetId: string, experimentId: string) => string;
 };
 export interface LinkComponentProviderProps {
     children: React.ReactNode;

package/dist/tailwind.preset.cjs.js

@@ -2,7 +2,7 @@
 
 const defaultFont = require('tailwindcss/defaultTheme');
 const tokens = require('./tokens.cjs.js');
-const spacings = require('./spacings-D-UcNpJ0.cjs');
+const spacings = require('./spacings-DK9eNK2K.cjs');
 const animate = require('tailwindcss-animate');
 const assistantUi = require('@assistant-ui/react-ui/tailwindcss');
 const require$$0 = require('tailwindcss/plugin');
@@ -6490,7 +6490,7 @@ const tailwindConfig = {
     spacing: spacings.Spacings,
     extend: {
       screens: {
-        "3xl": "1900px",
+        "3xl": "1700px",
         "4xl": "2000px"
       },
       fontSize: {