import { LightSpanRecord } from '@mastra/core/storage';
import { LinkComponent } from '../../../ds/types/link-component';
export type TraceDataPanelPlacement = 'traces-list' | 'trace-page';
export interface TraceDataPanelViewProps {
    traceId: string;
    /** Lightweight spans for the trace. Caller fetches via useTraceLightSpans. */
    spans: LightSpanRecord[] | undefined;
    isLoading?: boolean;
    onClose: () => void;
    onSpanSelect?: (spanId: string | undefined) => void;
    onEvaluateTrace?: () => void;
    /** When set, a "Save as Dataset Item" button appears; the consumer owns the dialog. */
    onSaveAsDatasetItem?: (args: {
        traceId: string;
        rootSpanId: string | undefined;
    }) => void;
    initialSpanId?: string | null;
    onPrevious?: () => void;
    onNext?: () => void;
    collapsed?: boolean;
    onCollapsedChange?: (collapsed: boolean) => void;
    placement: TraceDataPanelPlacement;
    timelineChartWidth?: 'wide' | 'default';
    /** When both are provided, renders an "Open trace page" button. */
    LinkComponent?: LinkComponent;
    traceHref?: string;
}
export declare function TraceDataPanelView({ traceId, spans, isLoading, onClose, onSpanSelect, onEvaluateTrace, onSaveAsDatasetItem, initialSpanId, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, placement, timelineChartWidth, LinkComponent, traceHref, }: TraceDataPanelViewProps): import("react/jsx-runtime").JSX.Element;
