@mastra/playground-ui 6.5.0-alpha.0 → 6.5.0-alpha.2

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

@@ -5,5 +5,6 @@ export interface BadgeWrapperProps {
     icon?: React.ReactNode;
     collapsible?: boolean;
     extraInfo?: React.ReactNode;
+    'data-testid'?: string;
 }
-export declare const BadgeWrapper: ({ children, initialCollapsed, icon, title, collapsible, extraInfo, }: BadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeWrapper: ({ children, initialCollapsed, icon, title, collapsible, extraInfo, "data-testid": dataTestId, }: BadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/containers/buttons-group.d.ts

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

package/dist/src/components/ui/containers/index.d.ts

@@ -1 +1,3 @@
 export * from './MainContent';
+export * from './buttons-group';
+export * from './sections';

package/dist/src/components/ui/containers/sections.d.ts

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

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

@@ -5,3 +5,6 @@ export * from './side-dialog';
 export * from './headers';
 export * from './date-time-picker';
 export * from './text';
+export * from './notification';
+export * from './section';
+export * from './main-sidebar';

package/dist/src/components/ui/elements/main-sidebar/index.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-bottom.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-context.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+export type SidebarState = 'default' | 'collapsed';
+type MainSidebarContext = {
+    state: SidebarState;
+    toggleSidebar: () => void;
+};
+declare const MainSidebarContext: React.Context<MainSidebarContext | null>;
+export declare function useMainSidebar(): MainSidebarContext;
+export declare function MainSidebarProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-header.d.ts

@@ -0,0 +1,8 @@
+import { SidebarState } from './main-sidebar-context';
+type MainSidebarNavHeaderProps = {
+    children?: React.ReactNode;
+    className?: string;
+    state?: SidebarState;
+};
+export declare function MainSidebarNavHeader({ children, className, state }: MainSidebarNavHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-link.d.ts

@@ -0,0 +1,17 @@
+import { SidebarState } from './main-sidebar-context';
+export type NavLink = {
+    name: string;
+    url: string;
+    icon?: React.ReactNode;
+    isActive?: boolean;
+    variant?: 'default' | 'featured';
+};
+type MainSidebarNavLinkProps = {
+    link?: NavLink;
+    isActive?: boolean;
+    state?: SidebarState;
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare function MainSidebarNavLink({ link, state, children, isActive, className, }: MainSidebarNavLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-list.d.ts

@@ -0,0 +1,12 @@
+import { NavLink } from './main-sidebar-nav-link';
+export type NavSection = {
+    key: string;
+    title?: string;
+    links: NavLink[];
+};
+type MainSidebarNavListProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function MainSidebarNavList({ children, className }: MainSidebarNavListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-section.d.ts

@@ -0,0 +1,13 @@
+import { NavLink } from './main-sidebar-nav-link';
+export type NavSection = {
+    key: string;
+    title?: string;
+    links: NavLink[];
+    separator?: boolean;
+};
+type MainSidebarNavSectionProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function MainSidebarNavSection({ children, className }: MainSidebarNavSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-separator.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-root.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar.d.ts

@@ -0,0 +1,21 @@
+import { MainSidebarRoot } from './main-sidebar-root';
+import { MainSidebarBottom } from './main-sidebar-bottom';
+import { MainSidebarNav } from './main-sidebar-nav';
+import { MainSidebarNavSection } from './main-sidebar-nav-section';
+import { MainSidebarNavLink } from './main-sidebar-nav-link';
+import { MainSidebarNavHeader } from './main-sidebar-nav-header';
+import { MainSidebarNavList } from './main-sidebar-nav-list';
+import { MainSidebarNavSeparator } from './main-sidebar-nav-separator';
+export { MainSidebarProvider } from './main-sidebar-context';
+export { useMainSidebar } from './main-sidebar-context';
+export { type NavLink } from './main-sidebar-nav-link';
+export { type NavSection } from './main-sidebar-nav-section';
+export declare const MainSidebar: typeof MainSidebarRoot & {
+    Bottom: typeof MainSidebarBottom;
+    Nav: typeof MainSidebarNav;
+    NavSection: typeof MainSidebarNavSection;
+    NavLink: typeof MainSidebarNavLink;
+    NavHeader: typeof MainSidebarNavHeader;
+    NavList: typeof MainSidebarNavList;
+    NavSeparator: typeof MainSidebarNavSeparator;
+};

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

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

package/dist/src/components/ui/elements/notification/notification.d.ts

@@ -0,0 +1,9 @@
+type Notification = {
+    children: React.ReactNode;
+    className?: string;
+    isVisible?: boolean;
+    autoDismiss?: boolean;
+    dismissTime?: number;
+};
+export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime }: Notification): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

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

package/dist/src/components/ui/elements/section/section-header.d.ts

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

package/dist/src/components/ui/elements/section/section-heading.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+type SectionHeadingProps = {
+    headingLevel?: 'h2' | 'h3' | 'h4';
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SectionHeading({ headingLevel, children, className }: SectionHeadingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/section/section-root.d.ts

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

package/dist/src/components/ui/elements/section/section.d.ts

@@ -0,0 +1,8 @@
+import { SectionRoot } from './section-root';
+import { SectionHeader } from './section-header';
+import { SectionHeading } from './section-heading';
+export { type SectionRootProps as SectionProps } from './section-root';
+export declare const Section: typeof SectionRoot & {
+    Header: typeof SectionHeader;
+    Heading: typeof SectionHeading;
+};

package/dist/src/components/ui/elements/side-dialog/index.d.ts

@@ -1,7 +1 @@
 export * from './side-dialog';
-export * from './side-dialog-header';
-export * from './side-dialog-footer';
-export * from './side-dialog-content';
-export * from './side-dialog-top';
-export * from './side-dialog-code-section';
-export * from './side-dialog-heading';

package/dist/src/components/ui/elements/side-dialog/side-dialog-code-section.d.ts

@@ -1,6 +1,8 @@
 export type SideDialogCodeSectionProps = {
     title: string;
+    icon?: React.ReactNode;
     codeStr?: string;
     simplified?: boolean;
 };
-export declare function SideDialogCodeSection({ codeStr, title, simplified }: SideDialogCodeSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideDialogCodeSection({ codeStr, title, icon, simplified }: SideDialogCodeSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function containsInnerNewline(obj: unknown): boolean;

package/dist/src/components/ui/elements/side-dialog/side-dialog-content.d.ts

@@ -5,17 +5,4 @@ export type SideDialogContentProps = {
     isFullHeight?: boolean;
     variant?: 'default' | 'confirmation';
 };
-export declare function SideDialogContent({ children, className, isCentered, isFullHeight, variant }: SideDialogContentProps): import("react/jsx-runtime").JSX.Element;
-export type SideDialogSectionProps = {
-    children?: React.ReactNode;
-};
-export declare function SideDialogSection({ children }: SideDialogSectionProps): import("react/jsx-runtime").JSX.Element;
-type SideDialogKeyValueListProps = {
-    items: {
-        key: string;
-        value: React.ReactNode;
-    }[];
-    className?: string;
-};
-export declare function SideDialogKeyValueList({ items, className }: SideDialogKeyValueListProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function SideDialogContent({ children, className }: SideDialogContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog-nav.d.ts

@@ -0,0 +1,6 @@
+export type SideDialogNavProps = {
+    onNext?: (() => void) | null;
+    onPrevious?: (() => void) | null;
+    className?: string;
+};
+export declare function SideDialogNav({ onNext, onPrevious, className }: SideDialogNavProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog-root.d.ts

@@ -0,0 +1,11 @@
+export type SideDialogRootProps = {
+    variant?: 'default' | 'confirmation';
+    dialogTitle: string;
+    dialogDescription: string;
+    isOpen: boolean;
+    onClose?: () => void;
+    children?: React.ReactNode;
+    className?: string;
+    level?: 1 | 2 | 3;
+};
+export declare function SideDialogRoot({ dialogTitle, dialogDescription, isOpen, onClose, children, variant, level, className, }: SideDialogRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog-top.d.ts

@@ -1,8 +1,6 @@
 export type SideDialogTopProps = {
     children?: React.ReactNode;
-    onNext?: (() => void) | null;
-    onPrevious?: (() => void) | null;
-    showInnerNav?: boolean;
+    withTopSeparator?: boolean;
     className?: string;
 };
-export declare function SideDialogTop({ children, onNext, onPrevious, showInnerNav, className }: SideDialogTopProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideDialogTop({ children, withTopSeparator, className }: SideDialogTopProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog.d.ts

@@ -1,12 +1,16 @@
-export declare function SideDialog({ dialogTitle, dialogDescription, isOpen, onClose, children, variant, hasCloseButton, className, }: {
-    variant?: 'default' | 'confirmation';
-    dialogTitle: string;
-    dialogDescription: string;
-    isOpen: boolean;
-    onClose?: () => void;
-    onNext?: (() => void) | null;
-    onPrevious?: (() => void) | null;
-    children?: React.ReactNode;
-    hasCloseButton?: boolean;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+import { SideDialogRoot } from './side-dialog-root';
+import { SideDialogCodeSection } from './side-dialog-code-section';
+import { SideDialogHeading } from './side-dialog-heading';
+import { SideDialogContent } from './side-dialog-content';
+import { SideDialogHeader } from './side-dialog-header';
+import { SideDialogTop } from './side-dialog-top';
+import { SideDialogNav } from './side-dialog-nav';
+export { type SideDialogRootProps } from './side-dialog-root';
+export declare const SideDialog: typeof SideDialogRoot & {
+    Top: typeof SideDialogTop;
+    Header: typeof SideDialogHeader;
+    Heading: typeof SideDialogHeading;
+    Content: typeof SideDialogContent;
+    CodeSection: typeof SideDialogCodeSection;
+    Nav: typeof SideDialogNav;
+};

package/dist/src/components/ui/elements/tabs/tabs-content.d.ts

@@ -0,0 +1,7 @@
+type TabContentProps = {
+    children: React.ReactNode;
+    value: string;
+    className?: string;
+};
+export declare const TabContent: ({ children, value, className }: TabContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/tabs/tabs-list.d.ts

@@ -0,0 +1,7 @@
+type TabListProps = {
+    children: React.ReactNode;
+    className?: string;
+    variant?: 'default' | 'buttons';
+};
+export declare const TabList: ({ children, variant, className }: TabListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/tabs/tabs-root.d.ts

@@ -0,0 +1,9 @@
+type TabsRootProps<T extends string> = {
+    children: React.ReactNode;
+    defaultTab: T;
+    value?: T;
+    onValueChange?: (value: T) => void;
+    className?: string;
+};
+export declare const TabsRoot: <T extends string>({ children, defaultTab, value, onValueChange, className, }: TabsRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/tabs/tabs-tab.d.ts

@@ -0,0 +1,8 @@
+type TabProps = {
+    children: React.ReactNode;
+    value: string;
+    onClick?: () => void;
+    className?: string;
+};
+export declare const Tab: ({ children, value, onClick, className }: TabProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/tabs/tabs.d.ts

@@ -1,40 +1,24 @@
-type TabsProps<T extends string> = {
+export declare const Tabs: (<T extends string>({ children, defaultTab, value, onValueChange, className, }: {
     children: React.ReactNode;
     defaultTab: T;
-    value?: T;
-    onValueChange?: (value: T) => void;
+    value?: T | undefined;
+    onValueChange?: ((value: T) => void) | undefined;
     className?: string;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    List: ({ children, variant, className }: {
+        children: React.ReactNode;
+        className?: string;
+        variant?: "default" | "buttons";
+    }) => import("react/jsx-runtime").JSX.Element;
+    Tab: ({ children, value, onClick, className }: {
+        children: React.ReactNode;
+        value: string;
+        onClick?: () => void;
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, value, className }: {
+        children: React.ReactNode;
+        value: string;
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
-type TabListProps = {
-    children: React.ReactNode;
-    className?: string;
-    variant?: 'default' | 'buttons';
-};
-type TabProps = {
-    children: React.ReactNode;
-    value: string;
-    onClick?: () => void;
-    className?: string;
-};
-type TabContentProps = {
-    children: React.ReactNode;
-    value: string;
-    className?: string;
-};
-declare const Tabs: {
-    <T extends string>({ children, defaultTab, value, onValueChange, className }: TabsProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-    Tab: {
-        ({ children, value, onClick, className }: TabProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    List: {
-        ({ children, variant, className }: TabListProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ children, value, className }: TabContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export { Tabs };

package/dist/src/domains/agents/utils/__tests__/extractPrompt.test.d.ts

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

package/dist/src/domains/observability/components/index.d.ts

@@ -5,3 +5,6 @@ export * from './shared';
 export * from './trace-dialog';
 export * from './traces-tools';
 export * from './traces-list';
+export * from './span-score-list';
+export * from './span-scoring';
+export * from './span-tabs';

package/dist/src/domains/observability/components/span-details.d.ts

@@ -1,7 +1,6 @@
 import { AISpanRecord } from '@mastra/core';
 interface SpanDetailsProps {
     span?: AISpanRecord;
-    onScorerTriggered: (scorerName: string, traceId: string, spanId?: string) => void;
 }
-export declare function SpanDetails({ span, onScorerTriggered }: SpanDetailsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SpanDetails({ span }: SpanDetailsProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/domains/observability/components/span-dialog.d.ts

@@ -1,15 +1,21 @@
 import { KeyValueListItemData } from '../../../components/ui/elements';
 import { AISpanRecord } from '@mastra/core';
+import { GetScoresResponse } from '@mastra/client-js';
 type SpanDialogProps = {
     trace: AISpanRecord;
     span?: AISpanRecord;
+    spanScoresData?: GetScoresResponse | null;
+    onSpanScoresPageChange?: (page: number) => void;
+    isLoadingSpanScoresData?: boolean;
     spanInfo?: KeyValueListItemData[];
     isOpen: boolean;
     onClose?: () => void;
     onNext?: () => void;
     onPrevious?: () => void;
     onViewToggle?: () => void;
-    onScorerTriggered: (scorerName: string, traceId: string, spanId?: string) => void;
+    defaultActiveTab?: string;
+    initialScoreId?: string;
+    computeTraceLink: (traceId: string, spanId?: string) => string;
 };
-export declare function SpanDialog({ trace, span, isOpen, onClose, onNext, onPrevious, onViewToggle, spanInfo, onScorerTriggered, }: SpanDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpanDialog({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, isOpen, onClose, onNext, onPrevious, onViewToggle, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, }: SpanDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/observability/components/span-score-list.d.ts

@@ -0,0 +1,17 @@
+import { GetScoresResponse } from '@mastra/client-js';
+export declare const traceScoresListColumns: {
+    name: string;
+    label: string;
+    size: string;
+}[];
+type SpanScoreListProps = {
+    scoresData?: GetScoresResponse | null;
+    isLoadingScoresData?: boolean;
+    initialScoreId?: string;
+    traceId?: string;
+    spanId?: string;
+    onPageChange?: (page: number) => void;
+    computeTraceLink: (traceId: string, spanId?: string) => string;
+};
+export declare function SpanScoreList({ scoresData, isLoadingScoresData, traceId, spanId, initialScoreId, onPageChange, computeTraceLink, }: SpanScoreListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/observability/components/span-scoring.d.ts

@@ -0,0 +1,6 @@
+export interface SpanScoringProps {
+    traceId?: string;
+    spanId?: string;
+    entityType?: string;
+}
+export declare const SpanScoring: ({ traceId, spanId, entityType }: SpanScoringProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/observability/components/span-tabs.d.ts

@@ -0,0 +1,16 @@
+import { KeyValueListItemData } from '../../../index';
+import { GetScoresResponse } from '@mastra/client-js';
+import { AISpanRecord } from '@mastra/core';
+type SpanTabsProps = {
+    trace?: AISpanRecord;
+    span?: AISpanRecord;
+    spanScoresData?: GetScoresResponse | null;
+    onSpanScoresPageChange?: (page: number) => void;
+    isLoadingSpanScoresData?: boolean;
+    spanInfo?: KeyValueListItemData[];
+    defaultActiveTab?: string;
+    initialScoreId?: string;
+    computeTraceLink: (traceId: string, spanId?: string) => string;
+};
+export declare function SpanTabs({ trace, span, spanScoresData, onSpanScoresPageChange, isLoadingSpanScoresData, spanInfo, defaultActiveTab, initialScoreId, computeTraceLink, }: SpanTabsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/observability/components/trace-dialog.d.ts

@@ -10,8 +10,10 @@ type TraceDialogProps = {
     isLoadingSpans?: boolean;
     computeAgentsLink?: () => string;
     computeWorkflowsLink?: () => string;
-    onScorerTriggered: (scorerName: string, traceId: string, spanId?: string) => void;
+    computeTraceLink: (traceId: string, spanId?: string, tab?: string) => string;
     initialSpanId?: string;
+    initialSpanTab?: string;
+    initialScoreId?: string;
 };
-export declare function TraceDialog({ traceId, traceSpans, traceDetails, isOpen, onClose, onNext, onPrevious, isLoadingSpans, computeAgentsLink, computeWorkflowsLink, onScorerTriggered, initialSpanId, }: TraceDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceDialog({ traceId, traceSpans, traceDetails, isOpen, onClose, onNext, onPrevious, isLoadingSpans, computeAgentsLink, computeWorkflowsLink, computeTraceLink, initialSpanId, initialSpanTab, initialScoreId, }: TraceDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/observability/components/trace-timeline.d.ts

@@ -1,12 +1,9 @@
-import { AISpanRecord } from '@mastra/core';
 import { UISpan } from '../types';
 type TraceTimelineProps = {
-    spans?: AISpanRecord[];
     hierarchicalSpans: UISpan[];
     onSpanClick: (id: string) => void;
     selectedSpanId?: string;
     isLoading?: boolean;
-    className?: string;
 };
-export declare function TraceTimeline({ spans, hierarchicalSpans, onSpanClick, selectedSpanId, isLoading, className, }: TraceTimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceTimeline({ hierarchicalSpans, onSpanClick, selectedSpanId, isLoading }: TraceTimelineProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/observability/components/traces-list.d.ts

@@ -4,10 +4,14 @@ export declare const tracesListColumns: {
     label: string;
     size: string;
 }[];
+type AITrace = Pick<AISpanRecord, 'traceId' | 'name'> & {
+    attributes?: Record<string, any> | null;
+    createdAt: Date | string;
+};
 type TracesListProps = {
     selectedTraceId?: string;
     onTraceClick?: (id: string) => void;
-    traces?: AISpanRecord[];
+    traces?: AITrace[];
     errorMsg?: string;
     setEndOfListElement?: (element: HTMLDivElement | null) => void;
     filtersApplied?: boolean;

package/dist/src/domains/scores/components/score-dialog.d.ts

@@ -1,13 +1,15 @@
-import { MastraScorer } from '@mastra/core/scores';
+import { SideDialogRootProps } from '../../../components/ui/elements';
 import { ClientScoreRowData } from '@mastra/client-js';
 type ScoreDialogProps = {
     score?: ClientScoreRowData;
-    scorer?: MastraScorer;
+    scorerName?: string;
     isOpen: boolean;
     onClose: () => void;
     onNext?: () => void;
     onPrevious?: () => void;
     computeTraceLink: (traceId: string, spanId?: string) => string;
+    dialogLevel?: SideDialogRootProps['level'];
+    usageContext?: 'scorerPage' | 'aiSpanDialog';
 };
-export declare function ScoreDialog({ scorer, score, isOpen, onClose, onNext, onPrevious, computeTraceLink, }: ScoreDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScoreDialog({ score, scorerName, isOpen, onClose, onNext, onPrevious, computeTraceLink, dialogLevel, usageContext, }: ScoreDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/scores/hooks/use-trace-span-scores.d.ts

@@ -0,0 +1,7 @@
+type useTraceSpanScoresProps = {
+    traceId?: string;
+    spanId?: string;
+    page?: number;
+};
+export declare const useTraceSpanScores: ({ traceId, spanId, page }: useTraceSpanScoresProps) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetScoresResponse, Error>;
+export {};

package/dist/src/domains/scores/hooks/use-trigger-scorer.d.ts

@@ -3,7 +3,7 @@ interface TriggerScoreArgs {
     traceId: string;
     spanId?: string;
 }
-export declare const useTriggerScorer: (onScorerTriggered: (scorerName: string, traceId: string, spanId?: string) => void) => import('@tanstack/react-query').UseMutationResult<{
+export declare const useTriggerScorer: () => import('@tanstack/react-query').UseMutationResult<{
     status: string;
     message: string;
 }, Error, TriggerScoreArgs, unknown>;

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

@@ -3,3 +3,4 @@ export * from './components/score-dialog';
 export * from './components/scores-tools';
 export * from './hooks/use-scorers';
 export * from './components/scorers-table/scorers-table';
+export * from './hooks/use-trace-span-scores';

package/dist/src/index.d.ts

@@ -37,6 +37,7 @@ export * from './lib/framework';
 export { MemorySearch } from './components/assistant-ui/memory-search';
 export * from './components/ui/alert-dialog';
 export * from './components/ui/searchbar';
+export * from './components/ui/tooltip';
 export * from './components/ui/kbd';
 export * from './components/ui/collapsible';
 export * from './domains/conversation/index';